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?

Still hesitating a bit about why you need a Wix popup? Let me give you five excellent reasons to help you decide:

  • Faster lead generation
  • Increase in traffic conversion
  • Help customers navigate your website
  • Collect valuable visitor feedback
  • Effective promotion of 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.

But here’s the thing—

Achieving great results with Wix popups requires knowing some best practices. Here’s some case studies you can learn from:

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 start running popup campaigns on your Wix website in about an hour.

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 and sign up.

There, you’ll see two sign up options: Gmail (click Google sign-in) or the traditional one (add your name, email, and password).

Choose your preferred way to continue.

Wisepops sign up

For this tutorial, I chose the traditional way.

After adding login details, add your website and company details in the next window. To create your free account, agree to the terms of service and click Start My Free Trial.

Wisepops sign up information

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

Now, we’re in the Wisepops dashboard.

To actually add popup functionality to your 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]

Wondering if you can create popups without adding the code first?

Yes!

The code will always be available in the dashboard, so no worries. Feel free to start practicing designing popups.


Need help with the installation?

Message us via live chat (the right bottom corner inside Wisepops) to get help. Unless our helpful customer support team messages you first 😉        
Wisepops welcome email

Step 3: Create your first popup campaign

Now, let’s get back to the Wisepops dashboard—it’s time to create a popup!

To start, click New Campaign.

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 to explore more ways to grow your business’s audience?

These guides have tips on other methods offered by Wisepops:
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.

For this campaign, let’s choose the second 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 this 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:

40 Amazing Email Popup Examples
20 Gorgeous Popup Design Examples
20 Exit Intent Popup Examples with Design Tips

Step 7: Choose when to display the campaign

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 High-Performing Exit Intent Popups should be useful.

Step 8: Activate your campaign

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 and Product Tour 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