Display the banner on the front store
Estimated reading: 5 minutes
76 views
Display the banners on all pages on the site
Steps to manage
- Open the app > click Banners > open the banner or create a new one
- Click Display icon on the left size bar
- In Conditions parts, skip this part and the banner will automatically display on all pages
- Select Device Targeting > select Display on both desktop and mobile browsers. The banner will always show up on all pages on the site
- Click Save
Set up condition to display the banners on specific pages
Currently the app allows you set up conditions to show banner on the front store.
We can show banner by selected pages, languages, products, product tags, customers or customer tags.
Step to manage
- Open the app > click Banners > open the banner or create a new one
- Click Display icon on the left size bar
- Click Add another condition button > set the condition with pages, customers or products based on your needs. For example: Page – is equal to – Collection page
- If you add multiple conditions, please check the if Products must match: all conditions or Any condition.
- Select Device Targeting
- Click Save
- Check the result on the front store
Products must match all conditions or any condition.
– If you select "all conditions", products must match all the conditions added
– If you select "any condition", products must match at least one of the conditions
– If you select "any condition", products must match at least one of the conditions
Display banner at a custom position on the front store
You can use the shortcode to display the banner at a specific position.
Step to manage
In the Samita app:
- Open the app > click Banners > open the banner or create a new one
- Click Settings icon on the left side bar > Banner Configuration > Select A Display Position > select Custom Placement – Place bar anywhere on your online store
- Click Display icon on the left size bar > copy the Shortcode of the banner
In Shopify admin page:
- From the Shopify admin page, open the page/template you want to add to the banner
- Paste the Shortcode of the banner
- Save the changes
- Check the result on the front store
Display banner on a specific position on Hompage
Step to manage
In the Samita app:
- Open the app > click Banners > open the banner or create a new one
- Click Settings icon on the left side bar > Banner Configuration > Select A Display Position > select Custom Placement – Place bar anywhere on your online store
- Click Display icon on the left size bar > copy the Shortcode of the banner
In Shopify admin page:
- From the Shopify admin page, click Online store > Themes > click Customize button of the theme you wan to work on
- Open the page template (Homepage)
- On the left, click Add section > Apps > select Samita banner
- Paste the shortcode of the banner to the section
- Drag/drop app section to change the position of the banner on the page
- Save
Need support?
If you do encounter any difficulty while proceeding these steps, don’t show any hesitation to contact us promptly via the email address support@samita.io