Knowledge base
Guides
Academy
Video tutorials
Try searching for:
Recently viewed articles:

Table of contents

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.

This article is for the latest version of Instant Site. The old Instant Site version does not support adding promo bars. Not sure which version you're using? Find out how to distinguish Instant Site versions and how to update to the latest one.

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 Ecwid admin, go to WebsiteEdit 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 an 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:

Adding promo bars to Instant Site 1.png

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 of our Instant Site, you can use apps from Ecwid’s 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 Ecwid 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:

    Adding promo bars to Instant Site 3.png

  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:

Adding promo bars to Instant Site 2.gif

If you want to add a promo bar with a specific look or behavior that is currently not supported in the default Instant Site sections, you can do that with some coding. You can develop such a custom section yourself, hire a third-party developer, or order help from Ecwid’s customization team. See development guidelines for Instant Site sections →
Was this article helpful?

Awesome! Thanks for your feedback!

Thanks for your feedback!

Sorry about that! What went wrong?
10 out of 18 found this helpful
10
We use cookies and similar technologies to remember your preferences, measure effectiveness of our campaigns, and analyze depersonalized data to improve performance of our site. By choosing «Accept», you consent to the use of cookies.
Accept cookies Decline