Introducing Stiletto - the essential Shopify theme to fuel your ecommerce growth. Learn more.

Popup

The promotional Popup encourages customers to subscribe to your newsletter before leaving your store. Context looks for "exit intent" of customers, so if they open a new tab or if their mouse accelerates to leave, the popup will appear.

Popup on desktop
Popup on desktop
Popup on mobile
Popup on mobile

Newsletter subscribers are added to your "accepts marketing" 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 Newsletter section and Footer features also include a newsletter signup block, so you might want to check those out, too.

Set up the popup

Enable the Popup to appear automatically and add an image, custom message, and adjust its colors to match your store.

Popup settings in the theme editor
Popup settings in the theme editor

In the theme editor (Customize):

  1. Click to open the Popup section at the bottom of the sections sidebar.

  2. Check the Enable checkbox to turn on the popup feature.

  3. Select the Popup position for where on the screen the popup should appear.

    Choose either Top left, Bottom left, Top right, or Bottom right.

    On mobile devices, the popup appears beneath the header at the top of the screen.

  4. (Optional.) Change the Close button text when customers decline to signup.

Add a background image

Upload an image to display as the background of the popup. You can select the area if the image to show and adjust the image opacity.

In the theme editor (Customize):

  1. Under the Popup section, click +Add block and select Image.

  2. Click on the Image block to open the block settings and Select image for the the top of popup. The image does not display on mobile to avoid covering the screen.

    We recommend a landscape (3:2) image. See our Image size recommendations article to learn more.

    Context's popup with and image
    Context's popup with and image

    Context's popup without an image
    Context's popup without an image

  3. Remember to click Save.

Change the popup headings

Change the popup content by clicking on the Heading and Subheading blocks nested under the Popup section.

In the theme editor (Customize):

  1. Click on the Heading and Subheading blocks to edit the text.

    We recommend a short Heading of less than 7 words and a Subheading with 1 or 2 short sentences.

  2. Remember to click Save.

The popup feature has the following settings:

Configuration Settings

Enable

Turn the popup feature on.

The location of the popup on desktop devices. Either Top left, Bottom left, Top right, or Bottom right.

The popup appears beneath the header on mobile.

Image

The image displayed at above the popup on desktop.

Recommended dimensions: Landscape (3:2) image.

Heading

Heading text to prompt customers to sign up.

We recommend a short sentence less than 7 words.

Subheading

Text displayed below the heading.

We recommend one or two short sentences.

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.