Popup

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

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:

Getting Started

Firstly, head over to the popup settings:

  1. Admin

  2. Online Store → Themes → Customise

  3. Theme settings

  4. Choose “Popup”

Settings

Enable

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

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.

Delay 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.

Delay until popup appears

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

These two options, Fullscreen (Desktop only) + Slide-up bottom change whether the popup slides up from the very bottom using a simple animation, or fades into view in the centre or the screen.

Here’s the two examples so you can see the difference:

Fullscreen (Desktop only):

Slide-up bottom:

Image

Upload a pre-designed picture here. We recommend 400 x 400px.

Heading text + Main text

Here you can add your popup’s text.

Main 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'.

Social Media

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 Admin → 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.

Further reading: Take a peek at our help document here:

Changing Popup colors

You can do this by heading to:

  1. Admin

  2. Online Store → Themes → Customise

  3. Theme settings

  4. Colours

5. Scroll to the very bottom of this setting panel and you will see the following:

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.