Overview #
WP Fluent Forms is the ultimate user-friendly, customizable drag-and-drop contact form builder for WordPress. With the ElementsKit Fluent Form, you can design Fluent Form from the Elementor page builder and customize it the way you want. Here’s a comprehensive article to explain every method in detail. Follow the step-by-step process to connect the Fluent Forms.
Step#1: Add Fluent Forms #
- Go to Elementskit-> Widgets-> Make sure that your Fluent Forms widget is active-> Save Changes.
![](https://help.wpmet.com/wp-content/uploads/2021/06/Add-fluent-form-1024x508.png)
- Now search for Fluent Forms-> Drag the widget-> Drop on the selected area.
![](https://help.wpmet.com/wp-content/uploads/2021/06/Fluent-Forms-drag-1024x503.png)
Step#2: Customize Fluent Forms #
- Select your Contact Form from the Drop-Down.
- You can see your selected contact form showing.
![](https://help.wpmet.com/wp-content/uploads/2021/06/Fluent-Forms-show-form-1024x529.png)
- Now enable Title & Description.
- Add Title and Description.
- You can see your Form Title & Description showing.
![](https://help.wpmet.com/wp-content/uploads/2021/06/Fluent-Forms-Title-1024x440.png)
- Enable Labels.
- Enable Placeholder.
- You can see your label and placeholder showing.
![](https://help.wpmet.com/wp-content/uploads/2021/06/Fluent-Forms-show-labels-1024x510.png)
- Enable Error Messages.
![](https://help.wpmet.com/wp-content/uploads/2021/06/Fluent-Forms-enable-error-message-1024x505.png)
- Go to your Site-> Submit your form without filling the Required Field.
- Now you can see the error message showing “This Field is required”.
![](https://help.wpmet.com/wp-content/uploads/2021/06/Fluent-Forms-show-error-message-1024x507.png)