Popup

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

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

An example of a pop up is shown on our demo site:

Getting Started

Firstly, head over to the pop up settings:

  1. Admin

  2. Online Store → Themes → Customize

  3. Theme settings

  4. Choose “Pop up”

Settings

Enable

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

Test Mode

The pop up will show every few seconds to save you having to wait a week - this shouldn't be used for live stores.

Delay until pop up is displayed again.

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

Delay until pop up appears

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

Pop up style

These two options, Full screen (Desktop only) + Slide-up bottom change whether the pop up 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:

Full screen (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 pop up’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 sign up

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 Pop up colors

You can do this by heading to:

  1. Admin

  2. Online Store → Themes → Customize

  3. Theme settings

  4. Colours

5. Scroll down until you see the following:

Background and text.

Here’s how they control your pop up.

Select Pop-up from the theme settings panel:

Here is what you can control in the pop-up settings - including how often you would like the pop-up to display:

You can also enable social icons and a newsletter sign-up as well as set delay:

Tip

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