kyriscodes

<p>Multi-step Forms FREE (for Elementor) simplifies the process of creating multistep forms so easily that it’s as simple as one, two, three.</p>
<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>
<p>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.</p>
<h3>CSS Styling Information for Advanced Users</h3>
<p>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.<br />
– <strong>All button and label text, except for the warning text</strong>. “selector .elementor_multistep_free *:not(.multistep-warning) {}”<br />
– <strong>Forward button</strong>. “selector .elementor_multistep_free .multistep-button-controls-forward {}”<br />
– <strong>Backwards button</strong>. “selector .elementor_multistep_free .multistep-button-controls-backwards {}”<br />
– <strong>Submit button</strong>. “selector .elementor_multistep_free .multistep-button-controls .multistep-submit {}”<br />
– <strong>All page steps</strong>. “selector .elementor_multistep_free .step {}”<br />
– <strong>Current page step</strong>. “selector .elementor_multistep_free .step.active {}”<br />
– <strong>All step super wrapper</strong>. “selector .elementor_multistep_free .current-page-tracker {}”<br />
– <strong>Space between buttons/steps and last form field on page</strong>. “selector .elementor_multistep_free .multistep-button-controls-spacer {}”<br />
– <strong>Page</strong>. “selector .elementor_multistep_free .page_break_class {}”<br />
– <strong>Warning text for failed validation</strong>. “selector .elementor_multistep_free .multistep-warning {}”</p>


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.

Saiful Islam

Fazle Bari

B.M. Rafiul Alam

CodeAstrology IT Firm

UltraAddons

<p><strong>UltraAddons for Elementor</strong> is a feature-rich addon library for the Elementor Page Builder. It provides unique widgets, ready-made templates, and powerful tools to build complete websites easily using drag & drop — no coding required.</p>
<p>Create stunning pages in just a few clicks. UltraAddons works with any WordPress theme and plugin, offering advanced customization, flexible display conditions, and useful extensions.</p>
<h3>⭐ Features</h3>
<ul>
<li>85+ Full Page Templates  </li>
<li>500+ Ready-to-use Blocks  </li>
<li>Add Custom Fonts (Free)  </li>
<li>Logical Widget Conditions (Show/Hide widgets by condition)  </li>
<li>Custom Header for any page or entire site  </li>
<li>Custom Topbar for announcements or offers  </li>
<li>Custom Footer for any page or entire site  </li>
<li>Display Elementor Page / Section / Template anywhere using shortcode (example: <code>[UltraAddons_Template id='123']</code>)  </li>
<li>Many ready widgets  </li>
<li>Woo Product Table with design, typography and styling controls  </li>
<li>Wrapper Link for section/column/widget  </li>
<li>Hover animation for any section/column/widget  </li>
<li>Advanced Heading with color & typography controls  </li>
<li>Advanced Button with color & typography controls  </li>
<li>Advanced Slider with dynamic content and pre-built templates</li>
</ul>
<h3>🚀 500+ READY BLOCKS AND 85+ READY PAGES</h3>
<p>Use our pre-made sections and templates to create your site quickly and professionally.</p>
<h3>📌 Demo (selected)</h3>
<ul>
<li>Advance Heading — Advance Heading widget  </li>
<li>Button — Powerful button widget  </li>
<li>Counter — Animated counter widget  </li>
<li>Count Down Timer — Countdown timer  </li>
<li>Step Flow — Info box for services or process steps  </li>
<li>Hotspot — Product hotspots  </li>
<li>Icon Box — Icon with text box  </li>
<li>Testimonial Box — Beautiful testimonial display  </li>
<li>Team Box — Team member display  </li>
<li>Card — Profile or product card  </li>
<li>Skill Chart — Display skills/statistics  </li>
<li>Post Timeline — Timeline post view  </li>
<li>Work Hour — Display working hours or official hours  </li>
<li>News Ticker — Display notices or news  </li>
<li>Moving Letters — 15 animation styles for text  </li>
<li>Dual Color Heading — Attractive dual-color headings  </li>
<li>Timeline — Company or personal timeline  </li>
<li>Accordion — FAQ or information accordion  </li>
<li>Animated Headline — Animated heading styles</li>
</ul>
<p>👉 View All Demos: https://ultraaddons.com/widgets/</p>
<h3>🛒 WooCommerce</h3>
<ul>
<li>Product Categories  </li>
<li>Product Grid  </li>
<li>Product Table  </li>
<li>WooCommerce Products widget  </li>
<li>Products Carousel  </li>
<li>Products Flip</li>
</ul>
<h3>📝 Forms</h3>
<ul>
<li>Contact Form 7 integration  </li>
<li>WPForms integration  </li>
<li>Formidable Forms integration  </li>
<li>Caldera Forms integration</li>
</ul>
<h3>📊 Charts</h3>
<ul>
<li>Bar Chart  </li>
<li>Line Chart  </li>
<li>Pie Chart  </li>
<li>Polar Chart  </li>
<li>Doughnut Chart  </li>
<li>Mixed Chart  </li>
<li>Radar Chart</li>
</ul>
<h3>✨ Extensions</h3>
<ul>
<li>Wrapper Link — link any element.  </li>
<li>Hover Effect — add hover effects to elements.  </li>
<li>CSS Transform (Pro) — advanced transforms (Pro).  </li>
<li>Animation Effect (Pro) — advanced animations (Pro).  </li>
<li>Background Overlay — overlay effects.  </li>
<li>Ultra Effect (Pro) — advanced visual effects (Pro).  </li>
<li>Gradient Text — gradient color effects on text.</li>
</ul>
<h3>Header & Footer Builder</h3>
<p>To replace or add to your theme’s default header/footer using Elementor templates:</p>
<p><strong>Step 1:</strong> Create an Elementor template: <code>Dashboard <span aria-hidden="true" class="wp-exclude-emoji">→</span> Elementor Template <span aria-hidden="true" class="wp-exclude-emoji">→</span> Add New</code> (create as Page template).<br />
<strong>Step 2:</strong> Go to <code>Dashboard <span aria-hidden="true" class="wp-exclude-emoji">→</span> UltraAddons <span aria-hidden="true" class="wp-exclude-emoji">→</span> Header Footer</code> and choose your template for header/footer.</p>
<h3>Shortcode: <code>[UltraAddons_Template id='template_id']</code></h3>
<p>Use this shortcode to display any Elementor page/section/template anywhere (widgets, posts, Gutenberg blocks). Example: <code>[UltraAddons_Template id='123']</code> — here 123 is the POST_ID of the Elementor template.</p>
<p><strong>🥇 CONTRIBUTE</strong><br />
You are welcome to contribute to this project. Fork the repository on GitHub.</p>
<p><strong><em>Credits</em></strong><br />
* Owl Carousel v2.3.4 — https://github.com/OwlCarousel2/OwlCarousel2<br />
  License: https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE<br />
* jQuery countTo — https://github.com/mhuggins/jquery-countTo<br />
* jQuery.Appear.js — https://github.com/morr/jquery.appear<br />
* jQuery.barfiller.js — https://github.com/9bitStudios/barfiller</p>


UltraAddons for Elementor

Free widgets, Custom Fonts, Custom CSS, Anywhere Elementor Shortcode, Header & Footer Builder, Menu Builder, WooCommerce Widgets.

Multi-step Forms FREE (for Elementor) vs UltraAddons for Elementor