How To Create An Engaging Multi-page Form in WordPress (Step-by-step)


How to create Multi-page forms
0

Last Updated on October 13, 2020 by Yetty

There are so many reasons why you might need a multi-page form on your website. Among this is a need for registration forms, suggestion forms, newsletter sign up forms, contact forms, landing page forms, Job application forms, Survey forms, and the list goes on!

If you are like me, I totally dread filling out long forms! The truth is if I am given a long-form as an example a long-paged survey to fill out, I most definitely will not do it! I just scan it to the very end and move on to the next thing! So I imagine most people will not as well. Hahaha! For me, when I see a long-paged form physical or online, it feels as if I am going to spend hours filling it out! This is one quick way for you as a website owner looking for rapid conversions to lose out.

Luckily, there is a way to fix this issue and break up any type of form into short pages easily. Just like when you have a project and split it up into individual tasks, it becomes less overwhelming. It has been proven that people tend to fill out forms that are shorter. Interestingly, you still have all sections of your form filled when it is broken into pages. This is the power of perception! It looks shorter, I fill it…It looks long, I vamoose!

Now, let’s take a look at some of the benefits of using a Multi-page form.

  • Rapid conversion: People take action on shorter surveys, period!
  • Collect only needed information: Using conditional logic, you can have conditional fields on your WordPress website. This is when you make use of Conditional fields, prompting that only pages relevant to a response are shown!
  • Encourage engagement and focus: Multi-page forms are shorter; hence you have the related questions grouped. This makes it easier for people to focus and give the best response to each grouped question

How To Create A Multi-page form in WordPress

Step 1- Download the WP Forms Pro plugin

  • Go to wpforms.com to get started with a 50% discount!
  • Click on ‘Get WP Forms’
  • Choose a plan and click on ‘Get started’
  • Make your payment and download the plugin from your Downloads page of your WP Forms account
get WPForms
WPForms plans
  • Go to your WordPress dashboard and click on ‘Plugins’ then ‘Add New’
  • Click ‘Upload Plugin’, click ‘choose a file’ and upload the WP Forms folder you got from your account on wpforms.com
  • Install and activate it by verifying your purchase using the license key found in the Downloads page of your WP Forms account.
plugins

#Don’t have a blog/website yet? Click here to learn how to start one

Next, click on ‘WP Forms’, and then ‘Add New’. For this example, I am going to be creating a ‘simple contact form’.  On the setup dashboard, type in your form name in the form name box and choose your template.

The Simple contact form is created in the drag-and-drop form builder, with lots of customization options. All you need to do is drag fields from the left section and drop it on the right section to insert it in the form. Feel free to rearrange and delete as needed.

This post may contain affiliate links. I may receive a small compensation when you click on links to those products or services at no cost to you. Please read my disclaimer for more details.

wpform simple sontact

You get more complex form templates with the WP Forms Pro. Some of these forms include;

  • Survey forms
  • Registration forms
  • Landing page forms
  • Poll forms
  • Job application forms
  • Request a quote form

It is quite understandable that because of the nature of these types of forms, they require in-depth questions to be asked. Subsequently, you will need to break them into multi-pages to encourage conversions from your audience.

Step 2- Create Multi-pages in your form

After you are done with all customizations and have successfully created your ‘long’ form. It is time to split it up into multi-steps.

To do this, drag the page breaker from the left and drop it where you want a split in the form on the right.

Repeat the process anywhere you want a split in the form

wpforms page break

Step 3- Customize the Progress Bar

I know that when I am filling out survey forms, I always look towards the end by checking out the progress bar. WP Forms gives you that option to integrate a progress bar in your forms.

Additionally, you can also switch on the previous page button. I have filled forms that had no previous page option, which I found annoying at times. However, you get this option with WP forms. This allows ease of navigation by your users.

WP Forms progress bar

Step 4- Configuration of Form settings

Well, every application or tool needs to be tweaked to suit one’s needs. So for you to do that with your forms, you need to configure the settings. Start by clicking on ‘general’. You then get the option to configure settings such as;

  • The Form name
  • Form description
  • The Form CSS class
  • Submit button text
  • Enable anti-spam
  • Enable Ajax
  • GDPR Enhancements etc

After configuring, make sure to click ‘save’.

WP Forms configure

Step 5- Configure Your form notifications and confirmations

Notifications allow you to stay informed about any form submissions on your website. The default setting allows you to receive notifications when this happens. However, you can switch it off if you like.

Additionally, the notification can be set up for both parties. You can also set it up to send the user a notification that the form submitted was received and inform them they will get a response back soon.

WP Forms notification

Similarly, you can configure the confirmation settings that show form users that their forms have been processed once they click the final submit button. With WP Forms, there are 3 types of confirmations for you to make a choice.

WP Forms confirmation

Step 6- Integrate Form to Your Website

Whew! Now that you are done with creating, customizing, and configuring your form, it is time to add it to your website.

#Don’t have a blog/website yet? Click here to learn how to start one

WP Forms gives you several areas on your website to add your form. You can add to pages, sidebar widgets, and blog posts. I will talk about placing in pages/blog posts in this article.

Let’s get started! LOL!

  • Create a new page or post in WordPress or update an existing one
  • Click on the ‘plus’ sign just below your title heading
  • Scroll down and click on ‘widgets’
  • Choose WP Forms
  • Click on ‘Select form’ and select your form from the drop-down
WP Forms

To save your changes, click on ‘Publish’ if it is a new post or page or ‘Update if it is an existing post or page

WP Forms publish

Ta-daaaah! and you are done creating a Multi-page form for your website. Easy right? You just created an engaging multi-page form on your website that is guaranteed to get your audience to take action. This will ultimately increase your conversion rate and is all thanks to WP Form.

Spread the love

Leave a Reply

Your email address will not be published. Required fields are marked *

© 2020 Smarty Whiz · All Rights Reserved.