Setting up a slider

Step 1

Add a title for your bar

Make sure you add a clear title for your announcement bar. This will only be displayed to you and it won’t be visible for the visitors of your store.

Step 2

Select your template

First of, get started by selecting your template for your bar

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

With our rich-text-editor we made it easy for you to be as creative as possible with how your message looks (the only thing’s that left… is your actual message!). Feel free to change fonts, colors, text styles and add as many emojis as needed.

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