This article is for Broadcast v3

Broadcast includes a Cookies consent popup which allows you to display a message an accept button and a link to your Privacy Policy page:

Display a small-sized newsletter signup popup message with powerful behavior and targeting options:

'Large newsletter' can be used as a newsletter popup or as a sales promotion tool to display custom messages.

You can also use it to give promo codes based on where the customer arrives from (path), is viewing (device), and how they are interacting with your site.

A lightweight text and link popup with powerful behavior and targeting options.

Popup Behaviour

Popups can appear based on time or other behavior. Setting options include:

Popups can be positioned:

• Left

• Right

• Center

Popups can be delayed:

• Show immediately

• Show 10 seconds after the page load

• Show after the user scrolls to the page bottom

• Show after the user has been idle for 1 minute

Target Page

Display a custom popup to your customers only when the customer is browsing a certain page, product, collection, or blog post on your site.

Target your message based on where customers are browsing your site:

Target Referrer

Target a specific audience by using Target Referrer. Your popup will only appear when the customer arrives at your site from a certain path or location.

Target Device

Create a custom popup for mobile devices and another popup for desktop browsers with Target Device. Each popup can be customized with different assets and messaging.

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 default theme content).

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 behavior of the popup:

Order of action

The Heading text is displayed first:

Customers can click on the popup and enter their email address:

the success message is displayed afterward:

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

Popup Settings

Popups are a great way to get your customers' attention.

Blocks

We have different popup blocks meant to be used in different ways. We will learn more about them in the following articles.