Divi Multistep Contact Form

Transform the standard Divi Contact Form into a modern, user-friendly multi-step form your users will love.

Add as many steps as you’d like and design them to match your theme, including progress bars, step counters and more.

Membership to the WP Creator’s Club is Now Closed.

  • $60/year pricing available only to the first 250 Founding Members
  • Membership includes instant access to all WP Creator’s Club products (including this one) PLUS all future products developed under the WP Creator’s Club brand
  • Once the Founding Member round is over, pricing for new members returns to the standard $97/year. Founding Members lock in their rate for the life of their membership.
  • For more information, click here.

Features

  • Create Unlimited Form Steps
  • Auto Next feature: Enable Auto Next to automatically move users to the next step once all required fields in the current step have been successfully completed, without the user having to manually click the ‘next’ button
  • Display a Progress Bar, Form Step Names or Nothing
  • Easily Integrate into Existing Forms
  • Fully Customizable to Match Your Design
  • 100% Compatible with all Divi Builders

Changelog

1.6.4

  • Added ability for shortcodes to be used within the form steps.
  • Cleaned up code.

1.6.3

  • Improved variable checking for custom events that are triggered when moving between steps. Streamlined specific functions.

1.6.2.1

  • Fixed: responsive font size options for "next" and "back" buttons.

1.6.0

  • New: Introduced custom javascript events that fire when moving between steps (in either direction) that contain the following information:
    • direction: the direction the user is moving (either 'next' or 'back')
    • destinationStepID: the step ID the user is moving to with zero (0) being the first step.
    • time: the time/date the event occurred.

1.5.5

  • Improved: Improved error handling and error message clean up when expected values are entered into fields.

1.5.4

  • Fixed: Fixed bug where pressing the 'enter' key on paragraph text area inputs attempted to submit the form rather than inserting a new line.

1.5.3

  • Improved: Improved accessibility by changing the way completed form steps are hidden.
  • Fixed: Adjusted CSS for last step so 'back' button aligns with 'submit' button.

1.5.2

  • Fixed: Fixed bug where certain checkbox or radio input fields sometimes failed validation.

1.5.1

  • Fixed: Fixed bug where pressing enter to move on to the next step sometimes displayed 2 steps at once.
  • Fixed: CSS bug that caused long form steps to push other content further down the page when hidden.

1.5.0

  • New Feature: 'Auto Next'. A new toggle named 'Auto Next' was added under the 'Elements' toggle on the Contact Form module. When enabled, when a user completes all required fields on a step, the form will automatically move them to the next step without the user having to physically click the 'next' button.

1.4.2

  • Rewrote error handling and included of display of field errors to better assist users with correcting any errors.

1.4.1

  • Improved field validation handling for check boxes.

1.4.0

  • Added: New toggle to hide or display the step title under the progress bar/step counter.

1.3.5

  • Adjusted: Updated documentation link to include link to new doc site.

1.3.4

  • Fixed: Fixed bug where required email addresses weren't being validated correctly when using Divi 4.0 before moving onto the next step in the form.

1.3.3

  • Adjusted: Update for Divi 4.0.

1.3.2

  • Adjusted: Optimized multistep form output.

1.3.1

  • Fixed: Fixed bug introduced by Divi's new contact form spam protection that caused the form submissions to fail when multistep features were enabled.

1.3.0

  • New: Introduced new option to control the scroll offset (in pixels) when users navigate between steps in the form if you have scrolling to the top of the form feature enabled.

1.2.0

  • New: Added feature to include Step Instructions for each step in the form with the ability to customize the output of the text.
  • New: Added ability to customize Step Title style.
  • Adjusted: Moved Step color options to the 'Design' tab instead of the 'Content' tab.

1.1.0

  • Adjusted: Refactored and streamlined code. Extracted the plugin update function to the new WP Creator's Club Authenticator plugin to handle all product updates.

1.0.1

  • Adjusted: Updated button CSS controls.

1.0.0

Initial Release!

The Most Popular

WordPress Theme 

In The World 

And The Ultimate WordPress Page Builder

This product requires the ultra-powerful Divi WordPress theme. It’s arguably the most popular WordPress theme in the world (and the ultimate WordPress page builder). Click the link below to check out Divi for yourself. 

Note: the following button is an affiliate link, which means if you purchase a product through my link I may compensated at no additional cost to you.