Broadcast v6.2 has been released - Learn more about
What's new
Broadcast Documentation
NewSupport
Broadcast v3
Broadcast v3
  • About Broadcast
    • Broadcast theme documentation
  • Online Store 2.0
    • The new experience
  • Announcement Bar
    • Free shipping message
    • Text announcement
    • Custom HTML
    • Announcement bar settings
  • Header
    • Header styles
    • Navigation images
    • Sticky header
    • Transparent header
    • Social icons
  • Sections
    • How to use sections
    • Section blocks
    • List of sections
    • Sidebar
    • Split images
    • Before and After
  • Products
    • Tabs and accordions
    • Tab content using metafields
    • FAQ Accordions
    • Upselling with metafields
    • Upselling with tags
    • Swatches
    • Size charts
    • Pre-order products using tags
    • Pre-order using metafields
    • Sale items
    • Free products
    • Product page settings
    • Theme blocks
    • Low inventory message
    • Icon block
    • Accordion section
    • Product ratings
    • Related products
  • Siblings
    • About product siblings
    • How to setup siblings
    • Siblings metafields
      • Siblings color
      • Siblings collection
    • Siblings product setup
    • Siblings block
  • Collections
    • Product badges
    • Product badges with metafields
    • Product filtering
    • Quick add
    • Sub-collections
    • Cutline second line
    • Featured image
    • Collection page settings
  • Popups
    • Cookies consent message
    • Image promo with newsletter
    • Text promo
    • Small newsletter
    • Coupon codes
  • Footer
    • Footer settings
    • Theme blocks
  • Blogs
    • Featured posts
    • Blog pages
  • Blog posts
    • Article page
    • Theme blocks
  • Pages
    • Page templates
    • Creating page templates
    • Page section
  • Settings
    • Loading icon
  • Updates
    • Release notes
    • Check your theme version
    • Download latest theme version
    • Updating your theme
      • Updating from version 1 or 2
      • Updating from version 3
  • Support
    • Contacting support
    • Share preview link
    • Earlier documentation
  • Custom
    • Where to make CSS changes
    • How to remove Shopify credit
    • Collection image spacing
Powered by GitBook
On this page
  • How to setup
  • Large newsletter
  • Small newsletter
Export as PDF
  1. Popups

Coupon codes

How to send a coupon code after signing up for a newsletter

PreviousSmall newsletterNextFooter settings

When using the newsletter popups in Broadcast, a coupon code can be displayed for your customer after they successfully enter their email address:

Large newsletter:

Small newsletter:

How to setup

There are two newsletter styles in Broadcast. A Large newsletter block which uses a modal window popup and has the ability to show an image or a Small newsletter block which is a minimal design and retains sticky. We will cover the steps for both below.

Large newsletter

The Large newsletter uses the Language editor to manage the success message. This is especially helpful if your store is supporting multiple languages.

Steps:

In the Theme Editor, add the Large newsletter block under Popups:

Configure the block settings to design your newsletter popup:

To configure the success message and include the Coupon Code, use the Language editor (Edit languages).

You can open the Language Editor by clicking on the 3-dot ellipsis icon at the top of Theme Editor:

In the Language Editor, type-in newsletter in the filter/search box and find this section:

Here you can customize the success message and include your Coupon Code. if you use the <span>Coupon Code</span> format, the information inside the span tags will be styled to highlight the code in your message:

Small newsletter

The smaller newsletter uses very little space on the screen and can be positioned in various locations on the screen. The success message is configured right in the block settings.

Steps:

In the Theme Editor, add the Small newsletter block under Popups:

In the block settings, add the initial text that will be displayed to your customer under Heading. Then add the coupon code under Success message:

Use the additional settings to customize the look and behaviour of the popup:

Order of action

The Heading text is displayed first:

Customer clicks on the popup and enters their email address:

The Success message is displayed after:

Customer can copy the instant Coupon Code for immediate or future use based on the type of coupon code you've created.

Success message with coupon code appears after sign-up
Small newsletter replaces original message with success message
Bottom of the Theme Editor
Open the Language Editor to edit the Success message
Thank . you with code html
The <span> tags will style your code with a dashed outline
Bottom of the Theme Editor