Products

Education

Resources

Company

Support

Products

Education

Resources

Company

Support

Help Centre

How can we help?

Search Docs

ON HOLD: How to use pre-filled fields in FramerForms

ON HOLD: How to use pre-filled fields in FramerForms

ON HOLD: How to use pre-filled fields in FramerForms

If you already have some data about the form beforehand, you can pre-fill the fields in the URL so users don't have to enter it themselves. Pre-filled field data is added using URL parameters. URL parameters are a pairs of names and values attached to the end of the URL with a ? before and & as a separator between parameters.

For example, "framerforms.com/form?name=John&color=Red&age=27" would fill the "name" field with "John", the "color" field with "Red", and the "age" field with "27".

Pre-filled fields are not required to be included in the URL, so if a field has pre-filling enabled but it's parameter name is missing from the URL, then it will use its default value.

You can enable pre-filling on every field type except consent fields, because consent field checkboxes are generally used for terms and conditions or email marketing permissions and must be checked by the user to be considered legally valid.

To enable pre-filling fields on a form field:

  1. in the Input window within the plugin, scroll down to URL Data Collectors and select 'URL Parameter'.

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!