How can I prefill an Airtable form embedded in a Webflow page using URL parameters?

To pre-fill an Airtable form embedded in a Webflow page, you can use URL parameters appended to the form URL. Airtable automatically populates fields if the field names match parameter keys.

1. Get the Airtable Form URL

• In Airtable, go to your Form View.
• Click Share form and copy the public URL.
• Example: https://airtable.com/embed/shrAbCdEfG12345

2. Identify Field Names

• Airtable uses the exact field name (case-sensitive and space-sensitive) as the parameter key.
• For fields like First Name, the parameter is ?prefill_First%20Name=

3. Construct the URL with Prefill Parameters

• Use the format:
  AirtableFormURL?prefill_Field1=value1&prefill_Field2=value2
• Example:
  https://airtable.com/embed/shrAbCdEfG12345?prefill_First%20Name=John&prefill_Email=john@example.com

4. Embed This URL in Webflow

• Drag an Embed element onto your Webflow page (or use a link block/button).
• Set the iframe's src to your Airtable form URL with the prefill parameters.
• Example embed src:
  https://airtable.com/embed/shrAbCdEfG12345?prefill_First%20Name=John&prefill_Email=john@example.com

5. Dynamically Populate from Webflow (Optional)

• If you're pulling Webflow CMS data, you can insert dynamic text in the embed URL using Webflow CMS bindings.
• Example within Webflow Embed:
• https://airtable.com/embed/shrAbCdEfG12345?prefill_Email={{email}}
• Replace {{email}} with the actual CMS field in Webflow (via the +Add Field panel).

Summary

To prefill an Airtable form in Webflow, append ?prefill_FieldName=value to the Airtable embed URL and either set it statically or dynamically with Webflow CMS data. Use the exact field names from Airtable and ensure proper URL encoding for spaces and special characters.