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:
- Go to the page editor Pages and forms > Pages and forms > All pages and forms > *page to embed* > Edit.
- Select Published page, at the top-right of the page.
Adding a pop-over
To add your page or form as a pop-over:
- Under Generate embed or pop-over code, select Generate pop-over code.
- 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.
- 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.