How to Create a Contact Form in WordPress (Step by Step)

Are you looking to create a contact form and add it to your WordPress site?

Every website needs a contact form, so visitors can easily contact you about your products and services. By default, WordPress does not come with a built-in contact form, but there is an easy way to add contact forms to your site.

In this article, we’ll show you how to easily create a contact form in WordPress without touching a single line of code.

How to create a contact form in WordPress (step by step)
How to Create a Contact Form in WordPress (Step by Step) 1

Why Do You Need a WordPress Contact Form?

You might be wondering why do I need a contact form? Can’t I just add my email address on my website, so people can email me?

That’s a very common question from beginners because they are afraid that adding a contact form requires coding knowledge.

Luckily, you can use a WordPress plugin to simply add a contact form to your WordPress website with zero coding knowledge.

Below are the top 3 reasons why a contact form is better than pasting your email address on a page.

  • Spam Protection – Spam bots regularly scrape websites for the mailto: email address tag. When you post your email address on the website, you will start to receive a lot of spam emails. On the other hand, your contact form can block contact form spam and stop almost all spam emails.
  • Consistent Information – When emailing, people don’t always send you all the information that you need. With a contact form, you can tell the user exactly what information you’re looking for, like their phone number, budget, project details, and more.
  • Saves Time – Contact forms help you save time in more ways than you can imagine. Aside from consistent information, you can also use form confirmations to tell the user the next steps they should take. Like, watch a video or wait up to 24 hours to get a response, so they don’t send you multiple inquires.

With that said, let’s show you how to easily create a contact form in WordPress, step by step.

Step 1. Choosing the Best WordPress Contact Form Plugin

The first thing you need to do is choose a WordPress contact form plugin.

While there are several free and paid WordPress contact form plugins you can choose from, we use WPForms on our site and believe it’s the best option in the market.

Below are the three reasons why we think WPForms is the best:

  1. It is the most beginner friendly contact form plugin available. You can use the drag & drop builder to easily create a contact form in just a few clicks.
  2. WPForms Lite is 100% free, and you can use it to create a simple contact form (over 6 million sites use it).
  3. When you are ready for more powerful features, then you can upgrade to WPForms Pro.

To learn more, see our detailed WPForms review.

Now that we have decided on the contact form plugin, let’s go ahead and install it on your site.

Step 2. Install a Contact Form Plugin in WordPress

For this tutorial, we’ll use WPForms Lite because it’s free and easy to use.

You can install this plugin on your site by logging into your WordPress dashboard and going to Plugins » Add New.

Then, in the search field, type ‘WPForms’, and click on the ‘Install Now’ button.

Install WPForms plugin
How to Create a Contact Form in WordPress (Step by Step) 2

This will automatically install the plugin on your site.

Next, you need to activate the plugin by clicking the ‘Activate’ button.

Activate WPForms plugin
How to Create a Contact Form in WordPress (Step by Step) 3

If you don’t see the plugins menu or want more detailed instructions, then see our step by step guide on how to install a WordPress plugin.

Step 3. Create a Contact Form in WordPress

Now that you have activated WPForms, you are ready to create a contact form in WordPress.

To do this, navigate to WPForms » All Forms in your WordPress admin panel. Then, click the ‘Add New’ button.

Add new WPForms form
How to Create a Contact Form in WordPress (Step by Step) 4

This will open the WPForms drag and drop form builder template library. Start by giving your contact form a name and then select your contact form template.

To choose a template simply hover over it and click the ‘Use Template’ button.

WPForms Lite comes with over 20+ free form templates to choose from. You can use these to create just about any type of contact form you like.

For the sake of this example, we will go ahead and select the ‘Simple Contact Form’ template. It will automatically add the Name, Email, and Message fields.

Choose WPForms form template
How to Create a Contact Form in WordPress (Step by Step) 5

You can click on any of the form fields to edit them.

When you click on a form field it will bring up a ‘Field Options’ panel on the left where you can make changes.

Make edits in field options panel
How to Create a Contact Form in WordPress (Step by Step) 6

You can also use your mouse to drag and drop the fields to change the order.

Change form fields order
How to Create a Contact Form in WordPress (Step by Step) 7

If you want to add a new field, then simply select from the available fields on the left sidebar.

You can drag it over to your form or click on it, and it will automatically be added to your form.

Drag and drop new form fields
How to Create a Contact Form in WordPress (Step by Step) 8

When you’re done customizing your form, make sure to click on the ‘Save’ button.

Step 4. Configuring WordPress Form Notification and Confirmations

Now that you have created your contact form, it’s important that you properly configure the form notification and form confirmation options.

Form confirmation is what your website visitor sees after they submit the form. This can be a simple thank you message, a page where you’ve uploaded downloable PDFs, or anything you’d like.

Form notification is the email you get after someone submits the contact form on your WordPress blog.

To customize the confirmation message, click on the ‘Settings’ tab and then the ‘Confirmations’ tab inside the form builder.

There’s already a default thank you message.

However, you can customize this in the ‘Confirmation Message’ box, if you’d like.

Go to form confirmation message
How to Create a Contact Form in WordPress (Step by Step) 9

If you want to redirect users after successful form submission instead of showing a message, then select ‘Go to URL’ from the ‘Confirmation Type’ drop down.

Then, enter the URL where you want to redirect users too.

Redirect to page after confirmation
How to Create a Contact Form in WordPress (Step by Step) 10

If you make any changes here, then make sure to click the ‘Save’ button.

After that, you can make sure the form notification settings are correct. Simply click on the ‘Notifications’ tab from the same ‘Settings’ menu.

The best part about WPForms is that the default settings are ideal for beginners. When you go to the notification settings, all fields will be pre-filled dynamically.

Go to form notifications tab
How to Create a Contact Form in WordPress (Step by Step) 11

The notifications by default are sent to the admin email that you have set up when you created your site.

If you want to send it to a custom email address, then you can change that. If you want to send the notification to multiple emails, then just separate each email address by a comma.

The ‘Email Subject Line’ is pre-filled with your form name. The ‘From Name’ field is automatically populated with your user’s name.

Change form email notifications
How to Create a Contact Form in WordPress (Step by Step) 12

When you reply to the form inquiry, it will go to the email that your user filled in the contact form.

Make sure you click the ‘Save’ button if you make changes here.

If you want to send your form email to multiple people or different departments, then see our guide on how to create a contact form with multiple recipients.

If you’re having issues with receiving form emails, then see our guide on how to fix WordPress not sending email issue.

Step 5. Adding WordPress Contact Form in a Page

Now that you are done configuring your WordPress contact form, it’s time to add it to a page.

You can either add it to an existing contact page or create a new page in WordPress.

If you want to create a new contact form page simply go to Pages » Add New and then give your page a name.

We will be using the WPForms block to add the form in a page. Simply click on the ‘Plus’ add block button and search for ‘WPForms’.

Then, click on the ‘WPForms’ block.

Create new contact page and add WPForms block
How to Create a Contact Form in WordPress (Step by Step) 13

The WPForm block will now appear in the content area of your page.

You need to click on the drop down menu to select the form you created earlier.

Select contact form from drop down
How to Create a Contact Form in WordPress (Step by Step) 14

WPForms will load your contact form preview inside the editor. You can now click the ‘Publish’ or ‘Update’ button to save your form.

Now, you can visit your website to see it in action.

Here’s what the form looked like on a sample WordPress contact page:

WordPress contact form example
How to Create a Contact Form in WordPress (Step by Step) 15

If you only wanted to add the contact form on page, then you’re done here. Congratulations.

WPForms also comes with a WordPress contact form shortcode. You can use this by visiting WPForms » All Forms and then copy the shortcode next to your form.

Copy form shortcode
How to Create a Contact Form in WordPress (Step by Step) 16

Then, all you need to do is open up the page where you want to add it and click the ‘Plus’ add block button and search for ‘Shortcode’.

Next, click the ‘Shortcode’ block.

Add shortcode block
How to Create a Contact Form in WordPress (Step by Step) 17

Then, paste the shortcode that you copied above into the box.

After that, click ‘Update’ or ‘Publish’ and your contact form will be live on your website, just like above.

Paste form shortcode and save
How to Create a Contact Form in WordPress (Step by Step) 18

To learn more about shortcodes, see our ultimate guide on how to add a shortcode in WordPress.

Step 6. Adding WordPress Contact Form in a Sidebar

WPForms also comes with a WordPress contact form widget that you can use to add your contact form to a sidebar or any other widget-ready area in your WordPress theme.

To do this, you need to go to Appearance » Widgets and then click the ‘Plus’ add block icon in the widget area you want to add your form.

Add new widget block
How to Create a Contact Form in WordPress (Step by Step) 19

Next, search for ‘WPForms’.

Then, click on the ‘WPForms’ block to add it to your sidebar.

Add WPForms widget block
How to Create a Contact Form in WordPress (Step by Step) 20

After that, you need to select your contact form from the drop down.

This will automatically load a preview of your form.

Select form from drop down
How to Create a Contact Form in WordPress (Step by Step) 21

Next, click the ‘Update’ button to save your changes.

Now, you can visit your site to see your contact form live in your sidebar or other widget area.

Sidebar contact form example
How to Create a Contact Form in WordPress (Step by Step) 22

To learn more about widgets, see our guide on how to add and use widgets in WordPress.

Taking Your WordPress Contact Form to the Next Level

Aside from creating the simple contact forms, WPForms Pro comes with over 1,800+ pre-made form templates that you can use to quickly create any type of WordPress form that you need.

There are powerful features like conditional logic, surveys & polls, electronic signature collection, form abandonment, geolocation data, customizable coupon codes, and so much more.

Plus, it lets you easily accept online payments via Stripe, PayPal, Authorize.net, and Square. Even the free version of WPForms allows you to collect Stripe payments.

Not to mention, it integrates with thousands of marketing and business tools like Google sheets, HubSpot, and more to help you streamline your workflow.

WPForms also has added form customization tools like form landing pages, conversational forms, lead forms, and calculator forms that lets you add interactive forms on your site without the high costs.

WPForms Full Page Conversational Forms Example
How to Create a Contact Form in WordPress (Step by Step) 23

For more tips, see our guide on how to create more interactive forms in WordPress.

Experiencing contact form errors? Let WPBeginner Pro Services resolve them! We offer affordable Emergency WordPress Support to quickly troubleshoot and fix contact form errors. Save time, get peace of mind, and ensure that your customers can reach you. Schedule WordPress Support Services today!

We hope this article helped you create a simple contact form in WordPress. You may also want to see our guide on how to create an email newsletter the right way, and our expert picks of the best business phone services for small businesses.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Lượt xem: 18

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *