How to Use weForm Widget

element Pack

How to Use weForm Widget

This documentation is all about the weForm 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.

weForms

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 Blank Form option.

Step-3: Go to Element Pack > 3rd Party Widgets> weForms> hit the activate button > click on the Save Settings button.


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 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 will genuinely get you to have a structure of the weForms Widget.

Layout

In the step-2 under the title weForms, 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.



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.

Form Fields

This section will allow you to set 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.

Submit Button

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.

Section Break

Go to the Style tab > Section Break.

Video Assist:

To sum up, it seems that you’ve read this article and found 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.


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.


Up to 50% OFF

Missed The Black Friday offer this year? Get up for flat 50% discount right now.