TrustPulse Marketing Blog

Actionable advice to boost your website conversions.

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:

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.

effect of coupons on consumer behavior

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:

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:

exit popup on shopify tutorial example

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.

create_campaign

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.

checkout campaign type

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

name your shopify popup coupon campaign

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

default campaign builder view of checkout 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.

select to replace image

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!

edit your campaign's text

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

save your campaign regularly

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.

edit your campaign's button design

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.

edit your campaign's success view

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.

add a button click action to automatically apply the coupon to the shopper's cart

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.

display_rules_inactivity

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.

add constant contact integration

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

constant contact integration

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.

publish 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 YouTubeTwitter, and Facebook for more Shopify tutorials and in-depth guides.

Sourcing:
Inmar Insights Marketplace, 2018 Promotion Industry Analysis

Author Photo
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.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Increase Trust, Conversions and Sales NOW
Try TrustPulse 100% risk-free for 14 days!