Popup

Enabling a popup allows you to show powerful marketing messages to visitors and encourage the subscription to your mailing list.

Overview

A popup pretty much guarantees that a site visitor will see your marketing material, as the popup requires action from the user to remove it from their view and return to the main site.

An example of a popup is shown on our demo site:

themes.shopify.com/themes/flow/styles/byron/preview


How do I get started?

Firstly, head over to the popup settings:

  1. Admin
  2. Online Store > Themes > Customise
  3. Theme settings
  4. Choose “Popup”

Settings

Enable popup

Toggle between “enable” and “disable” to determine whether the popup is displayed or hidden.

Days until popup is displayed again

Choose One, Two, Three and Four weeks to adjust the frequency with which the popup is displayed to a returning visitor.

Image

Upload a pre-designed picture here. 

We recommend 400 x 400px for the image dimensions here.

Heading text + Description text

Here you can add your popup’s text.

Description text can include bold and italic using the 'Text' box:

Enable social icons

This shows or hides any social networks that have been entered in the 'Social media' section of 'General settings'.

This is what will be shown or hidden:

Enable newsletter signup

This shows an email address entry box, so visitors can sign up to your newsletter. Email addresses entered here will be saved in the Shopify customers section. To add in support for a 3rd party service (like Klaviyo or Constant Contact), you will need an app from the official App Store.

apps.shopify.com/klaviyo-email-marketing

apps.shopify.com/constant-contact-1

Popup style

Choose whether the popup should appear as a fullscreen message or in the right-hand bottom corner of the screen. 


Delay until popup appears

Choose how long it takes for the popup to display after your visitor lands on your page. Select anywhere from 0-15 seconds on the slider.

Test Mode

Your popup will show every few seconds to save you having to wait a week! 

This shouldn't be used for live stores.


How do I change the colours used on my popup?

You can do this by heading to:

  1. Admin
  2. Online Store > Themes > Customise
  3. Theme settings
  4. Colours
  1. Scroll down to “popup” and you will see two options:

Background and text.

Here’s how they control your popup:

Tip

You can even have a transparent background and text by clicking the box in the bottom left of the colour pallet window.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.