Everybody loves step form, its a great and catchy way to grab information from customer. It not just increase your customer interest in filling form but it also make website look good.

Typeform is an example of success of these forms.

So how to do we create step form in WordPress ? Well We going to cover today this in this blog post.

We all love Contact form 7  and we going to create multi-step form today using it.

First thing first lets we install and activate Contact form 7 and once we do this it automatically creates one form for us and this is how it looks like

 

So lets we finalise some fields first, this is what we going to create.

Step 1 – Fields

  •  Are you currently working with agency ? – Radio button

Step 2 – Fields

  • How can we help ? – Select

Step 3Fields

  • Whats your company name ? – Text Field
  • Whats your title ? – Text Field

Step 4 – Fields

  • What your budget ? – Select

Step 5 – Fields 

  • Name
  • Email
  • Phone

So fast forward let me create these fields and save it. and now this is how it shows to me

So Now we have to add Steps and that the catch, I recently found a very good plugin which simply does the trick, that’s Contact Form 7 Multi Step. Its simple yet powerful plugin.

So I installed and activated it. and it shows me a new button here on contact form now which is Step.

and once I click on this, I can simply add Steps

So thats what I simply have to insert between sections I want to have steps. and now lets see front end.

 

and thats how it shows on front end. Nice Right ? Yes indeed. So thats how you can create multistep form. Give it a try and let us know what you think. We have reduced prices of our WordPress Maintenance Plans go check them out.

 

 


Write a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.