Skip to content

Banner Settings

In this tab, you configure the basic settings for the banner such as name, status, content, etc.

basic details

  1. Name: Define the name of the banner which is only for internal use.
  2. Status: Toggle status between active and disabled. The banner is displayed on the shop site when the status is active and hidden when disabled.
  1. Message: Text content displayed inside the banned.
  2. Button Text: Text content displayed inside the button.
  3. Button Type: Banner button can be of three types, None - hide button, Button - default button type, Text Link - Text only button with no borders.
  4. Clickable Area: Button - on click event is triggered only on button click, Entire Bar - on click event is triggered when any section of Bar is clicked.
  5. Link URL: Enter the URL where the page redirects on the button/banner click.
  6. Open links in new tab: Opens link url in new window.

Expected URL format: Enter the URL starting from "/" after the host URL. For example, if you want to include example-shop.com and example-shop.com/products/product-1, requires input URL of "/" and "/products/product-1".

  1. Include Custom URL: Enter the URL pattern for pages where the banner is displayed.
  2. Show on Pages: Types of Shopify pages where the banner is displayed.
  3. Exlude Custom URL: Enter the URL pattern for pages where the banner is hidden.
  4. Show on Devices: Select devices such as mobile, tablet, and desktop where the banner is displayed.

Advanced Targeting

  1. Display on Product pages under Collection URL: Display only on or hide banners from product pages which belongs to input Collection URLS. For example: If we want to display a banner on all product pages under "Collection1" collection. Then the input url will be the URL of "Collection1" collection 'https://mystore.myshopify.com/collections/collection1' .

  2. Display for Customers with Tag: Display only on or hide banners from logged in customer based on their tags. Please refer this article for more info: https://help.shopify.com/en/manual/customers/manage-customers