Useform
Framer

How to add a form to a Framer website

Embed a form in your Framer website in just a few minutes.

Create your free form

Embed a form in your Framer website

1

Create a form for Framer on Useform

First, create a form on Useform. If you don't have an account, you can create one for free. Once your form is created, enter the Editor.

Create a form for Framer on Useform
2

Save your form

Start tweaking your form. Add fields, change the colors, etc. Once you're happy with your form, save it and copy the embed code.

Save your form
3

Copy the embed code for Framer

When you're ready to add your form to Framer, go to the Connect tab.
Then, scroll to the Embed your form section and click on Copy to clipboard to copy the code.

Copy the embed code for Framer
4

Insert into Framer website

Now, let's go into your Framer editor. On the page you want to add the form, click on Insert.
In the search bar, search for Embed. Select the embed component and drag-it onto your website.

Insert into Framer website
5

Paste the HTML code

In the right panel, on the Embed options, click on Type: HTML.
You can now paste your code into the HTML input.

Paste the HTML code
6

You're done!

You're done, now click on Publish to see your edits live. You'll see the form live on your website.

You're done!

Ditch your bloated form builder and
focus on what matters the most.

Create a form, embed it into your website and share it with your clients, in minutes.

Get started for free