How To Add a Pop-Up on Wix [2025]

With Wix’s built-in Lightbox tool, you can create pop-ups that match your brand without needing extra apps or coding. It offers designer-made templates you can customize to announce a sale, grow your email list, or welcome new visitors.

In this guide, I’ll walk you through step-by-step instructions to add and customize a pop-up on your Wix website. By the end, you’ll have a fully functional, on-brand pop-up that helps you connect with visitors and achieve your website goals.

Step 1. Open Your Site’s Wix Editor

To find a Wix pop-up template and add one to your site, you’ll need to be in the Wix Editor.

1. Log in to your Wix account.
   
2. On the Sites page, hover over your selected website and click Select & Edit Site.
   
3. Click Design Site in the Wix Dashboard to open the Wix Editor.

Step 2. Choose and Add a Wix Lightbox Pop-Up Template

Wix provides several pop-up template options, each with a unique layout and based on popular examples.

1. Click Add Elements on the left side of the editor.
2. Click Interactive from the list of options.
3. Select a type of pop-up under Lightboxes. Here are the four pop-up categories:
   • Welcome – Ideal for announcements and greeting visitors.
   • Subscribe – Perfect for newsletter contact forms or free download offers to grow your email list.
   • Promotion – Great for sharing sales or new product launches.
   • Contact – Useful for displaying your contact info and your business’s opening hours.
4. Click or drag and drop the template to your Wix website. The editor will automatically switch to Lightbox Mode.

Step 3. Customize the Pop-Up Elements

Since you’re using a Wix Lightbox template, you may want to add, edit, or remove elements like text, video, images, forms, and buttons. I’ll share an example using a newsletter subscription pop-up for a photographer.

Editing the Text in the Pop-Up Template

1. Click on the text element.
   
2. Click Edit Text in the menu that appears.
3. Type in your new text.
4. Use the design tools in the Text Settings panel to customize the text’s font, size, color, and alignment.

For my pop-up, I changed the default headline text “Get the Latest News to Your Inbox” to “Subscribe for exclusive photo drops & deals.” This makes it clear what visitors will get in return for signing up. The more specific and inviting your message, the better.

Editing the Image in the Pop-Up Template

1. Click the image.
   
2. Click Change Image in the menu.
   
3. Upload your own photo or choose a free stock image from Wix or Unsplash.

Since my pop-up is for a photography website, I replaced the stock image with a photo of a person holding a camera. I highly recommend adding a personal photo to make the pop-up feel warm and inviting.

Editing the Form in the Pop-Up Template

1. Click the form element.
   
2. Click Form Settings from the pop-up menu.
3. Choose Submit Message and type in your custom success message.
4. Go back to the pop-up menu and click Add New Field to add fields to the form. You can also double-click the existing email field to open its Text Input Settings panel to edit the field type and title.

My pop-up template already included a form, allowing visitors to enter their email address as soon as it appears. To make the experience feel more personal, I added a success message that says, “Can’t wait to share my latest with you!” so new subscribers know I appreciate them.

Editing the Submit Button in the Pop-Up Template

1. Select the button.
2. Click Settings to update the submit button text, link, or function.
   
3. Click Design in the menu to update the button color, size, and shape.

I adjusted the button color from white to black so it stands out against the background.

Adding New Elements to the Pop-Up

1. Click Add Elements in the left sidebar.
   
2. Drag and drop elements like text, buttons, forms, or images into your pop-up. Make sure you see “Attach to Lightbox” in the pop-up before you drop the element.

Step 4. Change the Pop-Up Background for a Branded Look

Make your pop-up stand out with a background that fits your brand. Wix lets you choose a color, image, or video as your background.

1. Click on the pop-up background (not on an element like text or image).
   
2. Click Design to open the Lightbox Background panel.
3. Choose a color, image, or video for your background.
4. Adjust Lightbox Background settings such as color, opacity, and image positioning.

For my pop-up, I decided to keep the background that came with the template since the color already matched my brand’s style. If your template works as is, you don’t need to change anything! But if you want a different look, you can customize the background to better fit your website’s aesthetic.

Step 5. Resize and Align the Pop-Up for Better Visibility

Make sure your pop-up looks great on desktop by adjusting its size and position. Wix allows you to resize the lightbox and choose where it appears on the page.

Resizing the Pop-Up

1. Click on the lightbox to select it.
   
2. Drag the blue outline to resize the pop-up.

Aligning the Pop-Up

1. Click Layout to open the Lightbox Layout panel.
   
2. Adjust the Lightbox Layout settings:

• Set Position – Choose where the pop-up appears (center and along the edges).
• Horizontal & Vertical Offsets – Fine-tune the pop-up’s placement by moving it left, right, up, or down.

For my pop-up, I kept it centered since that’s how it came with the template, and it worked well for my design. If you want to change yours, use the layout settings to reposition it where it fits best for your website.

Step 6. Add Animation to Your Wix Pop-Up for Engagement

Enhance your pop-up by adding an animation effect when it appears. Subtle animations can make your design feel more polished without distracting visitors.

1. Click on the lightbox to select it.
2. Click Animation & Effects to open the Add Animation panel.
3. Choose your preferred animation effect (e.g., Fade, Glide, Float).

Since this is a photography website, I wanted my pop-up to feel like a camera coming into focus, so I chose Blur. It’s subtle but completely on brand. If you want to add some movement to your pop-up, pick an animation that complements your website’s style – just don’t overdo it!

Step 7. Customize the Pop-Up Overlay and Close Options

The overlay is the area around your pop-up that appears over the rest of your website. It helps visitors focus on your pop-up by dimming or covering the background.

Changing the Overlay Background

1. Click anywhere outside the pop-up (on the overlay).
   
2. Click Change Background to choose a color, image, or video for the overlay.
3. Adjust overlay background settings like opacity, color, scale, and positioning.

Since my site is photography-focused, I chose to use one of my photos as the overlay to keep my branding consistent. If you want your overlay to blend in or stand out, adjust the opacity or add a subtle background color behind your image.

Enabling Click Outside to Close the Pop-Up

1. Select the overlay.
2. Click Settings or Set Up Overlay.
3. Enable or disable the Clicking closes lightbox toggle. If you disable this, make sure to add an X icon or a Close button in the Lightbox Settings so visitors can exit the pop-up.

I kept the default setting, which allows visitors to close the pop-up by clicking the overlay. If you prefer a different experience, you can adjust this to match your website’s needs.

Step 8. Set When and Where Your Wix Pop-Up Appears

Decide when, where, and how your pop-up appears on your website. You can control its behavior by adjusting the settings for triggers, delay, page selection, scheduling, and closing options.

Selecting Where Your Pop-Up Appears

1. 1. Click the lightbox to select it.
      
   2. Click Settings or Set Triggers.
   3. In the What’s the lightbox’s name? field, rename your lightbox to something memorable – this helps if you create multiple pop-ups.
   4. In Automatically display lightbox on pages, you have two options:
      • Select Yes for your pop-up to appear automatically.
      • Select No if you prefer to trigger the pop-up with a button click.

If you chose Yes, follow these extra steps:

1. • Click or the page name under Which pages is it on?
   • Check the pages where the pop-up should appear and uncheck the ones where it should

Setting When Your Pop-Up Appears

After choosing the pages where your pop-up should show up, you can do these extra steps in the Lightbox Settings panel (via or Set Triggers button):

1. Under Delay (secs), adjust the slider or enter a value between 0 and 60 to set the pop-up delay.
2. Click Set schedule and choose the times and dates for your pop-up under Lightbox scheduling.
3. Enable the ‘X’ icon and ‘Close’ button toggles to select how your lightbox closes.

For my pop-up, I set it to appear on any page, but only once – the first page a visitor sees. I also set my pop-up’s delay to 2 seconds so visitors can see it early.

Step 9. Optimize Your Wix Pop-Up for Mobile Users

Once your pop-up looks great on desktop, it’s time to check how it appears on mobile. I always recommend completing your design on desktop before making changes on mobile since changes on desktop can affect the mobile layout.

1. Click the mobile phone icon in the top bar to switch to Mobile View.
2. Select the pop-up to edit it.
3. Drag and reposition elements for better readability.
4. Adjust element size, spacing, and placement to fit smaller screens.

For my pop-up, I noticed that the image was at the bottom, which didn’t look right on mobile. I moved the image to the top and centered the text below it to draw visitors in before they read the headline. Small adjustments like this make sure your pop-up is easy to read and engage with on any device.

Step 10. Preview and Publish Your Wix Pop-Up

Before publishing your pop-up, take one last look to make sure everything functions as expected. Previewing lets you see how visitors will interact with it.

1. Make sure you’re in Lightbox Mode.
2. Click Preview in the top right corner of the Wix Editor.
3. Test your pop-up by interacting with it as a visitor would.
   
4. If everything looks good, click Publish (next to Preview in the top bar).

I tested my pop-up by clicking the subscribe button to see if the form submission worked. Everything was smooth, so I hit Publish – now it’s live for my visitors!

How To Edit a Wix Pop-Up

To edit your pop-up on Wix from inside the Wix Editor, you’ll need to be in Lightbox Mode.

1. Click Pages & Menu in the left sidebar of the editor.
2. Select Lightboxes from the list of site pages.
3. Select the lightbox you want to edit.

Good work! Now, you’re back in Lightbox Mode where you can make changes to the design or behavior of your pop-up.

How To Remove a Wix Pop-Up

It’s easy to remove a pop-up from your Wix website.

1. Click Pages & Menu in the left sidebar of the editor.
2. Select Lightboxes from the list of site pages.
   
3. Select the More Actions button to show the Lightbox settings panel.
4. Click Delete to remove the Lightbox from your Wix site.
   
5. Select Delete when Wix prompts “Are you sure?” to confirm removal.

It’s a good idea to remove old pop-ups you’re no longer using to help keep your website organized and quick to load.

Your Wix Pop-up Is Live and Ready To Go

Adding a pop-up to your Wix website is simple and free when you use Wix’s built-in pop-up tool, Lightboxes. No extra apps or coding needed.

Whether you’re sharing an update, promoting a sale, or growing your email list, a well-designed pop-up can help you achieve your website goals. Start with a template that suits your needs, customize it to match your style, and you’re good to go.

Happy building, and I can’t wait to see how your pop-ups turn out!

FAQ

How do I know which type of Wix pop-up to choose?

Choose a Wix designer-made pop-up template that aligns with your goal. If you need to collect emails, select the Subscribe pop-up. If you want to announce a sale, go for a Promotion pop-up. You can always customize it later, but picking the right template now will save time.

Can I preview my Wix pop-up before publishing?

Yes! Click Preview in the top right of the Wix Editor while in Lightbox Mode to see how your pop-up will look and function. If you’re happy with how it looks and behaves, hit Publish to make it live.

Will I need a Wix Premium plan to add a pop-up?

No, Wix’s Lightbox tool is free. A Premium plan is only needed for third-party pop-up apps that require custom HTML code. If you want more control, like showing a pop-up before a visitor leaves, you may want to get an app from the Wix App Market. Many free apps exist, but they often limit how many people can see your pop-up before requiring an upgrade.

How do I add a pop-up contact form?

Go to Add Elements > Interactive > Lightboxes, then select a Contact template. Customize the design and form fields to fit your needs. Wix will automatically save submissions in Wix Contacts, so you can easily manage responses.

How often should I use pop-ups on my Wix site?

Use pop-ups strategically – too many can frustrate visitors. Wix limits you to one pop-up per page to improve user experience. Start with a single, well-designed pop-up and track its performance before adding more.

Where are Wix pop-up form entries stored?

Wix automatically stores form submissions in Wix Contacts to help you manage your subscribers all in one place. To see your form entries, go to your site’s dashboard, click Customer & Leads in the left sidebar, and select Contacts.