Multi-step Forms FREE (for Elementor)
Multi-step Forms FREE (for Elementor) simplifies the process of creating multistep forms so easily that it’s as simple as one, two, three. Add the “Multistep Form Basic” widget to your page. Set your page breaks (or where each page should begin) by adding pagebreaks (select from the ‘field type’ dropdown). 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 {}”
Top keywords
- elementor12×5.08%
- multistep12×5.08%
- elementor multistep10×4.24%
- selector10×4.24%
- selector elementor10×4.24%
- selector elementor multistep10×4.24%
- page8×3.39%
- form5×2.12%
- button4×1.69%
- css4×1.69%
- step4×1.69%
- button selector3×1.27%
Rife Extensions & Templates for Elementor
Are you looking for beautiful Elementor templates for your site? Glad you have found this plugin. We bring you well designed & responsive templates for your landing pages. Check templates live here. Current templates are: Pile – (New!)nice looking Elementor template prepared especially for an Architecture Studio but, it also great for developers. Loma – excellent template for use on a personal website where you can describe you Resume and your portfolio. Shore – is a perfect template for presenting your company or product. It also works great as a landing page or one page!. Ava – also works great when creating a description of your company, but you can also use it to prepare About us page. Bold – Bold is another universal Elementor template that you can use for any purpose. Additionally, a plugin has a special writing effect widget for Elementor. You can see it used in our templates. Writing effect offers you to create titles that are half static, and half written as user scrolls to it. You can achieve with it very interesting effects, of animated text. It can be found under name “Writing Effect Headline” in “Basic” Widgets in Elementor edit screen. This plugin requires Elementor page builder plugin to be active. Credits & Copyright Typed.js, Copyright 2014 Matt Bold Licenses: MIT Source: https://github.com/mattboldt/typed.js
Top keywords
- elementor6×2.73%
- templates5×2.27%
- page4×1.82%
- template4×1.82%
- bold3×1.36%
- effect3×1.36%
- writing3×1.36%
- writing effect
