Where a banner appears

The Placement panel is the third icon in the builder’s rail. It answers four questions: where on the page, on which pages, on which devices, and when.

Position first, then who sees it and when.

Position

Position	What it does
Top of the page	Sits above everything and pushes the page down
Bottom of the page	Pinned to the foot of the screen
Custom	Goes wherever you paste the shortcode

Top and bottom need nothing from you — the app inserts the bar itself.

Stay on screen

Off, the bar scrolls away with the rest of the page. On, it follows the shopper as they scroll.

Caution

Some themes set an overflow rule on the page that stops anything sticking. If Stay on screen is on and the bar still scrolls away, that’s usually why — ask your theme developer, or leave the setting off.

Custom and the shortcode

Choose Custom and the panel shows a snippet to copy:

<div class="samita-banner" data-id="9"></div>

Paste it into your theme where the bar should appear. The app fills it in. Top and bottom need nothing pasted.

Note

Stay on screen does very little with a custom position. A bar pasted into the middle of a page can only stick within the section it was pasted into, and once the shopper scrolls past that section it goes with it.

Conditions

Conditions decide which pages and which shoppers get the banner.

At the top, All conditions or Any condition — whether every rule has to be true, or just one of them.

Under that is the list of rules. Click one to open it; click Add condition to add another.

No rules at all means the bar shows everywhere.

The rules you can add

Rule	Matches on
All pages	Every page of the store
Page	A page type — home, product, collection, cart, search, blog, article — or specific URLs
Select products	Product pages for the products you choose
Product tag	Product pages whose product carries a tag
Collections	Product pages for products in the collections you choose
Customer	Whether the shopper is logged in
Customer tag	A tag on the logged-in customer
Language	The language the shopper is reading the store in
Country	The shopper’s country

Opening a rule shows a Comparison — is equal to, is not equal to, and for text rules starts with, ends with, contains, does not contain.

Caution

Select products, Product tag, and Collections can only be judged on a product page. Combining one of them with Page is Index page under All conditions gives a rule that can never be true, because no page is both.

Removing a rule

Open it and click Remove condition at the foot.

Devices

Both screens, Desktop only, or Mobile only — for the whole banner.

To drop one element on a phone rather than the whole bar — or to give a phone its own sizes and colours for it — use that element’s Device settings instead. See One element, two screens.

Schedule

Turns the bar on and off by itself, so you don’t have to remember to come back and set it to Draft.

Before the start or after the end, the bar simply isn’t there.

1. Turn Schedule on

   The Starts field appears.

2. Set when it starts

   Pick a date and time. Before that moment the banner doesn’t render, even when it’s Active.

3. Set an end, if it has one

   Turn on Set an end date and an Ends field appears.

   Leave it off and the banner runs until you turn it off yourself.

The end has to come after the start — the app says so if it doesn’t.

Next steps

• Bar content and elements
• Manage banners
• Display conditions