Embedding & popups
Put your form on any web page, inline or as a popup. Set it up in the Public link sheet and paste one snippet into your site.
Each snippet uses the share link selected in the sheet, with its expiry, response limit, custom domain and analytics. Query parameter values are not included. See Share links.
Inline embed
An inline embed shows the form inside your page.
Open the Public link sheet and click the Embed card.
- Set the height and choose what to hide.
Click Copy embed code and paste it into your site’s HTML.
With Auto-resize height on, the embed grows with the form, so respondents never scroll inside it. Some site builders remove the small script this adds; then turn it off and set a height that fits. Lazy load waits to load the form until the visitor scrolls to it, which speeds up a page where the form sits further down.
Popup
A popup shows the form on top of your page.
Open the Public link sheet and click the Popup card.
- Choose how it opens, where it sits and how it looks.
Click Copy popup code and paste it into your site.
Under Trigger, pick how the popup opens. Automatically on page load opens it once the page has loaded, after an optional delay, and Show once per session stops it from opening again on every page of the same visit. When a function is called opens it from your own button or link: the comment in the copied code names the function to call, and the site builder pages show a button that calls it.
Auto-close after submission closes the popup three seconds after the respondent submits. It is off by default.
Color scheme
Embeds and popups have the same color scheme setting, and it overrides the form’s own theme inside the frame. The default, Let user specify, follows the visitor’s light or dark preference. Dark mode and Light mode always use that mode.
Match your site's theme
If your website is always dark, pick Dark mode so the form blends in. To theme the form itself, see Appearance & theming.