Skip to content

Embed Formware as Iframe

You can embed your Formware form directly on your website using an iframe. This allows users to view and submit the form without leaving your site. Simply copy the iframe code provided in Formware and place it on the desired page of your website.

Get the Embed Code Snippet

Open up a form and click Share to navigate to the Share tab. You will see a code snippet that adds your form as an iframe component in your website html layout.

Copy iframe embed code
Copy iframe embed code

Embed Formware Form on Your Website

Depending on your website platform:

  • Webflow / Framer / Wix: Paste the iframe code inside a Custom Code or Embed block — usually before the closing </body> tag.

  • WordPress: Use a Custom HTML block (in Gutenberg or Elementor), or add it under Appearance → Widgets → Custom HTML.

  • Next.js / React / Vue: Add the iframe dynamically using dangerouslySetInnerHTML, or include it in a <iframe> tag inside your layout file.

You only need to add the iframe once — the form will appear automatically on the page where you embed it.

Test Your Formware iframe embed

  1. Open your website.
  2. Your form should load inside the iframe in your website.
  3. Fill it out to test submissions in your Formware dashboard.
  4. Fill it out to test submissions. The responses, both partial and complete will appear in the Results tab in your Formware dashboard.

Here's how the iframe embed looks on the homepage of Formware:

Iframe embed on Formware
Iframe embed on Formware

That’s It! Your Formware is Now Live 🎉

Your form is now embedded on your website. Start collecting leads, bookings, or inquiries directly from your visitors — all responses will be synced automatically to your Formware account.