WPForms is the best drag and drop form builder plugin for WordPress. It lets you create any type of Divi Contact Form, such as contact forms, registration forms, download forms, and more, in just a few clicks.
WPForms comes with over 1,200 pre-built form templates, so you don’t have to create a contact form from scratch. You can add or remove any form field and customize it however you want. And you don’t need any coding knowledge to do it.
All contact forms you create with WPForms will be 100% responsive, so they’ll display beautifully on any screen size. There’s even a built-in spam protection option so you can prevent spam and fraudulent form submissions on your site.
With over 6 million active installs, chile phone number library WPForms is loved by all types of businesses around the world. If you’re a Divi user and want to add stunning contact forms to your website, you can use WPForms as well.
Here are some reasons why you should create your Divi contact form with WPForms:
- Easy to use and configure
- Advanced form notifications and confirmations
- File upload and content submission functionality
- Integrated form submission management system
- Email Marketing Integration to Grow Your Email List
- Form abandonment option to capture partial form entries
- Ecommerce Form Fields and Payment Options
And the good news is that there is a WPForms module in the Divi Builder. So you can easily add the contact form you created with WPForms to your website.
Plus, you can use WPForms on any WordPress site, with or without Divi. If you decide to stop paying for Divi, the forms you created with WPForms will remain intact on your site.
With that said, let’s learn how to create a contact form with WPForms + Divi.
Step 1: Install and Activate the WPFroms Plugin
First, you’ll need to sign up for a WPForms account .
WPForms offers flexible pricing plans designed to meet the needs of all types of businesses. You can choose a plan that suits your business, and there’s a lite version available for free.
Once you’ve signed up, you’ll be able to access your WPForms dashboard. You’ll find the plugin file along with its license under the Downloads tab .
You need to install this plugin file on your WordPress site. For more details on this, see our guide on how to install a WordPress plugin .
Once you have installed and activated WPForms on your website, 9 seo ranking factors worth studying navigate to the WPForms » Settings tab in your admin dashboard.
Here you will need to enter the license key and click on the Verify Key button .
Next, you will see the successful verification message. Now you can start creating your contact form using WPForms.
Step 2: Create a contact form
To create a new form, go to the Add New tab in your WordPress dashboard. This will open the template library, where you can search for a contact form template that’s right for your website.
For this tutorial, we’ll start with the Simple Contact Form template . This template includes all the basic form fields you’ll need for a contact form, such as name, email, and message. You can also preview any of the other templates to see which one works best for you.
Enter a name for the contact form and click the Use Template button on the form template of your choice.
On the next screen, you’ll see WPForm’s drag-and-drop form builder. All the form fields are on the left side, and the form preview is on the right side of the page.
You will find a wide variety of useful form fields such as numbers, dropdown, multiple choice, file upload, rating, rich text and more.
To insert a form field, simply drag it from the left side and place it in the form preview.
If you want to customize any of these form fields, you can click on them and you will see the field options. There are options to change the form label, description, required, and other additional options depending on the form field.
Once you’ve added all of the required fields to your Divi contact form, click the Save button at the top of the form builder.
Next, you’ll need to configure your form settings, notifications, and confirmations.
Step 3: Configure form settings
To change your form settings, open the Settings » General tab in the left menu panel of the form builder. Here, you can change the form name, form description, submit button text, and more.
On the next tab, called Spam Protection and Security, there is an option to enable spam protection for your website. This will also help you set up Google reCAPTCHA for your contact form .
Next, to create automated email notifications, go to the Settings » Notifications tab to set up email notifications for your Divi contact form. You’ll see that there’s a default notification that’s sent to the admin email address.
You can add multiple email addresses or click the Add New Notification button to send more than one form notification.
With this, you can notify yourself and your team members about new form submissions, send submission details to customers, and more.
If you want more information on this, american samoa business directory check out our guide on How to Set Up the Correct Form Notifications and Confirmations .
Similarly, WPForms lets you decide what happens after a user submits their contact information on your site. Go to the Settings » Confirmations tab and you’ll see the option to choose the confirmation action.
This way, you can display a personalized thank you message on the front-end after the user clicks the submit button. Or, choose redirect options to send users to a different page on your site or an external URL.
Once you have completed your form settings, be sure to click the Save button .
Now that your contact form is ready, you can insert it into your website using the Divi Builder.
Step 4: Add the WPForms Module to Divi
To add this contact form to any page or post, open the Divi Builder and choose a row layout like we did for the Divi Contact Form module.
The only difference here is that you will need to look for the WPForms module .
Once you insert the WPForms block, you’ll see settings to choose the contact form you just created. There are also options to display the title and description of the contact form.
You can even change the design and style of your contact form with the Divi Builder. Once you’re happy with the look of your Divi contact form, click the checkmark button on the right.
Step 5: Publish your Divi contact form
The final step is to publish your contact form. To do this, click the three-dot button at the bottom of the Divi Builder.
Next, you will see the different options like zoom, responsive view, and more. On the right side, there are two buttons: Save Draft and Publish.
Click the Publish button to publish the page and contact form to your WordPress website.
You’ve successfully created a contact form using Divi and WPForms . While Divi offers a contact form module, it lacks some features like file upload, entry management, and email list integration.
With WPForms, you can easily solve these problems. It’s packed with features and functionality that help you create all types of contact forms, from basic to professional.
WPForms also allows you to create WordPress forms for any purpose, depending on your needs. You can create order forms, event registration forms, subscription forms, and more.
And that’s it for today! We hope this tutorial helped you learn how to create a Divi contact form in WordPress with ease.
If you want more help with WordPress forms, check out these resources:
- How to Create an Event Registration Form in WordPress
- 8 Best Email Capture Tools and Form Builders for WordPress
- How to Easily Reduce Form Abandonment
These posts will help you register users on your WordPress forms and grow your email lists. The latter will help you reduce abandonment rates on your form and improve your conversions.
