Multi-Step Form

Create Multi-Step form with Contact form 7 using this feature. You can hide label and style the progress bars.

    1

    Step One

    2

    Step Two

    3

    Step Three








    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]

    How to Setup

    Scroll to Top