Add a popup (dialog) to a page
Add a Popup Dialog block to the page, fill it with blocks, then either let it open automatically (Auto-open modal) or connect a Button to it through Modal control.
Steps
- Open the page in Online Store → Theme Settings (or your landing page in the builder).
- Click the + icon (Add Blocks), search for Popup Dialog and drag it onto the page.
- Click the popup and give it a Title. Fill it by dragging blocks from Add Blocks into it: a Heading, Paragraph, Image, Newsletter form or Button.
- To open it automatically, turn on Auto-open modal and set a Delay (ms). Turn on Limit auto-open to once. and set Once time delay (minutes) so returning visitors are not shown it again for that period.
- To open it from a button instead, click any Button block and choose the popup under Modal control.
- The Dialogs manager in the top bar lists the popups on your page and lets you create popups and connect them to your buttons.
- Click Save.
Common problems
- The popup opens every time a visitor reloadsenable Limit auto-open to once. and set Once time delay (minutes).
- Clicking the button does nothing in the editorbuttons and links only work on the live page; use Preview to test.
- The popup opens immediately and hides the pageincrease Delay (ms) so visitors see the content first.
- You want the popup only on one pagepopups belong to the page they are added on; add a separate Popup Dialog on each page that needs one.