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
  • πŸ› οΈ How to Create an Email Signup Banner?
  • Step 1: Navigate to the Email Signup banner
  • Step 2: Configure Banner Settings
  • Step 3: Set Up Banner Content
  • Step 4: Customize Banner Appearance
  • Step 5: Schedule Banner Display
  • Step 6: Set Display Conditions
  • Step 7: Add Translations (Optional)
  • Step 8: Shopify Integration
  • Step 9: Save & Preview
  • πŸ“‹ How to Manage Subscribers?

Was this helpful?

  1. How to create a Banner?

πŸ“© How to use the Email Signup banner?

PreviousπŸ’° How to use the Discount banner?Next🌍 How to Create a Multilingual Banner?

Last updated 24 days ago

Was this helpful?

What is an Email Signup banner?

An Email Signup Banner is designed to collect customer emails directly from your store. Whether you want to grow your email list, offer exclusive discounts, or improve customer engagement, this banner helps you achieve those goals effortlessly.

Benefits of Using an Email Signup Banner

βœ” Grow your email list – Build a subscriber base for future marketing campaigns. βœ” Boost conversions – Offer discounts or exclusive deals to turn visitors into customers. βœ” Easy automation – Syncs directly with Shopify to manage subscribers seamlessly. βœ” Personalized marketing – Automatically tag subscribers based on the banner they signed up from, making it easier to segment them by campaign.


πŸ› οΈ How to Create an Email Signup Banner?

Step 1: Navigate to the Email Signup banner

  • In your dashboard, navigate to Banner > Create Banner

  • Select Email Sign-up from the banner type list.

Step 2: Configure Banner Settings

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

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

Step 3: Set Up Banner Content

3.1 Set Up the Signup Step

  • Text Section – Add a compelling message to encourage signups.

  • Form Section:

    • Includes an Email field by default.

    • Click Add Field to include First Name, Last Name, or Email Consent (if required by law).

    • Set required fields, update placeholders, and rearrange fields using drag-and-drop.

πŸ’‘ Tip: Keep your signup message short and persuasive. A simple line like: βœ” "Join & get 10% off – Sign up now!" βœ” "Be the first to know! Get exclusive deals & early access." …works much better than a long, generic sentence.

3.2 Configure the Success Message

After a customer signs up, they’ll see a Success Message:

  • Text – Confirm their subscription with a message like β€œThank you! Check your inbox for a special offer.”

  • Call to Action – Add:

    • A Copy Code button to easily apply discounts.

    • A Shop Now button linking to a specific collection or product.

    • A Clickable Banner for additional promotions.

πŸ’‘ Tip: Use the preview toggle in the top right to switch between the Signup and Success steps.

Step 4: Customize Banner Appearance

πŸ“Œ Ensure the banner matches your store’s branding


Step 5: Schedule Banner Display

πŸ“Œ Control when and how long the banner appears

βœ” Schedule:

  • Choose to display the banner in a period of time or in a fixed time range.

  • Example: Display the banner only during Black Friday sales.

βœ” When to show:

  • Delay Before Showing (No delay, 5s, 10s, etc.).

  • Show Again After Closing (After reload, after days, or never).


Step 6: Set Display Conditions

  • Where to Display: Show the banner on selected pages.

  • Who Sees It: Use Shopify Customer Tags to target specific users.

  • Country Settings: Display different banners based on location.


Step 7: Add Translations (Optional)

  • Support multiple languages so international customers see the correct banner.

Step 8: Shopify Integration

  • Enable/Disable Shopify Sync – If disabled, subscribers are stored only within the app.

  • If enabled, new subscribers will be synced to:

    • Shopify Dashboard > Customers > Email Subscription Status > Subscribed.

  • Tag Subscribers:

    • Default tag: BSSbanner (you can modify or add multiple tags).

πŸ’‘ Tip: Use tags to segment subscribers and create targeted email campaigns.

Step 9: Save & Preview

βœ” Final Check:

  • Save the banner & preview it on Storefront (PC & Mobile).

  • Ensure discount codes are applied properly:

    • Add the discount code in the Success Step.

    • Or use Shopify Flow to automatically send a discount email.


πŸ“‹ How to Manage Subscribers?

When a visitor subscribes, their information is stored in the Subscribers Tab.

Here, you can view:

Subscriber Details:

  • Email

  • First Name / Last Name (if provided)

  • Banner (which banner they signed up through)

  • Subscription Date

  • Sync Status (whether they’re synced with Shopify)

Additional Tools:

βœ” Filter by time range to track trends.

βœ” Filter by specific banners.

βœ” Search & Sort subscriber lists for quick access.

βœ” Export data to CSV for further analysis.


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

πŸ’¬ If you have any related questions, please contact us via Live chat or for further assistance.

support-sbc-ta@bsscommerce.com
Signup Step
Success State