It’s no secret we love Elemental here at WPLift. In fact, we use Elementor to control everything from our homepage to our contact forms. The last function I will focus on in this post is the Elementor Pro form builder.
Did you know that with Elementor Pro you probably don’t need a third party plugin? The Elementor Pro Forms widget allows you to install flexible forms (with integration) directly from the Elementor interface.
In our Elementor Pro Form Builder Hybrid Review/Guide we’ll guide you through everything this widget has to offer and show you how to use it.
Pro Form Designer Element Functions
Before we turn to the practical application of Elementor Pro Form Builder, let’s briefly go through some of its key features.
First of all, one of its key features is that it is integrated with the Elementor interface, which also means you have access to Elementor’s many design/style/layout options. I don’t think you’ll find a stand-alone shape plugin with the same robust design.
From here you can add more than 18 different field types:
- Text Zone
- URL ADDRESS
- Telephone number
- Radio buttons
- Select a list (drop-down list)
- Lists of flags
- Single checkbox (acceptance)
- Download the files
- Honeypot (prevents spam)
You can also split your forms into multiple pages to create multi-level forms, which is ideal for long forms.
To help you understand your forms, Elementor Pro has 12 integrations with popular email marketing and CRM services. If your instrument is not covered, there is also a Zapier integration trap that allows you to connect to one of the thousands of instruments on Zapier.
There are other interesting options. For example, you can receive notifications via Slack or Discord when someone fills out your form.
Speaking of notifications: You can also set up email messages sent to you and submission forms. You can also redirect users to a personalized thank-you page after submitting the form.
Finally, Elementor Pro’s Form Builder includes useful tools to protect your forms from spam. You can add invisible fields in the honeypot to intercept robots. And if you want even more protection, you can add the reCAPTCHA.
Come on, I’ll show you how it’s done. ….
Use of Elementor Pro Form Builder
In this section I’ll show you how to customize the Elementor Pro form widget. I assume you’ve already created the page you want to add the form to and opened the Elementor editor, but I’ll show you the rest of the steps.
1. Add a form widget
First drag and drop the Elementor Pro form widget to the place where you want the form to appear. By default, a simple contact form with three fields is created:
2. Configuring form fields and buttons
Then use the Form fields section in the widget settings to determine which fields will be displayed in your form.
You can choose from more than 18 different field types and determine the order of the fields by dragging and dropping. If you expand the field parameters, options are available to customize the field type, label, requirement, and so on.
You can also use this field to customize multi-column forms. If you z. For example, if you set the width of the Name column to 50% and the width of the Last name column to 50%, you can have both in the same row:
For a form with one level, you can simply arrange the fields in the desired order. But if you have a long shape, you can split it into several steps. You can do this by adding a Step field in which you want to divide the shape into different parts. The levels above the playing field are displayed on the first page, the levels below on the second page. You can also add multi-step fields to divide your form into even more pages:
You can also use the button settings below to adjust the Send button. For a multi-level form, you can also use the Step-by-step settings pane to customize multi-level behavior.
3. Customizing the design of Form
Then you can use the usual Elementor style options to check the design of your form. As with any other Elementor widget, you have many options for creating the perfect design with pixel-for-pixel precision. On the Advanced tab, you can also configure features such as motion effects and custom positioning:
4. Definition of post-shipment action
Now we come to one of the most flexible parts of the Elementor Pro Form Builder: the settings for post-submission actions in the Content tab. This allows you to check what happens after a user has submitted your form.
You can do this:
- Set up one or more email notifications.
- Implement integration with email marketing/CRM services.
- Login on Zapier.
- Set custom diversions after the user has submitted the form.
- Send reports to Slack or Discord.
- Open a popup window (which you can design using the Elementor Pro Popup Builder).
To start, click in the Actions box after sending to expand the list of actions:
Then select the action you want to add.
After adding an action you will get a new control panel where you can configure this action. For example, you can see here that I’ve added five actions, and I’ve added five new sections of settings below:
Each type of action has its own parameters. If you z. For example, if you set up an email action, you can edit the text of the email, include the field information from the email, and so on.
On the other hand, when you add a Mailchimp action, you can choose which Mailchimp list you want to add people to. Or, for a redirect, you can choose which URL you want to redirect users to.
When you’ve set up all your activities, you’re almost done! Publish the page and enjoy your new form.
Best of all, you could configure everything without leaving the Elementor interface.
Forms for items per price
Elementor Pro Forms is part of the main Elementor Pro plug-in. You get it at no extra cost and also have access to all the other useful features of Elementor Pro.
Elementor Pro has three licensing plans:
- 1 plot – 49
- 3 locations – 99
- 1,000 sites (in principle unlimited) – $199.
To find out more about everything Elementor Pro has to offer, read our full Elementor review.
Newest ideas for Pro Elementorforms
Overall, I think Elementor Pro Form Builder is an excellent tool for several reasons:
- He can do everything most people need, especially in combination with the integration of Zapier.
- If you are already using Elementor, this will save you the purchase and/or installation of a separate form plugin. This saves you money, simplifies installation and avoids compatibility problems.
- You can create your own forms without leaving the convenient Elementor interface.
It lacks some of the things advanced form builders offer (such as conditional logic). However, for most people who use forms, it contains everything you need in a very convenient package.
If you are already using Elementor Pro, try the form widget today. Otherwise click below to buy Elementor Pro and get started.
Buy Elementor Pro