Popups allows you to add new popups to your site. Popups are a type of small window that appears on a web page as an overlay. Popups are essentially miniature pages with widgets in them. Popups can be set up to appear when clicked as a link or automatically as an action from a personalization rule. Use popups to grab user's attention or provide information without having to change pages. Great for special events and school closings.
Consider a Notification Bar instead of a Popup. A Notification Bar maybe ideal to use instead of a popup because popups can be blocked and they are less intrusive on your visitors by comparison. Also, Notification Bars have a setting to display either on the home page or on all pages.
Add a Popup
To add a popup:
In the side panel, click Pages, and then click the Popups tab (in upper right).
Click + New Popup.
Select a popup type, like Blank for example. The popup type selected will pre-populate the popup with some select widgets.
Type a name for your popup (make it a short and obvious name like "Golf Outing"), and click + Add Popup.
Edit the popup and its content just like you would a page. Drag and drop widgets, edit the widgets and content.
Activate/View Popups
Unlike a page which when generated is visible in the navigation automatically, a popup can only be visible and triggered by a link being clicked or by using a site personalization rule. Popup triggers only occur once per session. A session is any activity on the site and remains active until at least 30-60 minutes have passed.Link to Popup
There are several widgets that allow you to link to a popup, such as Photo Gallery image links, text, and buttons.
To link to a popup:
- Click on the widget that you want to link the popup to, like a Button for example.
- Under the widgets Content tab, look for the Link or Linked to Option of the item.
Alternatively, if you are linking from text, highlight the desired text and click the link icon in the text editing menu. - Choose Popup, then select which popup you want to link to from the dropdown menu.
Use Personalization Rules to set Conditions for a Popup
You can set personalization rules for an existing popup. Personalization rules can include what triggers the popup to appear, how quickly the popup appears on the screen, and more.
Create Personalization Rule
To create a personalization rule:
- In the side panel, click Personalize.
- Click +Add Rule.
- Select from the available existing rules to edit (click the gear), pre-built rules or build your own (recommended).
- Select and set your trigger (like time), action (like popup), and further customize as necessary. During the process you will choose the time, popup as the action, the page, etc.
- Clicking next to move to the next step.
- At the end of the process and steps be sure to name your rule and choose publish now when saving.
- You can preview the popup by putting the site in Preview Mode (top right) and then Select your rule (from the top left side).
- Republish the website using the Republish Button. IF the rule is active, open a new browser tab and visit the live site to see your pop-up live.
Rules will only trigger for the same user once every 30 minutes, or until they clear their browser cache, even if that user still meets the trigger requirements.
If a user comes back more than 30 minutes after the first visit, we update the number of visits cookie.
Website Builder uses cookies for first-time users when using personalization rules. One cookie is used for timestamp, another cookie for number of visits.
We only show popups once for the current browser session.
Personalization is not supported on multi-language sites or dynamic pages.
If you are having trouble viewing your popup on your live website. Try the following:
- Double check your Trigger and ensure the settings are such that the rule is live like the start and end date/time
- Double check the action is set to the correct popup and correct page like your home page.
- It would be a good idea to also click the republish button on your website.
- Try clearing your browser cookies and cache
- Try using another browser, device, or an incognito window.
- Try waiting until the time has expired (30mins)
- If necessary try deleting the rule, then adding a new build your own rule and republishing.