Products

Courses

Resources

Company

Support

Products

Courses

Resources

Company

Support

Help Centre

How can we help?

Search Docs

How to create a new form in Framer

How to create a new form in Framer

How to create a new form in Framer

Add a form from the FramerForms plugin

  1. Open the Plugins menu from the bottom of the canvas

  2. Open the FramerForms plugin.

  3. Click 'New Form', and select either 'Single Page Form' or 'Multi-Step Form'

  4. A form will auto-insert onto your canvas


Add form inputs

  1. Add any form inputs you wish into your form by simply clicking on any options. These will be added automatically

Now you have a new form with a few inputs and a submit button!

Connect your form to a destination

Select the form as a whole, and connect it to either an email, a webhook or Google Sheets spreadsheet.

Make a multi-step form (additional)

You can also create a multi-step form with multiple pages, previous and next buttons for navigating pages, and conditional logic.

Find the steps for that here.

FramerForms – Build powerful, interactive forms inside Framer.

Framer Forms power ups for pros

Unparalleled form-building with FramerForms. Multi-step forms, file uploads, conditional logic & more!

FramerForms – Build powerful, interactive forms inside Framer.

Framer Forms power ups for pros

Unparalleled form-building with FramerForms. Multi-step forms, file uploads, conditional logic & more!

FramerForms – Build powerful, interactive forms inside Framer.

Framer Forms power ups for pros

Unparalleled form-building with FramerForms. Multi-step forms, file uploads, conditional logic & more!