Step 1
Add a title for your bar
Step 2
Select your template
Free templates consist of countless solid color combinations. Select the one that suits you best!
Premium templates, on the other hand, have plenty of built-in pre-styles and features like:
- Gradient background
- Pattern background
- Custom background image with custom scaling
Set up bar action
When setting up an action for your bar, you have three options:
Clickable button
Choosing this option adds a button to your bar. The set of option will show up that you will be able to configure as you like.
Entire bar clickable
This options makes the entire bar clickable and you only have to enter the URL
No action
No URL or extra settings will show up when selecting this option. The bar will be static and won’t have any dynamic actions.
Step 3
Add your message
Step 4
Add the order of the slide
Under “Appearance Settings”, go to “Slider Settings” and add the order of this slide.
If you would like this announcement bar (slide) to be displayed as the first one, enter the value that is less than the value of the next slider that you will add.
For this example, let’s add “1” for the order.
Disappear settings
Set up the duration of the slider – after how many seconds the bar will disappear and the next one will appear.
For the test purposes, we will put this value as “3”.
Step 5
Save the bar
Save the bar, go back to the dashboard of the app and click on “Create new bar” (1)
Step 6
Create the new bar and repeat Steps 1 to 4.
Please make sure, in the order section of your second slide, add value higher than your first slider
Step 7
Save your second slide (announcement bar)
Make sure both of your bars are Enabled
Demo
We have set up each slider duration for 3 seconds, so in this demo above, you can see that each slide changes after three seconds.
