Creating and Managing Banners

Banner Editor Interface

When entering the editing mode of a banner, you'll see:

1. Header Information - Left Side

  • Banner title
  • Auto-save indicator (changes save automatically)
  • Last edited timestamp

2. Header Publishing - Right Side

Publish/Unpublish button - Control banner visibility on your store

  • When the status is Unpublished:
    • The banner is removed from your store (not visible to customers)
    • The banner remains saved in your dashboard for future use
    • Recent changes are saved but not published
    • Press the button to publish and make it visible on your store
  • When the status is Published:
    • The banner is live and visible on your store with the latest changes
    • All changes are published and active
    • Press the button to unpublish and remove it from your store

3. Status Output Bar

  • The Status Output Bar shows the information about the status of your banner and useful instructions are displayed
  • Take into consideration the displayed information and use it to make the necessary adjustments

4. Preview Navigation

Preview modes - Test your banner in different responsive views:

  • Large mode
    • Usually matches Desktop devices
  • Medium mode
    • Usually matches Tablet devices
  • Small mode
    • Usually matches Mobile devices

Navigation controls

  • Use the arrows (left/right) to navigate between slides
  • Use navigation dots shown below the preview for quick access to specific slides

Best Practice: Use the three responsive modes to test your banners across all devices to ensure they look great on every device, but also check the actual devices when possible for the most accurate results.