Last updated Thu Aug 29 2024
How to Add Popups to a Wix Website [2024]
Want to add a popup on Wix?
That’s a great decision. Website popups are great for generating leads, improving ecommerce sales, and marketing your products. They can really help your business grow by providing a steady source of leads.
Here, you’ll learn how to add a popup on Wix easily and for free.
Let’s begin!
Get a head start on designing Wix popups. Browse our library of designer-made popup templates. Start converting your traffic.
What popups can you find on Wix websites?
The most popular popup boxes on Wix are:
50+ website pop-up examples (including Dolce & Gabbana, Ben & Jerry's, and Brooklinen)
How to add a popup to a Wix website
Get a popup app
Add a code to your website
Create the popup campaign
Select a popup template
Customize the template
Choose when to display the popup
Activate the campaign
Step 1: Get a popup app
First, we need a popup creator.
I’ll use our app, Wisepops—it's got a 4.9-star Capterra rating (here are examples of how others use it):
No cc required, 14-day free trial with premium features
💡 Note
At this point, you already can go straight to the editor and make Wix popups > go to Step 3.
To add a popup to your Wix site (aka do the technical stuff), see the next step.
Step 2: Add popups to your Wix website with a setup code
Now, we’re in the Wisepops dashboard.
To actually add popup functionality to your Wix website, you need to embed some code in your Wix admin panel. This is easy, and I’ll walk you through it now.
Click Get my setup code at the top of the Wisepops dashboard.
Once clicked, this button will show you the code (see the image below).
Copy the code and follow the installation instructions. You’ll need to log in to your Wix panel and paste the code at the end of the pages where you want popups.
Click Back to websites and return to the dashboard by clicking the Wisepops logo in the top left corner of your screen.
Time to switch to Wix.
First, head over to your Wix Editor.
There, go to Settings > Custom code in the Advanced section.
Next, you’ll find your website’s code in a small window.
Click +Add Custom Code in the top right corner to edit the code. Keep in mind the code must go before the <body> tag.
And then...
Detailed Wix instructions: How to embed custom code to your site [Wix Help Center]
Step 3: Create your first popup campaign
Now, let’s get back to the Wisepops dashboard—it’s time to create a popup!
If prefer a video, please check out this clip. The text instructions follow if you’d like to use them instead.
So, let’s begin creating a Wix popup!
To start, click Create Campaign in Wisepops dash (make sure you're in the Popups tab)
Want more ways to grow your business’s audience?
Step 4: Select a Wix popup template
Once you’ve clicked Newsletter, you’ll be redirected to the newsletter template gallery. There, you can choose how your future popup will look like.
For this campaign, let’s choose the traditional popup template.
Also, you can preview any template on your website—just click the preview button.
Step 5: Customize the campaign
Now, we have arrived in the campaign editor.
Let’s start customizing the Wix popup window to reflect your brand. It’s simple: just hover over an element to see the button that allows editing.
For example, hover over the headline to see the Edit button.
To customize the campaign, change these elements:
Image
Color scheme
CTA button text
Main text (heading and description)
A rule of thumb about the design (including your Wix pop up text, image, and colors) is to make it reflect your website’s colors and fonts. This strategy helps to make a popup that feels like its natural part.
How about some inspiration to design your first Wix popup? Check out these: Gorgeous Popup Designs
Step 6: Choose when to display your Wix popup
Popup timing can have a major effect on conversions.
You can show your popup campaign:
On landing (when a visitor opens the page)
Timed (shown after a certain time on page)
Exit-intent (displayed when a visitor tries to leave)
On scroll (when a visitor reaches a certain percentage of the page)
To configure popup timing—
Go to the Trigger section in the Display main menu option.
Let’s choose the On Exit option for our campaign. Our clients report that exit-intent campaigns outperform traditional popups by 5%.
Step 7: Activate your Wix popup
Just one step left before your popup campaign goes live.
And it’s a simple one.
Save your campaign (the Save button is always in the top left corner in the campaign editor) and click Publish.
That’s it, you made and activated your first Wix popup campaign.
Well done!
Wix popups: what’s next?
Monitoring campaign performance...
Connecting your email provider for easier lead management...
Creating and testing more popup campaigns to try different marketing tactics...
These could be your next steps to get more value from Wix popups. If you feel like doing that, check out these resources to learn more tricks:
Our Help Center should be helpful, too.
Good luck with popup on your Wix website!
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.
Related articles
10/10/2024
Find popup design inspiration. Let us guide you with these best popup design examples, best practices, and ideas.
8/30/2024
AI tools for ecommerce stores to help get better marketing performance and grow your business.