Caldera Form widget will offer you some ready forms such as Contact form, Pricing form, Registration form, Booking form Service form, and Job application form. If needed, you can make a new form going to the dashboard of itself. It will be very handy. You know without doing the custom code you can’t style the form. But, if you use our Caldera Form Widget, you will be able to style the form easily. For that, you have to perform the steps following. So, let’s see how to do that.
Caldera Form
Follow the steps below.
Step-1: Since Caldera Form is a third-party plugin, you first have to install and activate the plugin.
Therefore, go to Dashboard > Plugins> Add New > search plugins (on the right side) > hit the Install and Activate to make the Caldera Form widget work.
Note: On the screenshot, you can see the active button. Because I installed the plugin earlier. But, if you install the plugin for the first time, you’ll discover the install button. Just hit the button and the next activate the button.
Step-2: Next, go to the Caldera Form> Forms> New Forms (choose Form, from the templates included ).
Importantly, you can create your own drag and drop WordPress form using the Blank Form option.
If you want to edit form anytime, you can do that easily. See the image example below.
Step-3: Go to Element Pack > 3rd Party Widgets> Caldera Form> hit the activate button > click on the Save Settings button.
weForm Widget: A way of presenting web form
The instructions and pictures detailed are here to help you get started.
To Insert Widget
Inserting widget, it is just a matter of dragging and dropping. As you see in the screenshot above.
Content Tab
The content tab having some handy sections and they will really get you to have a structure of the Caldera forms WordPress.
Layout
In the step-2 under the title Caldera Forms, I’ve shown how to make a form using the Caldera Forms widget by Element Pack.
Go to the Content tab > Layout > Select Form. If you want, you can add attributes in the Custom Attributes field.
Style Tab
Now, let’s work with Style Tab. The tab will confidently have you style the web content (text, image, video, etc.) of the page you require to design the Caldera Form widget.
Styling with the Style tab in Elementor will always give you a fantastic experience.
Let’s have a look.
Label
Just, go to the Style tab > Label.
From this section, you will be able to add color and set typography. Hit the globe icon and color pallet on the right side of the globe icon for the WordPress form.
Sub Label
Only go to the Style tab > Sub Label. Actually, here can add color and set typography
Input
Simply, go to the Style tab > Input.
Style the Input Button and check all the controls. Especially, add a background color.
Submit Button
In both the Normal and Hover tab, you will be able to beautify the submit button. And for that go to the Style tab > Submit Button.
Error
Go to the Style tab > Error.
Mainly, if you input any wrong information in the form, then after submitting the form. You’ll find an error message. Actually, you might style the error message from this section.
Additional Option
Finally, you, from this section, can set the button in full-width. Go to the Style tab > Additional.
Video Assist
In conclusion, in this documentation you’ve seen, you need to install the plugin first, next to activate the widget, and finally to insert the widget in the section. Be sure to check the demo page provided by Bdthemes.
Thanks.