Skip to main content

Customize Your Popup

We've set the best practice defaults for your popup based on our big data, you can adjust it anytime to match your brand.

Configure the popup display rules

Publish your popup

Use the switch to turn the popup on or off. When it’s on, it will appear on your site according to your trigger rules—just make sure the app embed is enabled.
​

Popup name

Only you can see this. It helps you identify the popup in your library and Subscribers tab. When someone subscribes, the popup name is added as a customer tag in Shopify for easier marketing.


​


Discount coupon & Rewards

Label

(Applicable for Spin wheel popup only)
Shown on the wheel slice and added as a customer tag when redeemed.

Chance

(Applicable for Spin wheel popup only)
It represents the probability that someone gets this reward.


​

Discount coupon

  1. No discount: Subscribers won’t receive a coupon.

  2. Discount code: Choose Fixed amount, Percentage, or Free Shipping.
    Unique one-time Shopify codes are auto-generated (prefix: ES-).
    You can also set an expiration period.

  3. Enter Shopify discount manually: Create your own code in Shopify and input it here.

Sticky discount bar

Once a customer has successfully subscribed, you can choose to display their discount code on a sticky bar at the top of the page, so your customers won't forget to use it when purchasing.
The sticky discount bar will be displayed until the customer clicks the 'X' close button.

Sidebar widget

Once a customer closes the popup without subscribing, you can choose to display the sidebar widget to get customers to subscribe later.
You can also select the position to display: Left or Right. The sidebar widget will be displayed until the customer clicks the 'X' close button.

Trigger

The trigger determines what conditions are met and the popup will be displayed to visitors.

For example, let's say you set the Show on a timer at 10 seconds, and the Limit frequency at 2 times per day. This means that if a visitor visits your website from the same browser twice in one day, the popup will show 2 times after 10 seconds. However the popup won't be displayed again for the same visitor in the same 24 hours.

Devices

This trigger sets the popup to display when visiting by using which kind of device, and the Mobile option includes phone and tablet.

When

Show on a timer: this trigger sets the popup to display after a certain amount of time. Immediately means that as soon as customers land on your website, the popup will appear. You can also set the delay to 3, 5, 10, 15, 30 or 60 seconds.

Show after scrolling: this trigger sets the popup to display after the visitor scrolls N% of the page.

Exiting the page: this trigger sets the popup to display when a visitor intends to navigate away from your website. Once their mouse cursor moves to the upper bounds of the browser, where they may close and change tabs, the popup will then appear. This is a great way to retain customers who may otherwise leave your store. This trigger works on desktop only and can not be used in conjunction with the timer trigger.

Frequency

This trigger sets the number of times the popup will be displayed for a visitor. Here you can adjust the number of times the popup displays per minute, hour, day, week, month and year for a non-subscribed customer.

Tips: try to set the popup to display after hours or days, as a popup showing multiple times for the same customer in one shopping session after they've already dismissed it may lead to a less-than-optimal browsing experience on your store.

Page rules

The Page rules configurations determine whether the popup appears on any page or only on certain pages on your website.

Show on any page: select this means that the popup will appear on any page on your website.

Show on specific page: select this means that you can set certain rules that determine on which page(s) the popup will appear or not appear.

  • Equals - add the page path you want the popup to appear on. E.g. to display the popup on this page: https://yourstorename.com/collections/blue, just enter /collections/blue here.

  • Does not equal - add the page path you do not want the popup to appear on. E.g. to exclude the popup from this page: https://yourstorename.com/collections/blue, just enter /collections/blue here.

  • Contains - add a page path or page path segment value to display the popup on URLs that contain that value. E.g. to display the popup on all of your collections page, just enter /collections here.

  • Does not contain - add a page path or page path segment value to exclude the popup on URLs that contain that value. E.g. to exclude the popup from all of your collections page, just enter /collections here.

  • Is homepage - select this if you want the popup to appear on your homepage only.

  • Is not homepage - select this if you want the popup to appear on any page except for your homepage.

Location rules

The Location rules configurations determine whether the popup appears in any country, only in certain countries, or only not in certain countries on your website.

Show in any country: select this means that the popup will appear in any country.

Show in certain countries: select this means that you can set certain rules that determine in which countries the popup will appear.

Don't show in certain countries: select this means that you can set certain rules that determine in which countries the popup will not appear.

Schedule rules

The Schedule rules configurations determine whether the popup appears for all time or between a time period.

Edit the popup content

Here you can edit the default content on each widget to meet your needs, some text supports inserting emoji expressions.

Change the popup style

Here you can change the popup style to match your brand.

Logo

If you want to show a logo or an icon on your popup, upload it here. You can also adjust its width to make it more attractive.

Display

Here you can change the size (Standard, Large), the content alignment (Center, Left, Right) and the corner radius (Standard, Large, None) of the popup.

Layout

If you want to show an image on your popup, upload it here. We recommend to upload a nice background image here, you can also take a walk over to pexels.com, unsplash.com and burst.shopify.com for image inspo.
You can also adjust the image position (None, Left, Right, Background).

Colors

Here you can change the color on each widget to meet your needs.

CSS

Here you can add some CSS codes for more customization of your popup, this won't influence your store theme.


Need help? Feel free to contact us via online chat or email, our world-class 24/7 support team is always glad to help you 🧐

Related Articles
Did this answer your question?