How to Use Caldera Form Widget

How to Use Caldera Form Widget

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.

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 PluginsAdd 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 WidgetsCaldera 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 Widget.

Layout

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.

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. 

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.

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. Thanks.


About Selim Rana

Selim Rana is the Founder of BdThemes - the company behind Element Pack Pro! He is a Software Engineer passionate about WordPress and Elementor.


Enjoy Black Friday Exciting Deals Right Now. Grab The Deals Before The Time Ends!

Day
Hour
Min
Sec