How to add pop-ups to your website

Pop-ups are windows that automatically appear over the main content of a website. They are commonly used to:

  • highlight a promotional offer,
  • collect email addresses,
  • announce a new feature or product,
  • display an important message (legal notice, maintenance update, etc.).

Adding a pop-up

Step 1

From the website editor, go to Content.

Step 2

Open Pop-ups.

Step 3

Click Add Pop-up.

Step 4

Enter a name for your pop-up, then click Add pop-up.

Step 5

Edit the pop-up content as you would edit a web page.

Step 6

Click Pop-up settings to choose when and where it appears, and to change the size of the pop-up window.

Step 7

Click Update pop-up to save your changes.

Step 8

Click Test pop-up at the top of the editor to open the saved pop-up on your website in a new tab. Save any further edits with Update pop-up before testing again.

Step 9

Your pop-up has a unique ID, which you can use to link it from your website content.

How to link a pop-up to your content

After creating your pop-up, you need to link it to an element on your website (such as a page, button, image, or other clickable item). To find out more, read our support article about how to link pop-ups to your website.

  • Avoid overwhelming visitors with too many pop-ups.
  • Keep your message clear and relevant.
  • Optimise for mobile display.
  • Test before publishing.