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:
- From your Ecwid admin, go to Website → Edit Site.
- 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.
- On the Content tab, enter your text for the bar. You can also set up an button if you like.
- 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 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:
- From your Ecwid admin, go to Website → Edit Site.
- 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:
- 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.
- 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!”
- 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.
- (optional) Click Back, then drag and drop the section to reposition it on your website.
- Click Publish.
That’s it! Now you have a scrolling message on the front page of your Instant Site: