Display the banner on the front store

Estimated reading: 5 minutes 518 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 the Display icon on the left sidebar 
  3. In the Conditions parts, skip this part and the banner will automatically display on all pages  
  4. In the field under the Conditions field > Select Display on both desktop and mobile browsers. The banner will always show up on all pages of the site 
  5. Click Save

Set up conditions to display the banners on specific pages 

Currently, the app allows you to set up conditions to show a banner on the front store. 

We can show banners with 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 the Display icon on the left sidebar 
  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 where to display 
  6. Click Save 
  7. Check the result on the front store 

Display a banner at a customized 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 the Settings icon on the left sidebar > Banner Configuration > Select A Display Position > Select Custom Placement – Place the bar anywhere on your online store
  3. Click the Display icon on the left sidebar > copy the Shortcode of the banner

On the 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 at a specific position on the Hompage

Step to manage

In the Samita app: 

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

On the Shopify admin page:

  1. From the Shopify admin page, click Online store > Themes > click Customize button of the theme you want 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 the app section to change the position of the banner on the page
  6. Save 

Leave a Comment

CONTENTS