How to Use WPForms with Elementor

To use WPForms with Elementor, you can follow these steps:

1. Install and Activate WPForms:
   • If you haven’t already, install and activate the WPForms plugin on your WordPress website. You can do this by navigating to “Plugins” > “Add New” in your WordPress dashboard, searching for WPForms, and then clicking “Install Now” and “Activate.”
2. Create a Form with WPForms:
   • After activating WPForms, go to “WPForms” > “Add New” to create a new form.
   • Choose a form template or start with a blank form.
   • Customize the form fields and settings according to your requirements.
   • Once you’re done, save the form.
3. Edit Your Page with Elementor:
   • Now, you can edit the page or post where you want to display the WPForms form using Elementor.
   • Click on the “Edit with Elementor” button to launch the Elementor editor.
4. Add the WPForms Widget:
   • In the Elementor editor, search for the “WPForms” widget in the Elements panel. You can also find it under the “Widgets” > “General” category.
   • Drag and drop the WPForms widget into your desired section or column on the page.
5. Select Your Form:
   • Click on the WPForms widget to open its settings.
   • In the Content tab of the settings panel, you’ll see an option to select the form you created with WPForms.
   • Choose the form you want to display from the dropdown list.
6. Customize Settings (Optional):
   • Customize the appearance and behavior of the WPForms widget using the available settings. This may include options to change the button text, alignment, and other settings.
7. Preview and Publish:
   • After configuring the WPForms widget, click the “Preview” button to see how the form looks on the page.
   • Make any necessary adjustments.
   • Finally, click the “Publish” button to make your changes live on your website.
8. Test Your Form:
   • Once your form is published, test it to ensure that it functions correctly.
   • Fill out the form and submit it to verify that submissions are being processed as expected.

By following these steps, you can easily integrate WPForms with Elementor and add forms to your WordPress website created with Elementor. WPForms is a powerful form builder plugin that allows you to create various types of forms, from simple contact forms to complex surveys and payment forms, making it a valuable addition to your Elementor toolkit.