Collect sign-ups with Facet's promotional pop-up

The Facet promotional pop-up is a dialog that appears over the page a few seconds after a shopper arrives. It is built for newsletter offers, such as a discount on a first order, but you can fill it with any heading and text. This page covers when the pop-up shows, how often it comes back, and its blocks.

​

What this section controls

• The picture beside the pop-up content.
• How long the pop-up waits before it appears.
• How many days pass before it shows again to a shopper who closed it.
• Whether it opens by itself in the Theme Customizer.
• The heading, text and newsletter form inside it.
• The pop-up’s color scheme.

​

Getting started

​

When the pop-up shows

On your live store the pop-up follows these rules for each shopper:

• First visit: it opens after the number of seconds set in Show pop-up after, on whichever page the shopper is viewing.
• After closing it: a shopper closes the pop-up with the close button, by clicking outside it, or with the Escape key. It then stays hidden on every page until the number of days in Show again after has passed.
• After signing up: the pop-up reopens once to show “Thanks for subscribing”, then never shows again to that shopper. This counts only sign-ups made in the pop-up’s own form. A shopper who signs up with another form, such as the one in the footer, sees the thanks message under that form, and the pop-up keeps its usual timing.

The pop-up remembers this in the shopper’s browser. A shopper who clears their browser data, uses a private window or switches to another device sees it again.

​

Section settings

• Image: a picture shown beside the content, on the left, taking just under half the pop-up. It shows on screens 750 pixels wide and larger only. On phones the pop-up shows its content alone.
• Show pop-up after: the wait before the pop-up opens: from 1 to 30 seconds. Default: 5.
• Show again after: how long the pop-up stays hidden after a shopper closes it: from 1 to 30 days. Default: 7.

​

Preview in the Theme Customizer

• Show pop-up in theme editor: on by default. Opens the pop-up as soon as the preview loads, so you can see your changes. Turn it off to work on other sections without the pop-up in the way.

Whether this setting is on or off, the pop-up opens when you click Promotional pop-up in the Sections panel, and closes when you click another section. In the Theme Customizer the delay and the repeat interval don’t apply, and closing the pop-up isn’t remembered, so it is always ready to preview.

​

Common settings

• Color scheme: the colors of the pop-up.

See Common settings for details.

​

Blocks

A new pop-up comes with a Heading, a Text and a Newsletter block. Add, remove or reorder them.

​

Heading and Text

The pop-up accepts the Heading and Text theme blocks. See Theme blocks for their settings.

​

Newsletter

An email field with a Subscribe button. It has no settings. When a shopper signs up, Shopify adds their email to your customers in the Shopify admin, tagged newsletter, and the pop-up stops showing for that shopper.

​

Best practices

• Don’t open it at once. A delay of 5 seconds or more lets shoppers see your store before the pop-up asks for an email.
• Pick a longer repeat interval for small offers. Shoppers who closed the pop-up once are unlikely to want it every day. 7 days or more keeps it from feeling pushy.
• Lead with the offer. Put the benefit, such as “10% off your first order”, in the Heading, and keep the Text to one or two lines.
• Check it on a phone. Phones don’t show the picture, so the heading and text must stand on their own.

​

Related guides