Set Up The Pop-ups App

The Pop-ups app can serve multiple purposes. It can grab your visitors' attention, increase visitor retention when they try to leave your page, or offer incentives through discounts. It can even be used as a promotion tool for specific products or as a newsletter subscriptions email capture system!

The Pop-ups app is a versatile tool, which can definitely boost your store's conversions with a bit of careful planning and marketing strategies, so make sure to leverage the most of the app by setting everything up correctly:

The Pop-up app is found under your Apps list, inside the Marketing category:

Here's how to set up pop-ups in your store.

1. Creating a new Pop-up

You start by creating a new pop-up by clicking the Create pop-up button:

2. Choose a Pop-up type.

When creating a new Pop-up, you can choose between 3 Pop-up types:

1. Lead capture without discount

• Ask visitors to subscribe to your email list, without offering any discount.

1. Lead capture with discount

• Ask visitors to subscribe to your email list in exchange for a discount code.

1. Announcement

• Inform your visitors about your latest arrivals or seasonal sales.

Once you are ready with your choice, simply click the Set up pop-up button to start customizing it.

3. Customize your Pop-up.

Regardless of the Pop-up type you chose, the following settings can be customized, which are divided into different sections:

• Status - Determine if this Pop-up is Active on the store. If you only want to design the Pop-up but don't want to activate it yet, you can set this to Inactive.
• Internal Name - Since you can create multiple Pop-ups, you can easily distinguish between them by providing them an internal name.
• Trigger Types - which allows you to choose how the Pop-up would appear on your store:
• On Page Load with Delay - Pop-up will automatically appear after X seconds, that you can define
• On Exit Intent - Pop-up will only be displayed if the visitor intents to leave the store (by moving the mouse pointer outside the browser or quickly scrolling upward on the store on a mobile device)
• Show on - lets you choose on which device will the Pop-up only appear on (Any Device, only mobile phone, or only desktop and tablet)
• Show pop-ups every X Page views - If the pop-up already appeared for the visitor, you can place here the number of pages that the visitor can visit on your store before he can see this pop-up again.
• If closed, display again after waiting for - If the popup was actively closed by the visitor, you can determine the duration of when the pop-up can appear again for that same visitor. The default is 24 hours, as we determine that a visitor actively closing the pop-up means that it might have been too intrusive.
• Display on Cart Page - Some stores do not want to show the Pop-up on the cart page, as that is one of the last steps before an order is completed. Should you like to have it still appear on the cart page, you can enable this option
• Enable bot filter (captcha) - enables the Pop-up to have a bot filter when visitors enter an email address (for extra security)

Form Fields section - This is where you can define which contact fields to show in the pop-up form.

• Contact Fields - Email Address, Phone Number, or both Email Address and Phone Number
• Show consent checkboxes for all countries - When enabled, the Consent checkbox will be shown for all visitors regardless of where they are visiting from.
• Request consent from European customers - EU customers have to accept your Privacy Policy before providing their personal data.
• Text - The custom text of your consent checkboxes
• Privacy Policy URL - The URL on your store that points to your store's Privacy Policy
• Collect marketing consent - EU customers have to accept marketing consent to join your email or SMS marketing list.

Main Pop-up Content

• This is the section where you can define and customize various content and appearance (such as font size and alignment) of the main Pop-up, like:
  • Heading
  • Body
  • Email Field

Success Pop-up Content

• If the Pop-up layout you chose is either Lead capture without discount or Lead capture with discount, you can define the custom text that will appear in the success pop-up.

• If you have chosen Lead capture with discount, this is also the area where you can place the discount code that you will provide to your customers, after they signed up in the Main Pop-up:

  

  
  

  💡 Discount codes defined inside your Pop-up should be created on your Shopify store first via Shopify admin > Discounts.

  In addition, Shopify discount codes can now be combined with automatic Vitals discount codes on order, using Shopify's Discount Combinations feature. More information about this and its requirements can be found here: Combine Shopify Discounts with Vitals Discounts in an Order

Media section

Style Section

This last section allows you to customize the appearance of the Pop-up app even further, such as:

• Color theme
• Background and text color via color pickers (if the available color themes are not sufficient)
• Button colors

Save the Pop-up

Once you are done with your customizations, click the Save button that appears at the top area of your Shopify admin, and you're done!

Deactivating a Pop-up

If you would like to temporarily deactivate a Pop-up and use it later, you can select the desired Pop-up in the list through its checkbox and select the Hide option in the menu (3-dots) that appears:

Deleting a Pop-up

To permanently delete a Pop-up, simply select the desired Pop-up to be deleted on the list through its checkbox, and then select Delete in the menu (3 dots) that appears:

Translating the Pop-up

• There are two ways that you can utilize to translate the contents of the Pop-up app:

  • Specific Pop-up translations - Should you like to translate only the content of the specific pop-up you're working on, you can click on the Translate button at the upper-right corner while inside that specific Pop-up app's settings:

    

    
    

  • Global Pop-up Translations - Should you like to translate overall, global texts of the Pop-up app, you can click the Translate button while in the main Pop-up app:

    

Frequently Asked Questions (FAQs)

Does your Pop-up app have animations?

Our Pop-up app does not have integrated animations at the moment. However, we already have this on our suggestions list, and we'll definitely post an update on our Product Roadmap when we have updates about this feature.

Can the Pop-up app detect if an email address was already entered?

No, the Pop-up app cannot detect if an email address has already been entered. Here's why:

1. Direct Integration with Shopify Customers
   • When an email address is captured through the app, it is immediately sent to your Shopify admin > Customers section with the tag "VITALS"  .
   • The Vitals app does not store email addresses independently.
2. Adherence to Shopify Policies
   • To comply with Shopify's strict data privacy policies, the app does not maintain its own database of email addresses.
   • This means there’s no mechanism to check if a newly entered email matches one that was previously captured.