In this article:

  1. Introduction

  2. Installation of Announcement Bar

1. Introduction

Now you can stick an important message on top of your store with a button. Easily setting, fully customization. Sometime customer might not alert with your promotion, or any notifications. Stick it on top with a full-screen banner (the colour suggest to be big different from your background colour). A button makes the information delivery work completely.

2. Installation of Announcement Bar 

Step 1 : EasyStore Admin > Apps > More Apps > Search Announcement Bar > Install this app 

Step 2 : Write your message, edit the options available

Step 3 : You can 'Enable button' to insert your own 'Button text' and 'Button Link'

📌 Note : When the customers click on 'Button text', the 'Button link' will redirect them to the link inserted.

Step 4 : You can Enable Countdown for your announcement bar as well

Step 5 : You can preview the outcome at the bottom

Step 6 : Save changes and you're all done! 😍

💡 Tips : You may follow the steps below if the announcement bar is blocking your website top bar.

Click into Channels > Online Store > Edit Source > assets > theme.js and add this code at the bottom of the file > Save

if($('#announcementBarTop').length){ $('.header-bar.sticky-topbar').css('top',$('#announcementBarTop').height() +'px'); }

Extra GIF image reference :

Related articles:
Display images from Instagram
Customize your top bar content
Adding Image & Logo at Footer
Adding a navigation side bar to your site

Did this answer your question?