1
Choose the field structure
Start with the form itself. Add the field types you need, choose labels and helper copy, and decide how the layout should be organized.
From setup to shipped.
Build, style, connect, export. One path, no rebuilding.
Google Sheets only
Use this path when the only goal is to send submissions into a sheet.
Google Sheets only
Use this path when the only goal is to send submissions into a sheet.
2
Style the form system
Tune the design layer inside the same builder. Adjust spacing, radius, color, padding, and button treatment so the exported result stays aligned with the preview.
3
Turn on the behavior you need
Turn on Google Sheets in the builder because this setup only needs sheet delivery.
4
Copy the Framer component code
Once the structure, styling, and behaviors are ready, copy the generated Framer component code and paste it into Framer.
5
Paste the App Script code into Google Sheets
Copy the generated App Script code and paste it into Google Sheets Apps Script.
6
Publish the script URL and paste it back
Deploy the Apps Script, copy the published URL, and paste that URL back into the Google Sheets field in the builder.
Webhook only
Use this path when the form should send data directly to your backend or automation tool.
Webhook only
Use this path when the form should send data directly to your backend or automation tool.
1
Choose the field structure
Start with the form itself. Add the field types you need, choose labels and helper copy, and decide how the layout should be organized.
2
Style the form system
Tune the design layer inside the same builder. Adjust spacing, radius, color, padding, and button treatment so the exported result stays aligned with the preview.
3
Turn on the behavior you need
Turn on webhook delivery in the builder because this setup only needs a webhook destination.
4
Copy the Framer component code
Once the structure, styling, and behaviors are ready, copy the generated Framer component code and paste it into Framer.
5
Paste the webhook URL into the builder
Copy your webhook endpoint and paste it into the webhook field so submissions route directly there.
Google Sheets + webhook
Use this when the same form should write to Sheets and also send the payload to a webhook.
Google Sheets + webhook
Use this when the same form should write to Sheets and also send the payload to a webhook.
1
Choose the field structure
Start with the form itself. Add the field types you need, choose labels and helper copy, and decide how the layout should be organized.
2
Style the form system
Tune the design layer inside the same builder. Adjust spacing, radius, color, padding, and button treatment so the exported result stays aligned with the preview.
3
Turn on the behavior you need
Turn on both Google Sheets and webhook because this setup needs both destinations active at the same time.
4
Copy the Framer component code
Once the structure, styling, and behaviors are ready, copy the generated Framer component code and paste it into Framer.
5
Paste the App Script code into Google Sheets
Copy the generated App Script code and paste it into Google Sheets Apps Script.
6
Publish the script URL and paste it back
Deploy the Apps Script, copy the published URL, and paste that URL back into the Google Sheets field in the builder.
7
Paste the webhook URL into the builder
Paste the webhook endpoint into the webhook field so the same form also sends the payload to your backend or automation flow.
OTP on top of any path
OTP is an add-on layer. It can sit on top of a Sheets flow, a webhook flow, or both together.
OTP on top of any path
OTP is an add-on layer. It can sit on top of a Sheets flow, a webhook flow, or both together.
1
Choose the field structure
Start with the form itself. Add the field types you need, choose labels and helper copy, and decide how the layout should be organized.
2
Style the form system
Tune the design layer inside the same builder. Adjust spacing, radius, color, padding, and button treatment so the exported result stays aligned with the preview.
3
Turn on the behavior you need
Turn on the base delivery you need first, then enable OTP verification only if this path needs the extra verification layer.
4
Copy the Framer component code
Once the structure, styling, and behaviors are ready, copy the generated Framer component code and paste it into Framer.
5
Complete the base delivery setup
Finish the normal Google Sheets path, webhook path, or both together depending on where the form data should go.
6
Paste the OTP webhook URL
Copy the OTP webhook or OTP service URL and paste it into the OTP field. This is the only extra integration step on top of the base path.