Pop Up

Pop Up

A. Goals

We offer 4 types of pop up tailored specially for your goals.
You can customize each type of pop up by clicking in your preferred goal.

1. Newsletter to collect customer's email/phone

 Show a pop up with a subscribe form to collect your customer's email/phone. This pop up includes title, description, email label, subscribe button text and success message (when subscribed successfully).


2. Offer discount coupon

Show a pop up with a discount code to offer promotion for your customer. This pop up includes title, description and your discount code.


3. Offer discount to collect email/phone

Show a pop up with a subscribe form to collect customer's email/phone and give your customer a discount code after subscribing successfully. This pop up includes title, description, email label, subscribe button text, success message (when subscribed successfully) and discount code.


4. Announcement

 Introduce some news with a call-to-action button. This pop up includes title, description and a call-to-action button.



Discount code needs to match available discount code in your Shopify Discounts
Choosing a goal will apply its default message, so your message will be overwritten if you switch goal.



B. Style

1. Popup Layout


You can choose the position of image:
  1. There are 4 position of image you can choose which are: Image Left, Image Right, Image Top, and No Image.
  2. Show image on mobile: Enable this option to show the image on mobile ver.
If you are in Free plan, you only can only paste image URL

2. Styling


If you prefer manual styling, you can easily customize your bar in this section 
  1. Font family (support Google Fonts)
  2. Font size (applied for both Title & description)
  3. Text align
  4. Background color
  5. Title color
  6. Description color
  7. Discount code color (for Offer discount coupon type)


C. Behavior 

1. Trigger

Set the time or event when pop up should show up:
  1. After specific time: Popup auto shows after a specific time (seconds)
  2. After scrolling: Popup auto shows after customers have scrolled through some parts of the page
  3. Exit-intent: Popup shows when customer is about to leave (hover on close-tab button)

Beside that, merchant could set the popup to display again after closing it in period time. If you disable that option, the popup will only show 1 time per visitor.
  1. Repeat time: Enter the time by number.
  2. Type: Choose type such as minute, hour, day.

2. Display on page

Select pages to show your popup
  1. All papes: show popup on every page 
  2. Homepage only: show popup on homepage only 
  3. Exactly URL: paste the full and exact page URLs where to display your popup
  4. Only pages with URL: only show popup on some specific pages (you can add multiple pages, separate with "enter" and don't forget the protocol "http://", "https://")
  5. Any pages except the following: exclude popup on some specific page (you can add multiple pages, separate with "enter" and don't forget the protocol "http://", "https://")
Note:
For the "Only page with URL" and "Any page except the following pages" option, they will recognize any URL containing the link you add.
For example: in the "Only page with URL" field, you paste a product's link: myshopify.com/product-A/ 
Popup will show on all links starting with myshopify.com/product-A/, eg. /product-A/?ref=..., /product-A/utm=...

To avoid the case that some pages have the same part in URL (eg. /product-A and /product-ABC), you can resort to Exactly URL.
If you have any questions or need assistance with this feature, please do not hesitate to contact our Support team. We will get back to you as soon as possible.






    • Related Articles

    • Sales Pop

      Data Sales Pop shows your recent orders, so you need to import your orders to sales pop. There are 2 ways to import your orders: Automatic: The system will automatically take data from Shopify orders and update on Sales pop (maximum: 50 ...

    • Visitor Count

      Setting *The system requires manual import* Message With visitor count message, you can customize content and language to serve your purpose. Please DO NOT edit variable {NUMBER} and {TIME} because our app will auto-import number of visitors, time ...

    • How to config Customer Review Integration?

      1. Setting on tab Data Step 1: Select Campaign > Sales pop > Edit > tab Data Step 2: Click checkbox Show product rating Step 3: Select the rating app that you're installing in your store 2. Config on Settings Step 1: Click Settings > Custom data > ...

    • List supported themes for Collection Slideshow

      We've customized slideshow to fit collection pages of most Shopify official themes. Press Ctrl+F and type your theme name to search.  There might still be some problems depending on theme version or in-use apps. Please contact us to resolve. If your ...

    • Sticky Cart Button

      Enable on desktop: allow your sticky button to appear on desktop version.  Enable on mobile: allow your sticky button to appear on mobile version. "Enable on mobile"  works on screen width that is below 992 pixels SETTINGS  Button action Set the ...