kyriscodes

Multi-step Forms FREE (for Elementor) simplifies the process of creating multistep forms so easily that it’s as simple as one, two, three.
<ol>
<li>Add the “Multistep Form Basic” widget to your page.</li>
<li>Set your page breaks (or where each page should begin) by adding pagebreaks (select from the ‘field type’ dropdown).</li>
<li>Add your form questions, and hit save!</li>
</ol>
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.
<h3>CSS Styling Information for Advanced Users</h3>
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 {}”

Multi-step Forms FREE (for Elementor)

A simple plugin that streamlines the creation of multistep (or multiple page) forms to an easy drag-and-drop through the power of Elementor Pro.

dragdropr

DragDropr is a What-You-See-Is-What-You-REALLY-Get visual editor.
It lets you effortlessly create, edit, and design content for your website, webshop, or any other web content in the most intuitive manner: dragging and dropping. It’s also the only universal visual editor, which means it’s compatible to any CMS you might be using: WordPress, WooCommerce, TYPO3, Magento, Shopify, Lightspeed and many more.
The best part about DragDropr? You don’t need to be a designer or an expert in any software to use it! It’s so easy to use, and it’s definitely fool-proof.
Let’s sum up all benefits of DragDropr:
<ul>
<li>DragDropr is the only universal visual editor that supports any CMS (WordPress, TYPO3, Magento, Shopify, Lightspeed and many more).</li>
<li>It is a “What-You-See-Is-What-You-REALLY-Get” visual editor that creates fully responsive content. </li>
<li>You don’t need prior coding or design experience – it’s effortless to use! </li>
<li>DragDropr offers 200 pre-built content blocks you can use however you like</li>
<li>DragDropr also creates 100% genuine HTML code so you can continue using your template even after you’ve unsubscribed. </li>
<li>By using the browser extension (only available for Google Chrome) you can edit your pages from anywhere – without having to login to the backend of your CMS and navigating to a certain page first.</li>
</ul>

DragDropr – Visual Drag & Drop Page Builder

DragDropr is a What-You-See-Is-What-You-REALLY-Get visual editor.

Multi-step Forms FREE (for Elementor) vs DragDropr – Visual Drag & Drop Page Builder