Skip to content

Embed your form in Webflow

You can embed your Formware form in Webflow in multiple ways depending on how you want it to appear on your site.

This guide covers the most common methods: linking to your form, embedding it directly in a page, or using a full-page embed.

This is the simplest way to add a form to your Webflow site.

  1. Open your form in Formware.
  2. Go to the Share tab.
  3. Copy your form URL.

Share your form

In Webflow:

  1. Add a Button element to your page.
  2. Paste your form URL as the button link.

When users click the button, they’ll be taken to your hosted form.

To display your form directly inside your Webflow page:

  1. Open your form in Formware.
  2. Go to the Share tab.
  3. Select Inline or Full page embed.
  4. Click Copy to copy the embed code.

Copy iframe embed code

In Webflow:

  1. Open the Designer.
  2. Drag a Code Embed element into your layout.
  3. Paste the embed code into the HTML Embed Code Editor.
  4. Click Save & Close.

Your form will now appear as part of your page layout.

If you want your form to take up an entire page:

  1. Create a new blank page in Webflow.
  2. Add a Code Embed element.
  3. Paste the full page embed code from Formware.

This is useful for landing pages or dedicated form experiences.

After embedding your form:

  1. Click Publish in Webflow.
  2. Select your domain and publish the site.
  3. Open your live site to verify the form appears correctly.
  4. Submit a test response to confirm everything is working.

All responses will appear in the Results tab in your Formware dashboard.