How to Embed a Form on Your Website
ZenBuild's embed feature lets you add any form to your website with a simple code snippet. Choose from inline, popup, or slide-in modes. Works with WordPress, Squarespace, Wix, and any site that supports HTML.
Step-by-step guide
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.
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.
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.
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
What website builders does this work with?
The embed code works with any platform that supports custom HTML — WordPress, Squarespace, Wix, Webflow, Shopify, Ghost, and static HTML sites. Paste the snippet in a custom HTML block or widget.
Does the embedded form match my site's style?
The form uses your configured branding (logo, colors, fonts). For inline embeds, the form adapts to the container width. You can customize the form's appearance in the builder's design settings.
Can I embed the same form on multiple pages?
Yes. Use the same embed code on as many pages as you need. All submissions go to the same place regardless of which page the form was filled out on.
Related guides
Ready to get started?
Try ZenBuild free - forms, PDF tools, templates, and more.