Add a page or form as a pop-over on a site

Learn to add pages and forms as a pop-over on your site.


There are two different ways to use pages and forms on your site:

Before you start

Make sure you're on the Publish panel of the page editor for the page or form you want to add.

To get to the Publish panel:

  1. Go to the page editor Pages and forms > Pages and forms > All pages and forms > *page to embed* > Edit.
  2. Select Published page, at the top-right of the page.

Adding a pop-over

To add your page or form as a pop-over:

  1. Under Generate embed or pop-over code, select Generate pop-over code.
  2. Edit your pop-over settings:
    Option Description
    Show after Time, in seconds, until the pop-over appears. For instant pop-over, choose 0 seconds.
    Stop displaying Options of when the pop-over stops displaying to the user.
    • When the form is closed
    • Only when the form is completed
    Mobile display Show the pop-over on mobile devices. We don't recommend you allow this.
    Dismiss options Lets the user use the Esc key to close the pop-over.
    Dialog width Allows you to edit the width of the pop-over container
    The pop-over code automatically updates when configuring these options.
  3. After editing the settings, copy the generated code and paste it just before the closing HTML </body> tag of your site.

Please note

  • If the page is completed, the pop-over won't display again for 365 days.
  • The pop-over uses cookies in order to work; if a visitor's browser or browser extension is set up to block cookies then none of your configurations apply and the pop-over always displays. 

See also

Did you find this article helpful?

Can we help?

Thanks for using Dotdigital. If you need more help or support, then contact our support team.