We've recently relaunched all three of our themes. Watch the launch video here.

Popup

In This Article

Spark's promotional Popup encourages customers to subscribe to your newsletter before leaving your store.

Spark's popup on desktop
Spark's popup on desktop
Spark's popup on mobile
Spark's popup on mobile

Spark looks for the customer's "exit intent." If the customer opens a new browser tab, or a mouse accelerates to the edge of the screen, Spark willl trigger the popup.

Newsletter subscribers are added to your "accepts marketing" Shopify Customers list. You can learn more about how to manage Shopify customer emails from their Email subscriber list management and Using Shopify Email for email marketing article.

Note that the Newslettersection and Footer features also include a newsletter signup block, so you might want to check those out, too.

Set up the popup

  1. In your theme editor (Customize), click directly on the Popup section at the bottom of the sidebar.

    This opens the Popup settings.

  2. Check the Enable checkbox to enable the popup feature.

  3. (Optional.) Click Select image to choose an uploaded image for the popup background.

    There are no required image dimensions or orientation.

    Spark's popup with an image
    Spark's popup with an image
    Spark's popup without an image
    Spark's popup without an image
  4. (Optional.) If you have added an image, select an Image position (Top, Center, or Bottom) to change what part of your image appears.

    Popup with top image position setting
    Popup with top image position setting
    Popup with center image position setting
    Popup with center image position setting
    Popup with bottom image position setting
    Popup with bottom image position setting
  5. Change and match the Text, Button text, Button background, and Overlay color.

    Click on the color swatch to use the color selector or add a hexcode. Use the Currently used colors to ensure a perfect match with your other site colors.

  6. If you uploaded an image, change the Overlay Opacity.

    At 0% the overlay color will be transparent and 100% will make it completely opaque.

    This option will do nothing if no image has been uploaded.

  7. To change the Heading and Subheading, return to the list of template sections and click on the arrow next to popup.

    Click on the Title block (Subscribe) and change the Heading and Subheading text.

  8. Remember to click Save in the top-right corner.

The popup feature has the following settings:

Configuration Settings

Enable

Turn the popup feature on.

Image

Use the Select image button to add an uploaded image. There are no required image dimensions.

Image position

Select which portion of your image you wish to display: either Top, Center, or Bottom.

Heading

Add heading text for the popup.

We recommend keeping this to less than 7 words long.

Subheading

Add subheading text to be displayed below the heading.

We recommend keeping this to a sentence or two.

Overlay Opacity

Choose a background color for the popup.

Overlay color

Choose a text color for the popup. This is used for both the heading and subheading.

Text

Choose a background color for the field where a customer would enter an email address.

Button Background

Choose a text color for the text entered by the customer.

Button Text

Choose a text color for the label for the subscribe button.

Contact

🇨🇦 Fluorescent Design Inc.

Send us a message
  • Toronto OfficeMonday to Friday, 10am to 6pm ET
  • Victoria (B.C.) OfficeMonday to Friday, 10am to 6pm PT
  • Average Response Time~1 Business Day
* Excludes statutory holidays. All offices closed to the public.