Caldera Form 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.
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.
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 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.
The content tab having some handy sections and they will really get you to have a structure of the Caldera Widget.
In the step-2 under the title Caldera Forms, I’ve shown how to make a form using the Caldera Forms plugin.
Go to the Content tab > Layout > Select Form. If you want, you can add attributes in the Custom Attributes field.
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.
Styling with the Style tab in Elementor will always give you a fantastic experience.
Let’s have a look.
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.
Only go to the Style tab > Sub Label. Actually, here can add color and set typography
Simply, go to the Style tab > Input.
Style the Input Button and check all the controls. Especially, add a background color.
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.
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.
Finally, you, from this section, can set the button in full-width. Go to the Style tab > Additional.
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. Thanks.