1. Home
  2. Docs
  3. Xpro Elementor Addons
  4. Free Elementor Widgets
  5. WP Form

WP Form

Xpro WP Form for Elementor

Xpro Elementor Addons provide a wide range of widgets for a number of purposes, allowing developers to construct a visually appealing website. The Xpro Wp Form widget for Elementor is a free widget that lets you install and style a third-party plugin. Drag and drop the widget to customize it for your website.

Add any kind of form through the WP Form plugin. Install and create a WP Form to customize it the way you want. Attract visitors to your Form by customizing and making it appealing.

How To install Xpro WP Form for Elementor

Requirement

You need to install and activate the free version of Xpro Elementor Addons. If you already have the plugin installed, just make sure the Button Widget is ‘Enabled’, so you can find it in the Elementor editor.

To enable the widget, simply follow these steps:

Step 1

Click on the Xpro Addons option available on the WordPress Dashboard Menu.

Step 2

From the Xpro Addons Dashboard, click on the Widgets Tab, find the WP Form widget, and finally, toggle the button ON to enable it.

How To Use Xpro WP Form for Elementor

Install and activate the WP Form in your WordPress dashboard. Make a form and save it so that you can later style and include it on your website. Customize the form display with a wide range of styling options. WP Form by Xpro Elementor is totally free and allows you to personalize fields, typography, hover effects, and more. Let’s further discuss how can you style a form using this widget.

Step 1

Click on the Xpro Addons section available in the Elementor Editor.

Step 2

From the Xpro Addons section, simply drag’n’drop the WP Form widget on your desired page location.

This is the default view of the widget after you drag and drop it into the page.

How to Add a WP Form to the Webpage

Click on “Select a Form” to choose which saved form you want to add to the webpage.

How to Add a New Form to Xpro WP Form Widget

You can also create a form by clicking on “+ New Form”. After you click this option, the WP Form page will open from where you can create and add a form to the webpage.

How to Style Xpro WP Form widget for Elementor

Personalize the typography of the text which will be written in the field by the users. Change font, size, spacing, and overall style of the text. You can also color the text and background of the normal field, as well as alternative colors for when the user enters certain fields.

You can also create a border for the fields by selecting the border type. There are five diverse kinds of borders to pick from. There are several border styles to choose from, including solid, dashed, grooved, dotted, and double. Change the border’s color, width, and radius as well.

How to Style the Label in Xpro WP Form Widget

The label in the form can be styled by customizing its text through typography where you can change the font, size, and much more. Color the text as well as the required symbol. Adjust its padding and margin.

How to Style Sub Label in Xpro WP Form Widget

Style the typography of the sub-label and choose a color for the text. Adjust its margin to the fields.

How to Style Description in the Xpro WP Form Widget

Perform the same styling options as the description that we previously did with the sub-label. Style typography, color, and margin.

How to Style the Button in Xpro WP Form Widget

Start the button customization by styling the text typography and position the button with the alignment option. Adjust the width of the button from the Button Width option. Color the text and background for normal and hover state.

To add a border to the button, select the border type. Change its width, radius, and color. You may also add a shadow from the shadow box and control its position and blurriness.

Best WP Form widget for Elementor

This was all from our Elementor WP Form widget by Xpro. We hope you completely understand the functionality and feature usage of this amazing Xpro Elementor widget. Make full use of this widget to create a beautiful form and gather more visitors. Check our Contact Form for Elementor that does not require any third-party plugin to create a contact form.

Xpro Elementor Addons offer a wide range of widgets, Elementor theme builder, and templates that help designers develop an attractive site. Check our 50+ free Elementor addons which are enough to create a professional WordPress website.

How can we help?