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.

Crafthemes

Extend your elementor pagebuilder with 13+ extra elegant addons and counting. With 50+ ready made blocks easily import demos from our pre made blocks and build your website in a flash.
<a href="https://www.elegantaddons.com/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">Check Our Demos</a>
<h3>Completely Customizable</h3>
All our addons are fully Customizable and fully flexible.
<h3>Content Widgets</h3>
Currently Elegant addons for elementor offers
<ul>
<li><a href="https://www.elegantaddons.com/advanced-button/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">Advanced Button</a> : Customize your button with different types of button animations and gradient options. The button also supports onClick event options.</li>
<li><a href="https://www.elegantaddons.com/fancy-divider/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">Fancy Divider</a> : Make your section divider awesome with advanced fancy divider. Fancy divider offers interactive animation effects along with gradient options.</li>
<li><a href="https://www.elegantaddons.com/fancy-title/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">Fancy Title</a> : Fancy title offers various designing options to make your title more attractive.</li>
<li><a href="https://www.elegantaddons.com/animated-headline/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">Animated Headline</a> : Catch your site visitor’s attention by adding animated headline on your website.</li>
<li><a href="https://www.elegantaddons.com/call-to-action/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">Call To Action</a> : Advanced call to action features multiple layout options to give your site unique design.</li>
<li><a href="https://www.elegantaddons.com/icon-box/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">Icon Box</a> : Showcase your services and features with elegant advanced icon box.</li>
<li><a href="https://www.elegantaddons.com/lightbox/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">LightBox</a> : Lightbox addon features multiple onClick popup options including image and video. Lightbox support onClick trigger event on button, icon and image.</li>
<li><a href="https://www.elegantaddons.com/team-member/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">Team Member</a> : Customize your company members list with our Team Member widget. Our Team member widget supports Member Image, Name, Occupation, description and Social Media options.</li>
<li><a href="https://www.elegantaddons.com/portfolio-gallery/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">Portfolio Gallery</a> : Showcase your portfolio with our advanced portfolio gallery widget. Our Porfolio gallery is customizable with many different options and fields.</li>
<li><a href="https://www.elegantaddons.com/post-grid/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">Post Grid</a> : Use Post Grid addon to showcase your blog posts.</li>
<li><a href="https://www.elegantaddons.com/sider/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">Slider</a> : Elegant Slider offers numerous customizarion options that can be effective to make your custom slider or basic slider. Elegant Slider supports gradient overlay, content animation and many more features.</li>
<li><a href="https://www.elegantaddons.com/sider/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">Tesimonial Slider</a> : Showcase your testimonials with Elegant Tesimonial Slider. Elegant testimonial slider features multiple custmization fields to make your testimonials look awesome. Testimonial slider also offers star ratings for testimonials.</li>
<li><a href="https://www.elegantaddons.com/contact-form-7/?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">Contact Form 7</a> : Create a contact form using Contact form 7 plugin and customize the entire form styling from Eae Contact Form 7 addon.</li>
</ul>
More coming soon…

Elegant Addons for elementor

The most advanced frontend drag & drop page builder. Create high-end, pixel perfect websites at record speeds. Any theme, any page, any design.

Multi-step Forms FREE (for Elementor) vs Elegant Addons for elementor