This documentation is all about the weForms widget by Element Pack and the widget will provide you a few Templates such as Default, Registration, Application, Request, Event, Feedback, Employment, Payment, Reservation Templates, and so on. weForms is a third-party plugin that will meet your all demands as to the web form.
Here, with the detailed pictures, I’ll guide you on how you can show web form on your website using the widget mentioned above.
Step-1: Since weFoms 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 on the Install and Activate.
Step-2: Next, go to the weForms > Add Form (choose Form, from the templates included ).
Importantly, you can create your own drag and drop form using the Blank Form option.
Step-3: Go to Element Pack > 3rd Party Widgets> weForms> hit the activate button > click on the Save Settings button to activate the WordPress form builder plugin.
weForm Widget: A way of presenting web form
The step-by-step instructions and detailed pictures are here to help you get started.
To Insert Widget
Inserting the widget is just a matter of dragging and dropping. As you see in the screenshot above.
The Content Tab having some handy sections will genuinely get you to have a structure of the weForms Widget. Use this tab to shape your form builder plugin as you like.
In step-2 under the title weForms widget, I’ve shown how to make a form using the weForms 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 the Style Tab. The tab will confidently have you style the web content (text, image, video, etc.) of the page you require to design with the weForms widget.
Styling with the Style tab in Elementor will always give you a fantastic experience.
Let’s have a look.
This section will allow you to set the form field layout. Simply, go to the Style tab > Form Fields and check all the controls as you can see in the screenshot.
Form Fields Label
In this section, you’ll be able to determine Margin, Label and Help Text Typography, Label Text Color, Required Label Color, Help Text Color.
Just go to the Style tab > From Fields Label.
Here, you can set your submit button width, position, text color, background color, Typography, and many more. Look at the screenshot and come to the Style tab > Submit Button.
Go to the Style tab > Section Break.
To sum up, it seems that you’ve read this article and found it very useful. If you want to know more about the widget, you can watch the video on weForm Widget by Element Pack and also go to our demo page.