E-commerce Onsite Marketing Tutorials

How to Add a Popup on Wix: Simple Guide

Want to add a popup on Wix?

That’s a great decision. Popups are great for lead generation, sales, and marketing. 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!

Why add popups to Wix?

Wix popups can help you do this:

  • Faster lead generation
  • Increase in traffic conversion
  • Help customers navigate your website
  • Collect valuable visitor feedback
  • Promote sales and special offers

As you can see, popups are versatile and customizable, so you can use them to achieve different marketing and sales goals. For example, businesses get sales with discount, welcome, and other types of popups:

With that in mind, let’s learn how to add a popup on Wix.

How to add a popup to a Wix website

Follow these simple instructions to add a popup on your Wix website in minutes.

Step 1: Get a Wisepops account [free]

To add popups to your Wix website, we need a popup creator.

In this tutorial, I’ll use our own app, Wisepops. It’s simple, effective, and has a 4.9-star rating (out of 5) on GetApp.

To start, head over to the Wisepops signup page. There, type in your email to start (or you use your Google account).

For this tutorial, I chose the traditional way.

After adding login details, add your details in the next window. To create your free account, agree to the terms of service and click Start My Free Trial (there’s zero commitment + no credit cards).

Note: Creating a Wisepops account doesn’t mean you’re automatically adding popups to your Wix website. We’re going to do that next.

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.

Wisepops setup code

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.

Wisepops Wix setup code

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.

Wix editor set up code

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.

Wix custom code
Wisepops custom code

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 New Campaign in Wisepops dash.

Wisepops create new campaign

Wisepops will offer you two ways to achieve that: with a campaign assistant or a custom campaign.

Consider choosing Campaign Assistant if you’re creating a popup campaign for the first time. It’s an easier option for beginners, so we’ll choose it for this tutorial.

Wisepops campaign assistant

Step 4: Choose a campaign goal

Now, we decide what we’re creating the campaign for.

The goal depends on the goals of your business. For example, you might want to build an email list, generate sales with discounts, survey customers, or share customer service-related notifications.

For this campaign, let’s choose Grow your audience. This means we’re going to create a subscribe popup for your Wix site to get emails from visitors.

Wisepops grow your audience

Next, choose the way to grow your audience.

In the next window, you’ll see many options to incentivize email signups (coupons, giveaways, spin-to-win popups).

Choose Newsletter to proceed.

Wisepops newsletter goal
Want more ways to grow your business’s audience?

These guides have tips:
✔️ How to Create Spin-to-Win Popups
✔️ How to Generate Email Signups with Popups
✔️ Guide to Creating the Best Newsletter Signup Forms

Step 5: Select a 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. It could be a full-screen, a small, non-intrusive Wix popup—any format, really.

For this campaign, let’s choose the traditional template. Here’s a preview of this template on your website (you must be logged in and have a website added to your account).

Wisepops newsletter options

Also, you can preview any template on your website—just click the preview button that appears once you hover over a template.

Have trouble deciding on the template?

No problem!

You can preview a chosen template on your website at any time.

Just go to our Popup Preview Tool and choose a template to view on your website.  

(Note: this doesn’t affect any of your campaigns!)  
Wisepops popup preview tool

Step 6: 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.

Wisepops popup builder

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 popup? Check out these:

✔️ Email Popup Examples
✔️ Gorgeous Popup Designs
✔️ Exit Intent Popup Examples with Design Tips

Step 7: 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%.

Wisepops exit display scenario

Want to learn more about exit intent popups?

This guide on How to Create Exit Intent Popups should be useful.

Step 8: 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 Campaigns to go to the dashboard.

There, set the toggle switch to on (the right position, as shown) to activate your campaign.

Wix campaign activation

A notification should appear, indicating that your campaign is live.

Wix campaign enabled

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.

Lastest posts