Pop up

The theme hosts an inbuilt pop-up that can be enabled to display your marketing material. This guarantee's that your customer will see this information.

The pop up requires action from the user to remove it from their view and return to the main site, however Pop up's can also be set to display in the corner of the browser.

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

Getting Started

To enable the pop-up or locate the settings, navigate the following steps from your Shopify dashboard:

  1. Online Store → Themes → Customise

  2. Theme settings

  3. Choose “Popup”

Settings

Controls how the pop-up functions on the storefront.

Enable popup

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

Weeks 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. Visiting the store in incognito or private browsing, will always display the pop-up.

Image

Upload a pre-designed picture here. For image sizes to display inside the pop up, we recommend a size of 400 x 400px.

Heading text & Description text

You can add your popup’s text within your pop up here.

Description text

The text can be styled for Bold and italic, controlled by the text box. Links to other pages, collections or products can also be added into the description.

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:

Social media icons are displayed below the Subscribe button.

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:

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

Test mode is used for displaying the pop-up, while customising the information displayed or the style. When enabled, a pop-up displays on every page. This is for ease during the creation phase.

This should not be enabled for storefronts that are live.

Customising Popup Color

Pop up colors are edited through the Theme Settings.

You can find these settings by proceeding to follow the steps below from your Shopify dashboard:

  1. Online Store → Themes → Customise

  2. Theme settings

  3. Colours

4. Scroll down to 'POPUP'.

Background and Text options can be edited by clicking on the color boxes, to open the color selector.

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

Please note:

If you wish to offer a discount code to your Email Subscribers, as seen in the above example screenshots, this is not controlled via the theme itself and will require a coding tweak to be put into effect in your Notification settings: 1. Admin 2. Settings 3. Notifications 4. Email marketing → Confirmation email:

Please see the below Shopify guide for more information on tweaking these Notification templates: