Guides
  • Introduction to Sheet Monkey
  • Guides
    • Sending data to Google Sheets using HTML
    • Sending data to Google Sheets with vanilla Javascript
    • Submitting Webflow forms to Google Sheets
    • Submitting Carrd forms to Google Sheets
    • Special Fields
    • File uploads
    • Spam Protection
    • Notifications
    • Advanced workflows
    • Form Builder
      • Embedding forms in Webflow
  • Examples
    • Mailing Lists
    • Opt-In Forms
    • Surveys
    • Customer Support
  • Policies
    • What permissions are required to use Sheet Monkey
    • Privacy Policy
    • Terms & Conditions
  • ← Back to Sheet Monkey
Powered by GitBook
On this page
  • 1. Select the form you want to embed
  • 2. Copy the embed code
  • 3. Add an Embed element to your page in Webflow
  • Video of the steps
  • Any questions?

Was this helpful?

  1. Guides
  2. Form Builder

Embedding forms in Webflow

How to embed a form into Webflow in three steps

PreviousForm BuilderNextMailing Lists

Last updated 3 years ago

Was this helpful?

Sheet Monkey's free form builder requires that you have the Chrome Extension installed. If you haven't already installed the Chrome Extension, .

You can embed any form that you build with Sheet Monkey’s Form Builder by just copying and pasting our embed code into WebFlow. Let’s break that down into step by step:

1. Select the form you want to embed

Open the form that you want to embed by activating the extension. Once the form is open, select the “Share” link.

2. Copy the embed code

You can embed your form as an iFrame or HTML. The right method of embedding a form depends on your requirements:

  • Choose an iFrame if you don’t want to change the styles of the form you built or customize the HTML markup.

  • Choose HTML if you want to modify the markup of the form and override the default styles. Note: If you chose this method, you will need to recopy this snippet into your HTML each time you change the form.

Once you’ve configured your embed code, click “Copy” and open your Webflow editor.

3. Add an Embed element to your page in Webflow

Once you’re on the the correct page, click the add icon and find the Embed Component.

Paste the embed code that you received from the Form Builder into the box that appears and then click “Save & Close”

Your form should immediately appear in the editor. You can preview it and move it around like any other Webflow component.

Note that the embedded forms are also fully responsive for mobile devices and dark and light modes.

Video of the steps

Prefer visuals? Here's a video of the steps to embed a form in Webflow.

Any questions?

Login to your . Then open the designer for the selected Webflow project and open the page where you want to embed the form.

If you're still having trouble, please and we'd be happy to help.

Webflow account
get in touch with us
please start there
(Learn more about sharing forms.)