Dynamic Multi-Step Form Generator

Create powerful, multi-step forms for Webflow with Airtable integration. Configure your form structure in Airtable and watch it come to life in real-time.

📚 View Documentation 📋 Get Airtable Template

Live Form Editor

Use the JSON editor on the left shows the form configuration output by the Airtable base. Submit the form to see updates in the Airtable base.

Form Config Input

[
  {
    "Field Name": "first_name",
    "Step": "1",
    "User Label": "First Name",
    "Field Type": "Text Box",
    "Placeholder": "Enter your name",
    "Required": "checked",
    "FormID": "contact_form_001",
    "Min Characters": "2"
  },
  {
    "Field Name": "email",
    "Step": "1",
    "User Label": "Email Address",
    "Field Type": "Email",
    "Placeholder": "you@example.com",
    "Required": "checked",
    "FormID": "contact_form_001",
    "Format": "Email"
  },
  {
    "Field Name": "business_type",
    "Step": "2",
    "User Label": "What type of business?",
    "Field Type": "Dropdown",
    "Options": "LLC, Corporation, Sole Prop",
    "Placeholder": "Select one",
    "Required": "checked",
    "FormID": "contact_form_001"
  },
  {
    "Field Name": "hear_detail",
    "Step": "3",
    "User Label": "Please specify",
    "Field Type": "Text Box",
    "Placeholder": "If you chose 'Other'",
    "Show If (Logic/Condition)": "hear_about = 'Other'",
    "FormID": "contact_form_001"
  },
  {
    "Field Name": "feedback",
    "Step": "4",
    "User Label": "Your Feedback",
    "Field Type": "Textarea",
    "Placeholder": "Tell us more...",
    "Show If (Logic/Condition)": "business_type = 'LLC' AND employees > 50",
    "FormID": "contact_form_001",
    "Max Characters": "500"
  },
  {
    "Field Name": "hear_about",
    "Step": "3",
    "User Label": "How did you hear about us?",
    "Field Type": "Dropdown",
    "Options": "Google, Friend, Other",
    "FormID": "contact_form_001"
  },
  {
    "Field Name": "employees",
    "Step": "2",
    "User Label": "Number of Employees",
    "Field Type": "Number",
    "Required": "checked",
    "FormID": "contact_form_001",
    "Min Characters": "1",
    "Max Characters": "10,000"
  }
]

Live Preview

Initializing form...

Dynamic Multi-Step Form Generator

Live Form Editor

Form Config Input

Live Preview

Airtable Base