Sell more with better email & SMS

Get ecommerce-focused email & SMS marketing that makes it easier to grow your brand, get sales & build better relationships.

Drive sales on autopilot with ecommerce-focused features

See Features

How to add a popup on Wix: Step-by-step guide 2024

Reading Time: 8 minutes

Many people wondering how to add a popup on Wix think it’s complicated. They believe they need coding skills to create custom popups that match their brand and goals. 

In reality, adding a popup to Wix is quite simple. The best part? You can do it without any coding knowledge.  

Platforms like Omnisend make creating stylish, effective popups easy and seamlessly integrating them into your Wix site. 

Omnisend offers a wide range of forms for various use cases. With these, you can design, customize, and launch a popup on your Wix website in minutes without writing a single line of code. 

In this step-by-step guide, we’ll show you how to add a popup on Wix. Follow these simple steps and start growing your email list today.

Grow your business with automated SMS and email booking notifications.

Try Omnisend’s booking assistant for Wix.

Why do you need a Wix popup?

A popup is a graphical user interface element that appears as a small window on top of a webpage. It usually has an offer or call to action and opens on top of a webpage, obscuring the content beneath it. 

Also known as opt-ins, modal windows, or lightboxes, popups serve important functions:

  • Generate leads: Popups facilitate better conversions by capturing attention and collecting contact information. They help build your marketing list by incentivizing visitors to sign up.  
  • Segment visitors: You can target specific audiences with tailored offers based on their behavior, location, and more.
  • Track performance: You can track and measure the performance of your popups to find out the best forms for conversion. This allows you to optimize for better results.
  • Reduce bounce rate: Exit-intent popups make it easy to engage visitors when they try to leave your site.
  • Promote offers: Popups allow you to sell online by highlighting sales, coupon codes, new products, and so on.

With platforms like Omnisend, adding a high-converting Wix popup form is quick and easy. But before we learn how to add a popup on Wix, let’s first find out how to prepare your Wix account and website.

Preparing your Wix account and website

Before you can learn how to add a popup on Wix, you need a Wix account and a website to work on.

For an existing website

  1. Go to the Wix homepage and sign in to your account.
  2. Navigate to the dashboard.
  3. Click on Edit Site on the website you want to edit to open the Wix Editor.
Wix account and website dashboard
Image via Wix

For a new website on Wix

  1. Go to the Wix homepage and sign in to your account.
  2. Navigate to the My Site menu at the top left of your dashboard.
  3. Click on Create New Site.
  4. Choose a template or start from scratch.
  5. Use Wix Editor for personalized drag-and-drop customization. Alternatively, use Wix ADI for AI-driven custom websites.
Wix Editor personalized drag-and-drop customization option
Image via Wix

Once you’re in the Wix Editor, you can customize your site’s design, content, and features. You can also add apps from the Wix App Market to enhance your site’s functionality.

How to add a popup on Wix 

You can elevate your Wix website with a captivating Wix popup box in just a few simple steps:

1. Log in to your Wix account and open the Wix Editor for your website.

2. Within the Editor, find and click on the “+” button on the left-hand sidebar to add new elements.

How to add new elements on Wix website
Image via Wix

3. Select “Interactive” from the drop-down menu.

4. Choose one of the options in the “Lightboxes” category. Have you been wondering how to add a subscribe popup on Wix? It’s among the available choices. These are:

  • Welcome
  • Subscribe
  • Promotion
  • Contact
How to add a popup on Wix. Interactive lightboxes on Wix
Image via Wix

5. Customize the design, colors, fonts, and content of your popup.

  • Ensure the popup complements your website’s overall aesthetic.
  • Make sure to include a compelling headline and CTA button.

6. Set up triggers and display rules for your popup.

  • Set the frequency for how often the Wix popup box appears.
  • Add a background overlay if desired to focus attention on the popup. Adjust transparency.
  • Choose when to display the popup, like site-wide or on certain pages.

7. Save the popup and test it by previewing your site. Tweak as needed until satisfied.

Best practices for creating effective popups on Wix

Popups are a powerful way to capture the attention of your website visitors. However, not all popups are created equal.

Here are some tips on how to create a popup on Wix that’s effective and not annoying:

  • Test different popups. Experiment with diverse signup form types, messaging, and designs. Use A/B testing to identify the most effective variations for maximum opt-in rates. Track performance by checking lead data in the Contacts section of your Wix dashboard.
Contacts section in the Wix dashboard for popup testing
Image via Popupsmart
  • Carefully choose visuals. Use images and colors that are consistent with your brand and website design. Use high-quality images that are relevant to your offer and audience. Your Wix popup banner should also make use of contrasting colors to make your CTA button stand out.
  • Have a solid CTA button. Your popup should have one main goal and one main action that you want visitors to take. Ensure your call-to-action button is prominent, clickable, and action-oriented.  For instance, “Sign up now,” “Shop new arrivals,” or “Unlock offer.” Check that the button’s color and size make it easily clickable.
  • Use clear, concise messaging. Get straight to the point with a compelling headline and brief paragraph. Avoid using jargon, vague terms, or too much text. Consider using multi-step forms instead of lengthy forms. Your visitors should be able to understand what you’re offering and why they should care at a glance.
  • Optimize for mobile devices. Many visitors will view popups on mobile. Make sure they look good and function well on smaller screens. Consider using responsive popups that automatically adapt to different screen sizes and orientations. Also, use large fonts and buttons that are easy to click on mobile devices.
Store's optimisation for mobile devices
Image via Wix

Effectively time your popups. Get popup timing right to ensure maximum opt-in rates. Don’t show your popups too soon or too late. It can annoy or miss your visitors. Instead, use different triggers to show them at the right moment. These could be exit intent, scroll percentage, time on page, or page load. You can also set the frequency of your popups to avoid showing them too often or too rarely.

Creating effective popups is just one of the many ways to boost sales on Wix. Here are several resources to help you set up and maximize your store’s potential:

How to add a popup on Wix with Omnisend

Omnisend is a powerful marketing platform that allows you to create and manage engaging popup forms for your Wix website.

This section will first show you how to integrate Omnisend with Wix. Then, we’ll explore how to add a popup on Wix using Omnisend.

Integrating Omnisend with Wix

Before you can add a popup to your Wix website, you need to connect your Omnisend account with your Wix website. Here’s how to integrate Omnisend with Wix:

  1. Log in to your Omnisend account or create a new one if you don’t have one yet.
  2. Click on Connect your store in Omnisend’s dashboard. This option is also available in your profile menu.
How to add a pop-up on Wix with Omnisend
Image via Omnisend

3. Select Wix from the list of available ecommerce platforms.

4. You’ll be presented with a 3-step connection wizard:

A connection wizard on Wix
Image via Omnisend
  • Add Omnisend app from the Wix App Market.
  • Paste the provided API key in the Omnisend app settings on Wix. Click Update Settings once you do.
Omnisend API key in Wix settings
Image via Omnisend
  • Back in your Omnisend settings, check if the API connection is successful. Click on Check API Connection to do so.
Check API connection on Omnisend
Image via Omnisend

5. Omnisend will now sync data from your Wix store depending on selected integration settings.

Creating a popup form in Omnisend

  1. Log in to your Omnisend account and head to the “Forms” section in the dashboard.
  2. Click on the “Create form” button.
  3. Select the “Popup” option from the list of available form types.
  4. Choose a template that suits your needs.
Creating a popup form in Omnisend
Image via Omnisend

5. Customize the design as per your preferences. Use the Behavior, Items (Blocks), Layouts, and Theme settings to do so.

  • Customize the design by adjusting colors, fonts, and imagery.
  • Add necessary fields to gather relevant information from your audience.
  • Define the popup form’s settings, including display triggers and timing.
  • Define the audience and targeting options for your popup form, such as the pages where you want it to appear. This enhances segmentation.

Adding the popup form to the Wix website

1. Enable your form after you’re done customizing it to get an embed code. The code is also available under Behavior settings.

embedded code on Omnisend
Image via Omnisend

2. Paste the form’s code to the Wix website, either by adding an HTML code section or using the Omnisend app in Wix.

  • To add an HTML code section, you need to go to your Wix editor and add an HTML element to your page.
HTML code section in Wix editor
Image via Wix
  • Then, paste your popup form’s code into the HTML settings window and click “Apply.”
Wix HTML settings window

Testing and optimization

  • Test the popup on your Wix website to verify proper display and functionality.
  • Adjust any elements that may appear inconsistent or require refinement.
  • Use Omnisend’s analytics and form reports to track conversions and fine-tune your popup for better results.
  • Use A/B testing to experiment with variations. Continue refining to maximize results.

Wrap up

We’ve successfully walked through the critical steps of how to add a popup on Wix. It requires choosing a type, customizing the design and content, setting frequency and triggers, and publishing. 

Solutions like Omnisend make creating popups and integrating them seamlessly into Wix even easier.

The most important thing is to experiment with different popup options and thoroughly test them before going live. 

Preview your popups across devices and tweak elements like messaging, visuals, and placement until you find the formula that converts visitors best. 

With some strategic testing, you can unlock the true power of popups for your Wix site.

Bernard Meyer
Article by
Bernard Meyer

Bernard is the Director of Content at Omnisend, with a passion for good research, helping ecommerce businesses with their marketing automation needs, and beating absolutely everyone in Mario Kart 64.

related features
These are the Omnisend features that can help you get the results mentioned in the article.

See how Omnisend can help your business

Take our short quiz to get a personalized recommendation on the best plan & features for your business.

Take the quiz
Takes less than 2 minutes

related features
These are the Omnisend features that can help you get the results mentioned in the article.