Guides
Instant Site
In-depth site design
Adding promo bars to Instant Site

Adding promo bars to Instant Site

Promo bars are narrow colored banners usually placed on top of site pages. They’re great for welcoming customers, drawing attention to sales, announcing promotions like free shipping, etc.

You can add a banner that will be shown at the top of your site on any site page, or add an animated text banner that will be shown at a specific page of your website.

Adding an announcement bar to the top of your site

You can add one of the dedicated announcement bar sections to your Instant Site. No matter what page you add a bar to, it will be shown at the top of each page in your store.

To add the announcement bar block:

  1. From your store admin, go to Website → Edit Site.
  2. Click Add Section, go to Announcements and click on the block you like. It will be added to your list of site blocks and opened for editing.
  3. On the Content tab, enter your text for the bar. You can also set up a button if you like.
  4. On the Design tab, adjust fonts, styles, and colors.

That’s it! Now the promo bar will be displayed on top of any page of your site:

The announcement bar does not appear on individual store pages (product pages, checkout, etc.). To add a promo bar to your store or to the original version (opens in a new tab) of our Instant Site, you can use apps from the App Market: Zotabox: 20+ Promotional Sales Tools or Announcements bar.

Adding a scrolling message to a page

To animate the website and catch the eye of customers, you can add a dynamic section with an animated text message to any page of your site. The bar will be displayed at a specific page only. By default, scrolling messages are used for displaying reviews, but you can adjust them to highlight any promotion.

To add a scrolling message:

  1. From your store admin, go to Website → Edit Site.

  2. Click Add Block, go to Customer Reviews and click on the preview of the scrolling block to add it to your site and open for editing:

  3. The section that you add will have 3 customer reviews. You can delete all but one review. For that, click on the review in the editor on the left, then click Delete review at the bottom.

  4. Click on the remaining review and clear the Author field, then enter the text of your message in the Review text field. For example, “SALE!”

  5. Click Back and switch to the the Design tab to change font, its size, and style of your message, as well as the text and background color.

  6. (optional) Click Back, then drag and drop the section to reposition it on your website.

  7. Click Publish.

That’s it! Now you have a scrolling message on the front page of your Instant Site:

Customizing mobile view for Instant Site sectionsAdding slider to Instant Site