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.

If you’re using the New-Gen version of Ecwid Instant Site, there are several ways you can add header bars to your ecommerce site.

Adding an announcement bar to site front page

If you’re using the New-Gen version of our Instant Site, you can easily add one of the dedicated announcement bar blocks to its front page.

To add the announcement bar block:

  1. From your Ecwid admin, go to WebsiteEdit Site and click Add Block.
  2. On the opened page, scroll down 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 action link 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 the front page of your Instant 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 site front page

To animate the website and catch the eye of customers, New-Gen Instant Site users can add a dynamic block with a scrolling message to the front page. 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 WebsiteEdit Site, then click Add Block.
  2. On the opened page, scroll down to Customer Reviews and click on the preview of the scrolling block:

    Adding_promo_bars_to_Instant_Site__2_.png

    Once you click on the block, it will be added to the list of your site blocks and opened for editing.
  3. The block that you’ve just added will have 3 customer reviews. You can now 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 block in the Site Blocks list to reposition it on your website.

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

Adding_promo_bars_to_Instant_Site__1_.gif

Was this article helpful?

Awesome! Thanks for your feedback!

Thanks for your feedback!

Sorry about that! What went wrong?
2 out of 4 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