The most popular use case for a Bar (or Sticky Banner) is a Free Shipping Bar that sits at the top of your website. It’s a great way to motivate your customers to go through with checkout.

In this article, I’ll show you how to create a free shipping bar to your store:

I. Edit on the pre-built templates

Select your templates:

Click on the Create new to enter the Template Library > choose Free Shipping Bar tag

Design Your Free Shipping Bar:

The way you style your free shipping bar is totally up to you.

To change the background color, go back to the Components board > click on Layout:

Note: Choose a color that fits with your brand but will also grab your customers’ attention.

For text editing, just highlight a paragraph that you want to edit and the editor will appear right on the top menu. You can add any text that you think would be attractive to customers

You also can drag-and-drop the button and simply add a call to action like Shop Now. You would change the button text in the same way you changed your component text

You can add the URL where you want your visitors to go when they click on your button:

If you want to add a new Component to your Bar, click + Component button at the top of your editor:

This will show you different things you can add to your Bar:

To remove any component from your bar, just click on that component and locate the trash can icon:

II. Bar display configuration:

You can take a look at this article to get more information about how to set display rules for your bar.

If you have any questions, please contact us via our Live chat or email:

Did this answer your question?