Popup
A window over the page with a promotion, news or a newsletter sign-up. Shown once per visitor after a few seconds or when they are about to leave. Put any blocks inside, a form too.
Using it well
A popup opens over the page with a short message: a sale, an event, or a newsletter sign-up. Give it a clear Title, one or two sentences of Text and, if you like, a photo and a button with a link. Drag any block inside it too: a Form with only an Email field makes a newsletter popup.
Put the popup in your header (Pages > On every page > Header) to show it on every page, or on one page only for an offer that belongs there. A page shows at most one popup.
When it opens
- After a few seconds (choose how many).
- When the visitor is about to leave: on a computer when the mouse moves towards the tabs or the address bar. Phones have no mouse, so there it opens after the seconds you chose.
- When the visitor scrolled half the page.
Show it again decides how often the same visitor sees it: never (until you change the title, text or button), after 30 days, after 7 days, the next day, or on every new visit. This is remembered in the visitor's browser, without a cookie.
Set Show from and Show until for a sale or a holiday: outside those dates visitors don't see it.
In the builder
In the builder the popup is a box in the page with a note on when it opens, so you can edit it without it covering anything. Use Preview to see it open like visitors do. Visitors close it with the close button, the Escape key or a tap next to it.
Keep popups rare and easy to close: one popup with a real reason works better than one on every visit.
Adding it
Open your site in the builder, choose Add in the left panel and pick Popup (or search for it). Click the block in the preview to open its settings on the right.
Settings
Content
| Setting | What it does |
|---|---|
| Title | Text, up to 120 characters. Default: "Spring sale: 20% off everything". |
| Text (optional) | Longer text. |
| Photo on top (optional) | An image: upload one, pick from your media library or search free stock photos. |
| Button text (optional) | Text, up to 40 characters. Default: "See the offer". |
| Button link (optional) | A link: a web address, one of your pages, a section on the page, an email address or a phone number. |
Look
| Setting | What it does |
|---|---|
| Place | Choose: In the middle (the page dims); Bottom corner (the page stays usable). Default: In the middle (the page dims). |
| Width | Choose: Small; Medium; Large. Default: Medium. |
| Text alignment | Left, centre or right. |
Options
| Setting | What it does |
|---|---|
| When it opens | Choose: After a few seconds; When the visitor is about to leave (on phones: after the seconds below); When the visitor scrolled half the page. Default: After a few seconds. |
| Seconds before it opens | Text, up to 120 characters. |
| Show it again to the same visitor | Choose: Never (until you change the popup); After 30 days; After 7 days; The next day; On every new visit. Default: Never (until you change the popup). |
| Show from (optional) | Text. |
| Show until (optional, this day included) | Text. |