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.

Overview

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

• Add it as a pop-over on a webpage
• Embed it within a webpage

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

• Embed a page