Banner Placement

Section Selection

Choose where your banner appears on your store:

  • Homepage
  • Collections pages
  • Product pages
  • Cart page

Note: Different page types serve different purposes. Use hero banners on the homepage, product-specific banners on product pages, and promotional banners on the cart page to maximize conversions.

Pro Tip: For global campaigns that target different areas of your store, include the same banner in different sections.

Target Positioning

Precisely place your banner using our visual targeting tool. In the Section area:

  1. Select and expand the section where you want to place the banner
  2. Click the Target button
    • Your live store will open in the same window
  3. Hover over different page regions to see the available placement zones
  4. Click to select desired position
  5. If you don't like the selection, you can remove it and pick a different position
  6. Accept the placement to return to settings

Note: The targeting tool provides a glimpse of the first draft of the final position. Use the preview button to check the exact look and feel before publishing.

Next Step: After placing your banner, you can configure Display Rules to control when your banners appear based on your customer targeting preferences. Display Rules.

Preview Your Placement

Use the preview button to see your banner in its actual position on your live website before publishing.

  • Expand the Section where you have included the banner
  • Click the Preview button in the banner settings
  • A new tab will open showing your live store with the banner in place
  • Review the placement and appearance
  • If adjustments are needed, return to the settings to modify the position or design

Best Practice: To ensure proper placement across all screen formats, always preview your banner on different window sizes.