Fluorescent Logo
Back to the index

Popup

You can show customers a promotional popup notification if it looks like they might leave your store.

Ira's popup on desktop Ira's popup on mobile

Ira looks for the customer’s “exit intent” by detecting if your store is the focused window in their web browser. So, if the customer opened a new browser tab, Ira would flag this behavior as exit intent.

The popup feature encourages customers to sign up for your email newsletter.

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 Newsletter home page section and Footer features also include a newsletter signup block, so you might want to check those out, too.

Configure the popup

  1. From your theme’s “Customize” screen, select the Popup section.

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

  3. (Optional.) Use the Image file selector to select or upload your an image to be displayed on your popup.

    Here’s a popup with an image:

    Ira's popup with an image

    And here’s one without an image:

    Ira's popup without an image

    (See Step 6 for more information on changing the background and text colors.)

  4. (Optional.) If you have added an image, choose the Image position: either Top, Center, or Bottom.

    The image position tells Ira which part of your image should not be cropped (if it is too tall). Here’s an example of the Top image position:

    Popup with top image position setting

    And here’s an example of the Center image position:

    Popup with center image position setting

    And here’s an example of the Bottom image position:

    Popup with bottom image position setting

  5. Add Heading and Subheading text.

  6. Change the style of the popup with the Background, Text, Input background and Input text color pickers.

    For these settings, “input” means the fields where a customer would input an email address.

  7. Use the Save button in the top-right corner when you are finished editing.

Settings

The popup feature has the following settings:

Enable
Turn the popup feature on.
Image
Select or upload an image to be used as part of the popup.

If you don’t add an image, the popup’s layout is changed to accommodate this.

Image position
Choose a position for the image: 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.

Background
Choose a background color for the popup.
Text
Choose a text color for the popup. This is used for both the heading and subheading.
Input background
Choose a background color for the field where a customer would enter an email address.
Input text
Choose a text color for the text entered by the customer.

Related articles

  • Footer
  • Newsletter
  • Email subscriber list management
  • Using Shopify Email for email marketing
© 2014-2020 Fluorescent Design Inc.   •   hello@fluorescent.co