Wix Editor: Adding and Setting up a Popup
Updated: 7 days ago
Add a popup to grab your visitors' attention and showcase important announcements and information. You can add elements to the popup message, decide when it's triggered, and even choose how visitors close it.
Step 1 | Add a popup
Add a popup to begin creating something interactive and informative for your site visitors. There are a range of templates and types to choose from, such as "Welcome" and "Contact".
To add a popup:
Click Add Elements
on the left side of the editor.
Click Interactive.
Select a category under Popups.
Click or drag your chosen popup to add it to your site.
Step 2 | Customize your popup
Next, start building the popup and designing the way it looks. You can customize existing elements and add elements like text, buttons, forms, images and much more. Make sure that the elements you add are smaller than the popup so that they fit inside of it.
To add elements to a popup:
Click Pages & Menu
on the left side of the editor.
Click Popups.
Select the relevant popup to view it.
Click the popup on the canvas.
Start customizing your popup:
Add more elements.
Tip: When dragging the element from the Add Elements panel, drop it when you see the "Attach to Popup" message.
Click existing elements to edit them.
Change the popup background and the overlay around it.
Note:
When you add a popup, you enter Popup Mode. This allows you to set up and edit your popup. To go back to the regular editor, click Exit Mode on the top bar.
Step 3 | Adjust the popup settings
After designing your popup message, decide when, where and how it appears to visitors. You can set the popup to show automatically once the page loads, or link it to an element that visitors need to click.
You can also schedule your popup to appear at a certain time (e.g. a specific holiday season), and decide how visitors exit the popup.
To adjust the popup settings:
Click Pages & Menu
on the left side of the editor.
Click Popups.
Select the relevant popup to view it.
Click the popup on the canvas.
Click Set Triggers.
Adjust the popup settings:
Choose where and when the popup appears
Select an option under Automatically display popup on pages:
Yes: Your popup is displayed when a page loads.
Click the Which pages is it on? field.
Select the pages you want the popup to appear on, or select the First page visitor sees checkbox.
(Optional) Drag the Delay slider to increase or decrease the time between the page loading and the popup appearing.
Note: This slider does not appear on all popups.
No: The popup does not appear when a site visitor enters a page. Instead, you can link to it from elements on your site.
Schedule the popup for certain dates and times
Under Popup Scheduling, you can set a specific schedule for your popup. This is helpful for displaying offers or services that are available for a limited time:
Dates: Use the options to select the start date and end date for your popup.
Times: Select the start and end time for the popup schedule.
Time zone: Choose your time zone from the options in the drop-down.
Clear scheduling: Remove scheduling you previously added to the popup.
Decide how visitors close the popup
Choose how visitors close the popup after reading its message. You can select multiple ways to close the box, or just one. For example, you can let visitors click the overlay behind the popup to close it, while adding an 'Close' button that's more explicit.
To enable / disable the X and 'Close' buttons:
Select an option under How does popup close?:
'X' icon: Visitors can close the popup by clicking an X icon.
'Close' button: Visitors can close the popup by clicking a button that says 'Close'.
To add / remove the option to click the overlay to close the popup:
Click the overlay (the space around your popup) in the editor.
Click Set Up Overlay.
Enable or disable the Clicking closes popup toggle.
What's next?
Customize your popup's design and position to further personalize your site's announcements. Learn how to customize a popup
FAQs
Click below to read answers to our most frequently asked questions about popups:
Can I set multiple popups to show on a page?
It is only possible to display one popup that opens automatically per page. However, you can display multiple popups on one page if you link them from other elements.
Can I preview my popup before making the changes live?
Popups that you link to elements are shown on your site preview (when you click the elements). However, popups that you set to open automatically are only displayed on your live site.
Can I share a link to the popup?
Popups do not have a unique URL, and therefore you cannot share them on social media or other platforms. Therefore, we do not recommend using popups for the main content of your site.
This article is credited to the Wix team - https://support.wix.com/ and we thank them for that!
Comments