Back
Smart Customizable Top Banner
What is it & why you need it
The smart top banner is a fully customizable announcement and promotional bar that you can display at the top of any page on your website. It will help you grab customer attention whether you are running a limited-time sale, promoting a new course, sharing an important update, and so on.
With complete control over design, colors, styling, and placement, you can create beautiful banners that match your brand perfectly. Furthermore, you can choose to show separate banners for specific pages, giving you the ability to create specific banners for the right pages.
How to get started using it
You can create banners directly from your EzyCourse admin dashboard. To create one, go to Website Builder → Banners.
To create a banner, click the Create Banner button on the top right corner of the screen.
On the popup, you can customize everything from colors, styles, texts, CTAs, etc. Let’s go over all these options.
First, you can give a banner name. This will help you to identify the banner when you are setting it for a page.
The next two options are for setting the background color and background image for the banner. For background color, you have the convenience of putting a hex code or choosing an RGB value.
[Note: Notice that you can preview the changes live as you are customizing the banner.]
For the text content, you can write exactly what you wish to show. And then customize the text color, size (in px or rem), and font weight.
Enable the Call-to-Action (CTA) option to set a button on the banner. You can then edit the button text.
You can choose the link type i.e. where the button should take the user. It could be any of your website pages, external link, any specific product checkout page, a page section, or even a popup/modal page on your website. Tick the checkbox to ensure the link opens in a new tab.
You can change the background color and customize text settings of the CTA button to make it more “clickable” if you like.
For further styling, there’s different border styling options you can utilize. Ensure you first set a Border width value to see the border color preview.
For the CTA, you can also choose to change the color when being hovered with the cursor.
Yes, there’s also an option to add a countdown timer to your top banner. Just enable the Timer toggle and select the date-time when the offer or promotion will end. You can customize the timer text color, show label text, etc.
Another important option is you have the luxury of choosing the action when the timer hits zero. You can utilize these options for different purposes. For example, you can use the “Replace text” option and inform the customers about the next offers to come: “Missed Black Friday Deals? Wait for our Mega Anniversary Sale!“.
Finally, you can enable a close button for the convenience of your customers.
Click the Create button to complete.
You can edit or even clone any existing banner anytime.
Once you create a banner, you can set it as the global banner. This means it will show on all your published pages, except any pages where you choose a different banner. To set a global banner, click the button first.
Choose from your desired banner and click the Save button. This will make the banner appear on all your published pages.
To set a different banner for any specific page, go to Website Builder → Pages → click the three dots on the page you want to add the banner to and select the Edit Page Settings option.
From here, just choose the banner from the dropdown option and click the Save button to set it for this page only.
This way, you can show attractive banners on your site and your customers will be able to view the banner on the live page.
