How to Add a Popup on Shopify
Why add popups to a Shopify store?
Simple—
They can help you do a lot, like: convert up to 8% of traffic on average, generate ROI of $20 for every $1 you invested, and increase Shopify sales by directing shoppers to pages with sales and sharing unique discount codes.
Sounds good? If yes, let’s see how to add a popup on Shopify.
Go to content sections:
Start getting more leads and sales on Shopify with popups
Deep integration with Shopify and advanced features (AI product recommendations, unique Shopify discount codes, revenue tracking, and Klaviyo segment targeting)
What popups are popular on Shopify websites?
The most popular types of Shopify popups are:
If you’d like to make discount popup, here are 20 discount code ideas for you.
And here are a few typical Shopify popup messages for inspiration (click them to see in action):
How to add a popup to a Shopify store
Follow these steps to create and add a popup to a Shopify store:
Add a Shopify popup app
Get a free account
Create a campaign
Select a template
Customize popup design
Configure display scenario
Sync your email app
Activate your popup
Step 1: Add a Shopify popup app to your store
We'll go with an app you can use to add a popup on Shopify for free.
I'll use Wisepops in this tutorial—
Whether you want to get emails, sales, or highlight offers, you'll be able to create high-converting popups in a simple editor—no coding required:
This beginner-friendly app is rated 4.9 stars, integrates seamlessly with Shopify, and has advanced conversion features like:
Grab a free account to begin:
No cc needed; use for free for 14 days.
Also, see who uses Wisepops.
This short campaign editor video will help you with creating and adding a Shopify popup:
Step 2: Get a free account
Once you add Wisepops to your store, it will take you to the registration page.
You can register in two ways: with your Google account or email. Choose your preferred way to continue.
Add your details to complete the registration and integrate your Shopify store by going to Settings > Install Wisepops:
This takes about a minute, so now you can start creating your first Shopify popup campaign to convert your visitors.
Note: You can also add Wisepops to your store with a setup code.
Step 1: Get a free account at the Wisepops website.
Step 2: In Wisepops, go to Settings > Websites, click the three-dot icon next to your store’s URL.
Step 3: Choose Setup code in the menu that appears to reveal the code.
Step 4: Add the code just before the </body> tag in your store’s theme.
Need help?
Visit Adding Wisepops to Shopify section or contact us using the live chat button on our website.
Step 3: Create a campaign
In this tutorial, we’ll create a discount Shopify popup (but you can make a newsletter popup or something else easily).
Let’s get back to the Wisepops dashboard.
To make a new popup for your Shopify store, click Create popup campaign (make sure you're in the Popups tab):
Step 4: Select a popup template
Now, you’ll automatically be redirected to the template library. There, you can choose a template for your Shopify popup:
Step 5: Customize the popup design
Once you’ve chosen a popup template, you’ll be redirected to the campaign editor.
Let’s make the campaign look like a natural part of your Shopify store. Doing so is simple: just hover over an element to view editing options.
All the options are neatly placed into two menus (the main one on the left, see the image, and design menu on the top of the campaign preview):
Customization tips:
Add an original image
Use your brand colors for design consistency
Give the CTA button a contrasting color to make it stand out
Add a link to a product page or a product category page in the CTA text menu to lead visitors to purchases
Also, here’s a tip about the discount: The most common discount used by Shopify stores in 2024 is 10%, closely followed by 20% [source].
Want examples of beautiful popups for inspiration?
Step 6: Configure a popup display scenario
Popup timing plays a deciding role in maximizing conversions.
In this case, we want all visitors to see our Shopify popup. That’s why we might want to show the campaign when they load your store. To set up the timing, go to the Trigger tab in the Display menu.
There, choose On Landing.
To add the delay, find the Timing section in the Trigger tab. There, click on After delay.
Now, with the time delay added, your task of creating the campaign is almost done.
Time to save the campaign.
Click Done Editing in the top right corner of the editor.
Note: if you'd like to create a checkout page popup for your Shopify store (so the popup appears only on the checkout page, go to Display Rules > Pages > Select URLs > Specify where to display > and add the url of your site with /checkout:
More info about how popup timing impacts conversions: How to find time to show your popup offer.
Step 7: Sync your email app
Let's make sure the emails you collect with this Shopify popup go straight to your email app.
In the main popup window click the signup form element and then go to Sync in the menu on the right.
There, choose your email app:
Step 8: Activate your Shopify popup
Go to the dashboard (click on Wisepops logo in the top left corner) and make sure you’re in the Campaigns tab. Click Publish.
The campaign is now live!
Will my Shopify popup display on mobile?
Go to Display Rules > Audience > and choose Display on mobiles if this feature is not enabled already:
Learn more about Shopify popups
With Wisepops, you can add just about any popup to your Shopify store. This also means you’ll find plenty of conversion-oriented features, gorgeous popup templates, and pro marketing tips.
From here, we recommend that you explore these options:
Experiment with main menu features
Read Blume case study, or Black Ember case study to know how Shopify businesses generate thousands of leads every month with popups
The main menu in Wisepops contains plenty of customizations.
With built-in Shopify targeting properties, for example, you can create personalized campaigns based on cart value, the number of days since the last purchase, and others:
Also, our blog is a source of popup tips, success stories, and best practices.
These posts in particular should be interesting for Shopify store owners like you:
Last but not least –
Congrats, you did it!
You joined the club of top Shopify stores that convert visitors with popup campaigns.
How to add popups to Shopify: summary
Adding popups to your Shopify store can become your leading onsite marketing and lead generation idea. Create your first campaign, try different methods and incentives for visitors, and watch your business grow like never before.
Give it a go, and you’ll see that adding a Shopify popup to your store makes it possible to generate thousands of leads on autopilot.
Caro Cooper
Caro has nearly twenty years of experience as a professional writer and editor. She specializes in the fields of tech and ecommerce content.
Caro has degrees in Business and Arts, as well as post-graduate qualifications in Editing and Publishing.