Are you looking to add a contact form to your website? Every website needs a contact form. Whether you’re starting a blog, building a local business, or opening an online store, a contact form is a valuable addition to your site. Without one, you’ll be missing out on the opportunity to generate a ton of leads and sales for your business.
If you’re new to WordPress you might be wondering, how do I add a contact form to my site? Don’t worry. We can help you.
In this post, we’ll provide you with step-by-step instructions on how to easily add a contact form to your WordPress site, and you don’t have to know a thing about code.
Why Do You Need a Contact Form for Your Website?
Maybe you’re wondering why you need a contact form at all? Adding your email address and phone number on your website might seem easier to you, so can’t you do that?
This is a very common question we get from beginners because it seems like the simpler, more obvious, choice. But it’s actually super easy to create a contact form. And there’re a number of other reasons why having a contact form on your website is a much better choice.
In fact, here are the top 3 reasons why adding a contact form to your site is the best option:
- Convenient and Quick – Not everyone wants to draft an email to you, look you up on social media, or call you on the phone. A contact form provides your customers or email subscribers with a quick and easy way to contact you. A contact form will save time for both your customers and for you.
- Added Security – If you post your email address on your website for everyone to see, you’ll start getting a bunch of unwanted spam emails. A contact form will keep your email inbox safe from spammers. If they can’t see your email address, they can’t steal it.
- Consistent Information – If you leave it up to users to email you, you won’t receive all the information you need. With a contact form, you can tell users exactly what information you need such as their budget, their website URL, their address, etc.
Now that you’re ready to add a contact form to your WordPress website, let’s get started.
In this tutorial, we’ll show you how to create a contact form for your WordPress site similar to the one below:
After following the simple instructions for creating the contact form above, we’ll also show you how to add it to your website page.
Ready to go? OK, let’s dive in!
Step 1: Download WPForms
The first step to adding a contact form to your WordPress site is to download a contact form plugin. Although there’re several free and paid WordPress contact form plugins you can choose from, we recommend WPForms because it’s the most user-friendly contact form plugin available.
With WPForms, anyone can quickly create an amazing contact form in just a few clicks using the drag and drop builder. And you can add it to your website without having to deal with any code. Plus, it’s got a ton of other cool features.
So, for this tutorial we’ll use WPForms.
To begin, log into your WordPress dashboard and go to Plugins » Add New.
In the search box near the top, type in “WPForms” and then click on the Install Now button.
After the WPForms is installed, don’t forget to activate the plugin.
Now that you’ve installed and activated the WPForms plugin, we’re ready to move on to the next step.
Step 2: Create a Contact Form in WordPress
The WPForms plugin is ready to go. Now you can start creating your first contact form in WordPress.
In your WordPress dashboard, click on the WPForms menu and go to Add New.
This will open up WPForms’ drag and drop builder.
Start by giving your contact form a name at the top of the screen and then select your contact form template. For this tutorial, we’ll choose the Simple Contact Form Template.
After selecting the Simple Contact Form template, WPForms will automatically create a simple contact form for you.
As you can see in the image above, the simple contact form already includes a field for name, email and a text box for users to add a comment or message. But if you want to add any extra fields to your contact form, you can do so here.
For instance, if you want to add a Website/URL field, simply click on the desired field on the left-hand panel and drag it over to your contact form on the right-hand panel.
Drag the fields into any order from here, you can also edit the text of any field by clicking on the field you wish to alter. A panel will then open where you can edit the name of the field and description if you wish.
Once you’re done customizing your contact form, click the orange Save button in the top corner to save your progress.
Next up, we’ll look at how to configure your simple contact form settings.
Step 3: Configure Your General Contact Form Settings
Go to Settings » General
In the General Settings area, you can configure the following:
- Form Name: Rename your form if you want, or name it now if you didn’t earlier.
- Description: Give your contact form a description.
- Submit Button Text: Change the copy for the submit button.
- Spam Prevention: The Enable Anti-Spam Honeypot feature is automatically enabled on all WordPress forms to prevent your contact form from being filled out by spammers. But if you want to use another form of spam protection, you can enable it if you wish.
- GDPR Enhancements: To comply with GDPR (General Data Protection Regulation) requirements, you can disable the storing of entry information and user details such as IP addresses.
Once you’re done configuring the General Settings, click Save and move on to the next step.
Step 4: Configure Your Form Notification Settings
Next you’ll want to configure your form notification settings.
Notifications are a useful feature. Every time a user submits an entry on your contact form, you’ll receive an email notification about it.
The default notifications are perfect for beginners. WPForms dynamically fills out the fields for you. The notifications, by default, are sent to the Admin email you started your WordPress account with.
But, if you want your notifications to go to a different email address you can change that in the Send To Email Address field.
Additionally, if you want notifications to be sent to multiple email accounts you can add each of them in, separated by commas.
The Email Subject is also automatically generated for you with your form name. This will help you recognize the emails that arrive in your inbox as contact form entries.
The From Name field will also be automatically populated by the name users fill out in the contact form.
Here you can also use the smart tag feature to send a notification to the user that their entry has been submitted successfully.
Step 5: Configure Your Form Confirmation Settings
Next click on the Confirmation button to configure your form confirmation settings.
Form confirmations is what your website visitor sees once they’ve submitted the form. WPForms provides you with a default confirmation message but if you want to change it to something more personal, then edit the default copy.
You can also change your confirmation type from the default message option to either the Show Page option, which will direct users to another page on your website. There’s also the Go To URL (Redirect) option if you want to send visitors to a different website.
Once you’re happy with your confirmation settings, click Save.
Step 6: Add Your Contact Form to Your WordPress Site
Now that you’ve finished creating your contact form, it’s time to add it to your website.
To add your new contact form to your WordPress site, click on the </>Embed button right next to the Save button.
A window will popup that will display a shortcode. Simply copy that shortcode and paste it into any page of your website. You can add it to any existing page of your website by editing the page and pasting the code in. Or, add a new page in WordPress and paste the shortcode there.
Once the shortcode for your contact form is pasted where you want it, hit the Publish button.
Now your contact form will appear on your website!
Congratulations! Now you’ve got a sleek contact form that people can use to contact you.
We hope you enjoyed learning how to create a contact form for your WordPress site. For more tips and insights on building a website, keep following our blog!