Contact Form 7 Multi-Step Forms

With Contact Form 7 Multi-Step Forms addon, you can easily create multistep form with Contact form 7. Just fill up the form below to understand the feature.

    1

    Step One

    2

    Step Two

    3

    Step Three








    Want to use this feature on your WordPress Site?

    Glimpse of Backend Editing Panel (Click to Enlarge)

    How to Setup

    Are you looking for Premium / Pre-built Skins for Multi step form?

    Premium skin for multi-step forms. Users will be able to select any design skin to a multistep form, and it will generate a pre-design form to a contact form.

    Copy the Sample Code of the Above Form

    [uacf7_step_start uacf7_step_start-901 "Step One"]
    <label> Your name
        [text* your-name] </label>
    
    <label> Your email
        [email* your-email] </label>
    [uacf7_step_end]
    [uacf7_step_start uacf7_step_start-902 "Step Two"]
    <label> Subject
        [text* your-subject] </label>
    
    <label> Do you need an appointment?
        [select* menu-663 include_blank "Yes" "No"] </label>
    
    [uacf7_step_end]
    [uacf7_step_start uacf7_step_start-903 "Step Three"]
    <label> Your message (optional)
        [textarea your-message] </label>
    
    [submit "Submit"]
    [uacf7_step_end]
    
    Scroll to Top