How To Create An Engaging Multi-page Form in WordPress (Step-by-step)
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
- 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.
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.
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
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.
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’.
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.
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.
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.
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
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
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.