Title: Multi-step Forms FREE (for Elementor) Author: kyriscodes Published: Febrer 26, 2020 Last modified: Juny 23, 2020 --- Search plugins This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://s.w.org/plugins/geopattern-icon/multi-step-forms-free-for-elementor. svg) # Multi-step Forms FREE (for Elementor) By [kyriscodes](https://profiles.wordpress.org/kyriscodes/) [Download](https://downloads.wordpress.org/plugin/multi-step-forms-free-for-elementor.zip) * [Details](https://bal.wordpress.org/plugins/multi-step-forms-free-for-elementor/#description) * [Reviews](https://bal.wordpress.org/plugins/multi-step-forms-free-for-elementor/#reviews) * [Installation](https://bal.wordpress.org/plugins/multi-step-forms-free-for-elementor/#installation) * [Development](https://bal.wordpress.org/plugins/multi-step-forms-free-for-elementor/#developers) [Support](https://wordpress.org/support/plugin/multi-step-forms-free-for-elementor/) ## Description 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 [⌊View of the Multi-step Forms FREE (for Elementor) widget in action.⌉⌊View of the Multi-step Forms FREE (for Elementor) widget in action.⌉[ View of the Multi-step Forms FREE (for Elementor) widget in action. ## Installation 1. Upload `/multi-step-forms-free/` to the `/wp-content/plugins/` directory or add it via the wordpress repository. 2. Activate the plugin through the ‘Plugins’ menu in WordPress. 3. Edit a page with Elementor Pro, add the “Multistep Form Basic” widget to your page, and design away. ## FAQ ### Do I need Elementor to run this plugin? Yes, the widget is coded to make use of Elementor’s powerful drag-and-drop abilities, making it easy and simple to use. ### Do I need Elementor Pro to run this plugin? Yes, Elementor Pro is a required library in order to run this plugin. ### Do I need to know how to code/use HTML/CSS/JS? Right out of the box, you do not need to know how to use HTML/CSS/JS, however, to make changes to the styling and color of the different parts of the form, some basic knowledge of CSS is required. ## Reviews ![](https://secure.gravatar.com/avatar/dcf8048ed19fd56cefbd9e6c75c95d166ce6131d10a14e18d1dab2b4fb6d87f6? s=60&d=retro&r=g) ### 󠀁[Fast and helpful response](https://wordpress.org/support/topic/fast-and-helpful-response-3/)󠁿 [Ivan Peacock](https://profiles.wordpress.org/ivanpeacock/) Març 23, 2020 Just wanted to say that working with Krystal on some issues we were unable to figure out has been such a relief. She has gone way above and beyond and, in spite of us being so needy for so much help, she is extremely patient! On top of everything, she has again went above and beyond by taking a look at our site and giving us some seriously valuable feedback and suggestions. We, at NRG Pulse, could not be happier with all of the assistance she has given and look forward to continuing working with her…as long as we are not too annoying for her!!! Thanks so much Krystal! – Ivan & Lisa at NRG Pulse [ Read all 2 reviews ](https://wordpress.org/support/plugin/multi-step-forms-free-for-elementor/reviews/) ## Contributors & Developers “Multi-step Forms FREE (for Elementor)” is open source software. The following people have contributed to this plugin. Contributors * [ kyriscodes ](https://profiles.wordpress.org/kyriscodes/) [Translate “Multi-step Forms FREE (for Elementor)” into your language.](https://translate.wordpress.org/projects/wp-plugins/multi-step-forms-free-for-elementor) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/multi-step-forms-free-for-elementor/), check out the [SVN repository](https://plugins.svn.wordpress.org/multi-step-forms-free-for-elementor/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/multi-step-forms-free-for-elementor/) by [RSS](https://plugins.trac.wordpress.org/log/multi-step-forms-free-for-elementor/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.2.4 * Added field for personalized message of the following error response: “This field is required” * Added field for personalized message of the following error response: “Max length is 15 digits.” * Added field for personalized message of the following error response: “This field doesn’t follow phone format” * Added field for personalized message of the following error response: “This field doesn’t follow email format” #### 1.2.3 * Fixed bug that caused phone fields to not validate properly * Added Select Dropdown Placeholder (optional) * Modified validation policy to only check a field when attempting to submit or after it is changed/loses focus * Fixed bug that caused email fields to not validate properly #### 1.2.2 * Fixed bug that caused radio buttons to be required, even when not required * Fixed bug that caused all checkbox values to show in email, even non-selected ones * Fixed bug that caused all select-boxes values set to multiple to show in email, even non-selected ones. #### 1.2.1 * Fixed bug that prevented custom button text for forward * Fixed bug that prevented custom button text for backward #### 1.2.0 * Fixed bug that caused Utils to not load properly * Fixed bug that caused shortcodes to de-populate after using the admin panel for some time * Fixed bug that caused forms to not submit while in a popup * Added queried post internal field to support #### 1.1.9 * Fixed bug that caused reply-to fields to not populate * Fixed bug that caused shortcodes to not populate * Fixed bug that allowed required multichoice questions / radios to be skipped and not properly validated. #### 1.1.8 * Fixed bug that caused the File Upload Field to not display field specific options * Added compatibility to the Upload Field for warnings and messages when a file is added that does not support base parameters #### 1.1.7 * Fixed bug that cause an error from get_post_id() to prevent the page from loading. #### 1.1.6 * Fixed bug that caused HQ Referral Link to cause page from preventing to load. #### 1.1.5 * Fixed bug that prevented Elementor from loading. #### 1.1.4 * Added support for Shortcodes * Fixed bug that prevented the captcha from submitting correctly. #### 1.1.3 * Bug fix for js preventing captcha from displaying correctly. #### 1.1.2 * Bug fix for js preventing submission on certain websites. #### 1.0.0 * Inital Release. * Added “Multistep Form Basic” widget * Fixed bug that caused the step tracker to wrap incorrectly ## Meta * Version **1.2.4** * Last updated **6 anys ago** * Active installations **20+** * WordPress version ** 5.0 or higher ** * Tested up to **5.4.19** * PHP version ** 5.6 or higher ** * Language * [English (US)](https://wordpress.org/plugins/multi-step-forms-free-for-elementor/) * Tags * [drag-and-drop](https://bal.wordpress.org/plugins/tags/drag-and-drop/)[editor](https://bal.wordpress.org/plugins/tags/editor/) [elementor](https://bal.wordpress.org/plugins/tags/elementor/)[landing page](https://bal.wordpress.org/plugins/tags/landing-page/) [page builder](https://bal.wordpress.org/plugins/tags/page-builder/) * [Advanced View](https://bal.wordpress.org/plugins/multi-step-forms-free-for-elementor/advanced/) ## Ratings 5 out of 5 stars. * [ 1 5-star review ](https://wordpress.org/support/plugin/multi-step-forms-free-for-elementor/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/multi-step-forms-free-for-elementor/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/multi-step-forms-free-for-elementor/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/multi-step-forms-free-for-elementor/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/multi-step-forms-free-for-elementor/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/multi-step-forms-free-for-elementor/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/multi-step-forms-free-for-elementor/reviews/) ## Contributors * [ kyriscodes ](https://profiles.wordpress.org/kyriscodes/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/multi-step-forms-free-for-elementor/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://teklovers.com)