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/envy/styles/stockholm/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

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.

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.

Image

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

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'. docs.wetheme.com/envy/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 customers section. To add in support for a 3rd party service (like MailChimp or Constant Contact), you will need an app from the official App Store.

apps.shopify.com/mailchimp

apps.shopify.com/constant-contact-1

Take a peek at our help document here:

docs.wetheme.com/faqs/how-do-i-link-my-store-with-mailchimp

Popup style

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:

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.


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.


How do I find out more about MailChimp and Newsletters?

Take a peek at our help document here:

docs.wetheme.com/faqs/how-do-i-link-my-store-with-mailchimp