Multi-step Forms FREE (for Elementor)

A simple plugin that streamlines the creation of multistep (or multiple page) forms to an…

Author:KryisCodes (profile at wordpress.org)
WordPress version required:5.0
WordPress version tested:5.4.6
Plugin version:1.2.4
Added to WordPress repository:26-02-2020
Last updated:23-06-2020
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
Rating, %:100
Rated by:1
Plugin URI:http://multi-step-forms-free
Total downloads:3 860
Active installs:50+
plugin download
Click to start download

Multi-step Forms FREE (for Elementor) simplifies the process of creating multistep forms so easily that it’s as simple as one, two, three.

  1. Add the “Multistep Form Basic” widget to your page.
  2. Set your page breaks (or where each page should begin) by adding pagebreaks (select from the ‘field type’ dropdown).
  3. Add your form questions, and hit save!

Make use of Elementor Pro’s built in functions to send emails, process webhooks, and/or redirect the user after the form is complete, seamlessly integrating the form into the look and feel of your website. From contact, to help forms, we’ve got you covered.

CSS Styling Information for Advanced Users

The following are just a few examples of the CSS classes that you can style. Put all CSS changes in the Advanced > Custom CSS section when editing the widget.
– All button and label text, except for the warning text. “selector .elementor_multistep_free *:not(.multistep-warning) {}”
– Forward button. “selector .elementor_multistep_free .multistep-button-controls-forward {}”
– Backwards button. “selector .elementor_multistep_free .multistep-button-controls-backwards {}”
– Submit button. “selector .elementor_multistep_free .multistep-button-controls .multistep-submit {}”
– All page steps. “selector .elementor_multistep_free .step {}”
– Current page step. “selector .elementor_multistep_free .step.active {}”
– All step super wrapper. “selector .elementor_multistep_free .current-page-tracker {}”
– Space between buttons/steps and last form field on page. “selector .elementor_multistep_free .multistep-button-controls-spacer {}”
– Page. “selector .elementor_multistep_free .page_break_class {}”
– Warning text for failed validation. “selector .elementor_multistep_free .multistep-warning {}”

Screenshots
FAQ
ChangeLog