How to Embed a Form on Your Website

Step-by-step guide

1

Publish your form

Before embedding, make sure your form is published. Open the form in the builder and click Publish if it's still in draft. Only published forms can be embedded and accessed via their public link.

2

Choose an embed mode

Open the Embed settings in the builder. Choose your embed mode: Inline displays the form directly on the page, Popup opens it in a modal overlay when a button is clicked, and Slide-in shows a tab on the edge of the page that expands when clicked. Each mode generates a different code snippet.

3

Copy and paste the embed code

Copy the generated code snippet. For inline embeds, paste it in your page's HTML where you want the form to appear. For popup and slide-in, paste the script tag in the page's body. The snippet handles loading the form, styling, and responsiveness automatically.

4

Test on your live site

Load the page on your website and verify the form displays correctly. Test a submission to make sure data flows through to your dashboard. Check on both desktop and mobile — the embed is responsive by default.

Related templates

Tips

• Inline embed works best for dedicated form pages (contact, registration, application)
• Popup embed is ideal for feedback forms and surveys — doesn't take up permanent space
• Slide-in works well for lead capture and quick contact forms on any page
• Test the embed on mobile — ensure the form fits the screen and scrolls properly
• If your site uses a content security policy (CSP), you may need to whitelist the embed domain

Frequently asked questions

Related guides