Table Of Contents

WP Forms widget

How to use WP Forms widget

The WP Forms widget is a versatile form builder tool for Elementor. It’s one of the many important form builders we use inside our website every day.

This is a 3rd party widget in Element Pack and was integrated to provide for our consumers. Let’s see how you can use it.

Configuring WP Forms

installing WP Forms widget

Step-1

First, go to Dashboard> Element Pack> 3rd Party Widgets> and find the Wp Forms widget. Click on the download icon to install it.

Note: WP Forms is a Freemium tool, both the Lite & Pro version works with Elementor.

12 - BdThemes

Step-2

After installing, you will find the WPForms option inside your dashboard. Go inside and click on the Add New button to create a new form.

13 - BdThemes

Step-3

You will be redirected to a new window where you will see form settings on the left side and layout options in the middle. Give a name to your WordPress forms and select custom (Blank Form) or pre-made forms (Contact form, signup form).

14 - BdThemes

Step-4

Once the selection is done, on the next tab, you can add or remove items manually on the visual form builder. Each item is designed as boxes. Just drag it inside the form building area to implement.

15 - BdThemes

Step-5

In the next section, you can add CSS style or change the messages for complete submission.

Additionally, you can add Marketing and Payments options on the WordPress form maker. Just keep in mind that these options will only work on the Pro version.

Inserting widget

2.1 - BdThemes

Go to the Elementor page editor’s widget menu and search for the WP Forms widget. Then drag it inside the page.

Difference between WP Forms Global & Element Pack version

Element Pack boosts its name due to the feature that enables any non-customizable widget to become customizable.

That’s right!

Any widget under Element Pack is loaded with a ton of customizations. The WP Forms widget isn’t an exception.

Original WP Forms widget

1 14 - BdThemes

Just the form selecting option and Advanced option for the page.

WP Forms EP version

3 5 - BdThemes

Form selection option, Style tab for customizations, and the Advanced option.

Content tab

1 4 5 - BdThemes

On the Content tab, you get the Layout section where you need to select your form.

Here, we selected the form we just made from the dashboard.

Style tab

Now, this part is for customizing the form’s appearance. You can change a number of aspects starting from colors to borders.

It’s divided into six sections. Each one for different items of the content area.

Label

Go to Style> Label

5 6 - BdThemes

Change color and typography of the labels on your form.

Sub label

Go to Style> Sub Label

6 3 - BdThemes

Color and typography options for the sub-labels.

Input

Go to Style> Input

7 2 - BdThemes

In this section, you can change the color of the input text as well as input fields. The field’s width and spacing are also customizable. You may add paddings or border radius as well.

Submit Button

Go to Style> Submit Button

8 1 - BdThemes

This section is for customizing the submit button. You can set its color for both active and hover modes. Set border-radius and padding to change the overall shape of the WP Forms widget.

Error

Go to Style> Error

1 9 - BdThemes

Customize the color and typography of the error message upon invalid form submission.

Additional Option

Go to Style> Additional Option

10 - BdThemes

Lastly, you can create a full-width submit button on the form.

That’s it!

11 - BdThemes

Your WordPress forms are now ready.

Conclusion

If you are still stuck, please watch this quick video on the WP Forms widget. Visit the demo page for more examples, provided by Bdthemes.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 30-days money-back guarantee.

Cyber Monday Sales Are Giving up to ~75% Price Off!! on our products | Coupon: CM2022

The Cyber Monday 2022 deal is already here. Grab all BdThemes products at the maximum discounted price, only limited within the event days. Prices went as low as 75% so if you are not buying, you are losing a lot. Just the right time to get the best discounts on the best vacations. 

Wait!! Don't miss ~75% Black Friday Discounts

You have been saving for months to get the best bang for your buck in this Black Friday 2022. This is why we made sure to lower the price to get us a cup of coffee but for you, it will be all the game changer plugins. Have another look at the deal page before you go.

Need any assistance? Call Us:+880 1700 55 95 95
Copyright © 2022 BdThemes. All Rights Reserved.