How to Place the Essential Announcement Bar Anywhere on Your Website

In the ‘Placement’ section you have several options on where you would like the Essential Announcement Bar to be placed. You can choose "Every Page", "Home Page only", "All product pages", "Specific product pages", "All collection pages", or "Specific Collection pages" where the Announcement Bar will be added to a default placement below on the very top of the page. Or you can opt for a custom position using our provided Announcement ID or snippet code, and place the Bar anywhere on your website.

First, you need to select the "Custom position" on the Placement tab:

Copy the Announcement ID:

Add the Essential Announcement Bar app-block on the needed page template anywhere on your website while customizing your Theme

Paste the Announcement ID into the app block:

To have the Announcement Bar in full width, you should press on the "Apps":

and unselect the "Make section margins the same as theme", do not forget to save the changes:

If your Theme does not support the app blocks, you can simply copy the Snippet code from the Placement tab:

add the Custom Liquid block (or differently named block on your Theme that accepts the HTML):

and paste the Announcement Snippet code inside the Custom Liquid block:

You can change the location by dragging the App or Custom Liquid block and moving the banner to your preferred location on the page: