# 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

1. Open the page in **Online Store → Theme Settings** (or your landing page in the builder).
2. Click the **+** icon (**Add Blocks**), search for **Popup Dialog** and drag it onto the page.
3. 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**.
4. 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.
5. To open it from a button instead, click any **Button** block and choose the popup under **Modal control**.
6. The **Dialogs** manager in the top bar lists the popups on your page and lets you create popups and connect them to your buttons.
7. Click **Save**.

## Common problems

- The popup opens every time a visitor reloads → enable **Limit auto-open to once.** and set **Once time delay (minutes)**.
- Clicking the button does nothing in the editor → buttons and links only work on the live page; use **Preview** to test.
- The popup opens immediately and hides the page → increase **Delay (ms)** so visitors see the content first.
- You want the popup only on one page → popups belong to the page they are added on; add a separate **Popup Dialog** on each page that needs one.

## Related
- [Edit text, images and buttons on a page](https://help.dropify.shop/en/guides/edit-text-images-and-buttons-on-a-page/)
- [Add a newsletter sign-up or contact form](https://help.dropify.shop/en/guides/add-a-newsletter-or-contact-form/)
- [Add an image slider or promo banner](https://help.dropify.shop/en/guides/add-an-image-slider-or-banner/)