How to Create an Exit Popup on Shopify (Step by Step)

If you’re not using an exit popup on Shopify, you’re missing out on one of your best chances to convert your store’s visitors into customers.

If there’s one thing we know for sure at OptinMonster, it’s that exit popups work. Our customers have used our signature Exit-Intent® technology to:

• grow their email list 900% each month
• recover 53% of visitors
• increase conversions by 125%

If you can swing it, the best way to capture the attention of exiting visitors is with a coupon. In fact, as of February 2019, about 80% of consumers have said that a coupon changes their shopping behavior in some way.

So, what does this all mean for you? Good things.

It means that most shoppers will be willing to join your email list if there’s a discount waiting for them on the other side. And once they’ve subscribed, you’ll have more chances to work your magic on them with new email marketing campaigns.

Even better? You can put together your exit popup on Shopify right now with OptinMonster.

Why Use OptinMonster for an Exit Popup on Shopify

One good reason to use OptinMonster for your Shopify popup is that our advanced Exit-Intent® Technology will ensure that visitors see your coupon just before they leave your site. It’s the perfect time to grab their attention and persuade them to buy.

OptinMonster can also help you:

• target different coupons to different pages with Shopify-specific display rules, increasing the relevance of your offers and making sales more likely
• avoid annoying visitors by making your popups too intrusive. After all, you don’t want to drive them away! Our timed display control and scroll trigger functions ensure that only engaged visitors will see your Shopify modal popup
• create follow up campaigns with onsite retargeting to get more business from visitors

Plus, you won’t need any additional Shopify apps for popups, because OptinMonster already has a Shopify integration.

In this tutorial, we’ll show you how to create an exit popup on Shopify to offer a coupon as an incentive for subscribing to your email list. You can use it on all your pages, or just during checkout to reduce Shopify cart abandonment. Here’s how the final coupon will look:

Step 1. Create a Campaign

First, you’ll need to get an OptinMonster Pro account if you don’t have one already. It has to be a Pro level account or higher if you want to use Exit-Intent®.

To get started creating your Shopify popup, login to your OptinMonster dashboard and press the Create Campaign button.

Choose a campaign type. We’ll use the Popup which, as you’ve seen, has achieved high conversions for OptinMonster customers.

Choose a theme. We’ll use Checkout.

Name your campaign, then press Start Building. You can select the website you’re going to use your coupon now, or add it later.

Once you’ve named your campaign, you’ll be taken into OptinMonster’s drag and drop builder and see the default, professionally-designed campaign.

Step 2. Edit the Campaign

Now for the really fun part: it’s time to edit the campaign and make it your own. 🥰

As you can see, the campaign could be used with very few changes as it is. What we’re going to do in this tutorial is to show you how to do basic edits to the campaign, but feel free to experiment. You do you!

First, we’re going to add some color to the image on the left of the popup. To do that, click directly on the image in the live preview to bring up the editing tools on the left. If you need to find affordable images, check out our list of free image sites.

Then, you can use an image from your library or upload a new one.

The default campaign includes a headline and body text. You’ll want to edit that to make it right for your store.

You can edit text the same way you changed the image: simply click on the text you want to change on the live preview to bring up the editing tools on the left. Then, edit your text to your heart’s content!

Make sure to regularly save your campaign by clicking on the Save button in the top right corner of the builder.

If you want to change the look or wording on the submit button, click the Fields element on the live preview to bring up the editing tools, then select the Button tab.

Step 3. Set Up Coupon Delivery

Once you have your optin set up the way you want it, you’ll head over to the Success view to set up coupon delivery. We recommend giving subscribers immediate access to the coupon code on the success view, as well as sending the coupon by email (in case they don’t purchase right away).

You can edit and customize the success view the same way you did with the optin view, so go ahead and do that now.

We’re also going to change the Button Click Action to Redirect to a url and add your Shopify coupon URL so it’s automatically applied when new subscribers go to your store.

Step 4. Choose Display Rules

Since we’re creating an Exit-Intent® popup for Shopify, we’re going to go to Display Rules and set a condition to If exit detected then select the level of sensitivity you want.

If you want to achieve the same effect for visitors browsing your store on mobile devices, you can use the InactivitySensor™ (Seconds of Inactivity) rule in the same section.

Step 5. Choose Your Email List

You can collect subscribers’ emails and save them in OptinMonster using Monster Leads.

We also recommend that you connect OptinMonster to your email service provider. For example, here’s how you integrate Constant Contact.

Go to Integrations » Add New Integration » Email Provider. Choose Constant Contact from the dropdown list.

If this is your first time using Constant Contact you’ll need to select Add New Account from the new Email Provider Account dropdown that appears. Then, click Register with Constant Contact.

Otherwise, choose the account you want and click Connect to Constant Contact then select the list you want to use.

Step 6. Publish the Campaign to Shopify

You’ll publish your campaign from the Publish tab, but you’ll first need to link OptinMonster and Shopify using our easy-to-follow Shopify integration instructions, as shown in the video below.

Now, change the Status from Paused to Live and save your campaign.

That’s it! Now you can deliver a coupon with an exit popup on Shopify to capture abandoning visitors and increase sales. Next, learn how to boost your revenue with an in-cart upsell popup or skyrocket traffic to your store with key Shopify SEO techniques.

Also, if you’re really looking to increase trust, conversions, and sales, check out TrustPulse. TrustPulse leverages the power of social proof so you see an immediate boost of up to 15% in every conversion behavior on your site!

And don’t forget to follow us on YouTube, Twitter, and Facebook for more Shopify tutorials and in-depth guides.

Sourcing:
Inmar Insights Marketplace, 2018 Promotion Industry Analysis

Published by Jacinda Santora

Jacinda Santora is a writer specializing in ecommerce and growth marketing. She prides herself on her ability to make complicated things easier. When she isn't writing you can find her daydreaming about campervans, drinking coffee, and listening to podcasts.