Display the banner on the front store

Estimated reading: 5 minutes 164 views

Display the banners on all pages on the site

Steps to manage

  1. Open the app > click Banners > open the banner or create a new one
  2. Click Display icon on the left size bar 
  3. In Conditions parts, skip this part and the banner will automatically display on all pages  
  4. Select Device Targeting > select Display on both desktop and mobile browsers. The banner will always show up on all pages on the site 
  5. 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 

  1. Open the app > click Banners > open the banner or create a new one
  2. Click Display icon on the left size bar 
  3. 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 
  4. If you add multiple conditions, please check the if Products must match: all conditions or Any condition.
  5. Select Device Targeting 
  6. Click Save 
  7. Check the result on the front store 

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: 

  1. Open the app > click Banners > open the banner or create a new one
  2. Click Settings icon on the left side bar > Banner Configuration > Select A Display Position > select Custom Placement – Place bar anywhere on your online store
  3. Click Display icon on the left size bar > copy the Shortcode of the banner

In Shopify admin page:

  1. From the Shopify admin page, open the page/template you want to add to the banner
  2. Paste the Shortcode of the banner
  3. Save the changes 
  4. Check the result on the front store

Display banner on a specific position on Hompage

Step to manage

In the Samita app: 

  1. Open the app > click Banners > open the banner or create a new one
  2. Click Settings icon on the left side bar > Banner Configuration > Select A Display Position > select Custom Placement – Place bar anywhere on your online store
  3. Click Display icon on the left size bar > copy the Shortcode of the banner

In Shopify admin page:

  1. From the Shopify admin page, click Online store > Themes > click Customize button of the theme you wan to work on 
  2. Open the page template (Homepage
  3. On the left, click Add section > Apps > select Samita banner 
  4. Paste the shortcode of the banner to the section
  5. Drag/drop app section to change the position of the banner on the page
  6. Save 

Leave a Comment

CONTENTS