Intro

In this short guide, I’ll outline the benefits of multi page forms for your website. On top of that I will present you with a multi page Contact Form, with the usage of the Gravity Forms plugin for WordPress.

In a nutshell, multi page contact forms can offer several advantages compare with single page contact forms:

  1. Improved User Experience: Breaking down a contact form into multiple pages can make it less overwhelming for users. People are more likely to engage with shorter forms, leading to higher completion rates.
  2. Better Organization of Information: Each page can focus on collecting specific types of information. This allows for better categorization and organization of the data you collect. For example, one page can focus on personal information, another on the nature of the inquiry, and another on additional details.
  3. Reduced Form Abandonment: Long forms can be daunting, leading to users abandoning them before completion. By dividing the form into smaller sections, users are more likely to proceed through each step, reducing abandonment rates.
  4. Progress Indicators: Multi-page forms can incorporate progress indicators, showing users how far they’ve come and how much is left to complete. This can motivate users to finish the form.
  5. Flexibility and Customization: Multi-page forms offer flexibility in terms of design and customization. You can tailor each page according to the specific information you need to collect, adding conditional logic or validation as necessary.
  6. More Insights: With multiple pages, you can gather more insights about user behavior. You can track where users drop off or spend the most time, allowing you to optimize the form for better performance.
  7. Mobile Optimization: Shorter forms are often more mobile-friendly. Mobile users may find it easier to navigate through a multi-page form compared to a long, scrolling form.

Note: While multi-page contact forms offer these advantages, it’s essential to strike a balance between dividing the form into manageable sections and not making it overly complicated. Too many pages or unnecessary steps can frustrate users and lead to abandonment.

Two Pages to collect personal user data

Let’s say our contact form would collect a number of personal details. My idea is to split the Contact Form into two pages.

Page 1: Personal Details

  1. Name (First Name, Last Name)
  2. Email Address
  3. Phone Number
  4. Company Name (Optional)
  5. Subject/Reason for Inquiry (Dropdown menu with options like General Inquiry, Customer Support, Sales, etc.)
  6. Message (Text area)

Page 2: Address and Extra

  1. Address (Street Address, City, State/Province, Postal/ZIP Code, Country)
  2. How did you hear about us? (Dropdown menu with options like Search Engine, Social Media, Referral, etc.)
  3. Are you a current customer? (Yes/No)
  4. Would you like to subscribe to our newsletter? (Yes/No)
  5. Captcha/Security Verification (optional)

Gravity Forms Setup Instructions

Gravity Forms is my favorite form builder plugin to date, due to its easy-to-use interface, and extensive API, which comes in handy from the developer’s perspective. I’ve used this plugin for several years already on nearly all client websites where there was Contact Form involved. Moreover, I’ve created several interesting articles for my readers, that extend the plugin beyond its default capabilities, say: https://wp-doin.com/gravity-front-end-login-register/

For this article, we’ll start with the Advanced Contact Form template. So,

  1. Navigate to Forms -> New Form and pick the Advanced Contact Form template (Picture #1).
  2. Remove redundant fields and introduce new fields using the Drag & Drop interface (Pictures #2 and #3).
  3. Introduce Page Breaks to split the content into two (Picture #4).

Gravity Forms Finished Form

To embed the form, use the Gravity Forms shortcode. See, the working example below.

Step 1 of 2

Your Name(Required)
Your Email Address(Required)

Get Gravity Forms At

 

 

WP doin dev & security
WP doin dev & security

Oh hi there 👋
It’s nice to meet you.

Sign up to receive WordPress tips in your inbox, every month.

I don’t spam! Read my privacy policy for more info.