BSS: Banner & Pop-up
  • About us
  • How to create a Banner?
    • πŸ“’ How to create a Single Announcement Banner?
    • πŸƒ How do you create a Running/Scrolling/Marquee Banner?
    • πŸ”„ How to create a Rotating/Carousel Banner?
    • ⏳ How to create a Countdown Timer Banner?
    • 🚚 How to use the Free shipping banner?
    • πŸ’° How to use the Discount banner?
    • πŸ“© How to use the Email Signup banner?
    • 🌍 How to Create a Multilingual Banner?
  • How to create a Window Popup?
  • How to create a Sale Pop-up?
  • FAQs?
    • How to Design Window Popups for Desktop and Mobile (Best Practices)
    • What’s the difference between Countdown Timer and Schedule Time?
    • How to Upload and Optimize Background Banner Images
    • How to Setup Conditions for a Banner?
    • How to Setup Conditions for a Sales Pop-up?
    • How to use a Custom position for a Banner?
    • How to Translate Banner Content?
      • Manual Translation
      • Automatic Translation with LangShop
    • How to Add Languages to Your Shopify Store?
    • How to provide the store's collaborator code?
    • How to approve our support request?
  • Contact us
Powered by GitBook
On this page

Was this helpful?

How to create a Banner?

PreviousAbout usNextπŸ“’ How to create a Single Announcement Banner?

Last updated 24 days ago

Was this helpful?

What is a banner?

A banner is an element displayed on a website to show notifications or promotional information.

Create A Banner

Step 1: From the app's dashboard, select the Banner module β†’ Click the Create Banner button.

Step 2: Choose the type of banner you want to create in the modal β†’ Click the Select button.

Step 3: Configure Banner Settings

Once selected, you will enter the banner editor, which consists of:

    • Content: Set the text, buttons, and add any elements for your banner.

    • Style: Customize position, layout, colors, fonts, and overall design.

    • Schedule: Choose when and how often the banner appears to visitors.

    • Conditions: Define rules for displaying the banner based on customer, product, time, or location.

    • Translations: Create banner content in multiple languages.

    • Integration: Available for email bannersβ€”connect with Shopify to sync subscribers.

  • Top Bar: Rename, activate/deactivate, preview on PC/Mobile and view the state Signup or Success.

Step 4: Preview the banner.

You can preview how your banner will appear in the Preview area on the right. You can also select different devices to check if the banner is displaying correctly.

Step 5: Finally, click Save to save your banner.

Left Sidebar: Configure Content, Style, Schedule, Conditions, Translations, Integration.

Banner Demo