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

Are you looking to add a contact form on your WordPress site? Every website needs a contact form, so people can contact you about your products and services. In this WordPress tutorial, we will show you how to create a contact form in WordPress (step… Read More »

The post How to Create a Contact Form in WordPress (Step by Step) appeared first on WPBeginner.

Are you looking to add a contact form on your WordPress site? Every website needs a contact form, so people can contact you about your products and services. In this WordPress tutorial, we will show you how to create a contact form in WordPress (step by step) without touching a single line of code.

Create contact form in WordPress

Why Do You Need a 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 code knowledge. The truth is you don’t need to know any code. This step by step guide to adding a contact form is written for absolute beginners.

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, when you use a contact form, you can get rid of 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 (such as their phone number, budget, etc).
  • Saves Time – Contact forms help you save time in more ways than you can imagine. Aside from consistent information that we mentioned above, you can also use form confirmations to tell the user what are the next steps. Such as watch a video or wait up to 24 hours to get a response, so they don’t send you multiple inquires.

Below is an example of a WordPress contact form that we will create in this tutorial.

Preview of a contact form in WordPress

After creating the form above, we will also show you how you can easily add it on your contact page, or in your site’s sidebar using a WordPress contact form widget.

Sounds good? Ok so let’s get started.

Step 1. Choosing the Best 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.
  3. When you are ready for more powerful features, then you can upgrade to WPForms Pro.

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 contact form tutorial, we will 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.

Go to add new plugin page to search and install WPForms plugin

In the search field, type WPForms and then click on the Install Now button.

After the plugin is installed, make sure you activate the plugin.

Installing WPForms Plugin

If you don’t see the plugins menu or want more detailed instructions, then please refer to 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.

In your WordPress dashboard, click on the WPForms menu and go to Add New.

Adding a form in WordPress with WPForms

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

WPForms Lite only comes with two pre-built form templates (Blank or Simple Contact Form). But you can use these two to create just about any type of contact form you like.

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

Creating a new form in WordPress with WPForms

You can click on the field to edit them. You can also use your mouse to drag & drop the field order.

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

Adding new fields to your form

When you’re done click on the Save button.

Step 4. Configuring Form Notification and Confirmations

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

Form Confirmation is what your website visitor sees after they submit the form. It could be a thank you message or you can redirect them to a special page.

Form Notification is the email you get after someone submits the contact form on your WordPress site.

You can customize both of those by going to the Settings tab inside the WPForms form builder.

We usually leave the form confirmation as default Thank You message. However, you can change it to redirect to a specific page if you like.

Setting up form confirmation

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

Setting up form notifications

The notifications by default are sent to the Admin Email that you have setup on 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 comma.

The email subject is pre-fileld with your form name. The from name field is automatically populated with your user’s name. When you reply to the inquiry, it will go to the email that your user filled in the contact form.

Step 5. Adding WordPress Contact Form in a Page

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

The first thing you need to do is either create a new page in WordPress or edit an existing page where you want to add the contact form.

We will be using the WordPress contact form shortcode to add the form in a page. Simply click on the Add Form button at the top and select the form you want to add.

Adding your contact form to a page in WordPress

A contact form shortcode will be added in your page content. Now go ahead and save your page to preview it.

Here’s what the form would look like on a sample WordPress page:

Preview of a contact form in WordPress

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

If you want to add a contact form on a sidebar or another widget ready area, then go to step 6.

Step 6. Adding WordPress Contact Form in a Sidebar

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

In your WordPress admin area, go to Appearance » Widgets. You will see a WPForms widget that you can easily drag into any widget ready areas of your theme.

Add form using a sidebar widget

Next, add the title for your widget and select the form you want to display. Save the settings, and visit your website for the preview.

We hope this article helped you create a simple contact form in WordPress. You may also want to check out our comparison of the 7 best WordPress backup plugins.

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.

The post How to Create a Contact Form in WordPress (Step by Step) appeared first on WPBeginner.

5 Best Contact Form Plugins for WordPress Compared

Are you looking to add a contact form on your WordPress site? Not sure which one of the 1625+ WordPress contact form plugins to use? In this article, we have hand-picked the 5 best contact form plugins for WordPress and compared their pros and cons,… Read More »

To leave a comment please visit 5 Best Contact Form Plugins for WordPress Compared on WPBeginner.

Are you looking to add a contact form on your WordPress site? Not sure which one of the 1625+ WordPress contact form plugins to use? In this article, we have hand-picked the 5 best contact form plugins for WordPress and compared their pros and cons, so you can easily add a contact form in WordPress.

Contact Forms

1. Gravity Forms

Gravity Forms is the most popular paid contact form plugin for WordPress. We use it on WPBeginner and all of our other websites. We find it extremely easy to use and has all the functionality one can ask for.

Gravity Forms

Pros

Gravity Forms is the most beginner friendly contact form plugin for WordPress.

With the help of additional add ons, Gravity Forms can be used to create surveys, quiz, user submitted content, web directory and even lead generation.

It comes with premium support options like FAQs, knowledge base, forums, and email support. This means that help is available when you need it.

Cons

Gravity forms is a bit expensive than other WordPress contact form plugins. However, if you are using it on multiple sites and projects, then the cost should not be a big deal.

WPBeginner users can use this Gravity Forms coupon that will give you 25% off.

2. Ninja Forms

Ninja Forms is a freemium contact form plugin for WordPress. It can be used to create highly interactive form with very little effort.

Ninja Forms

Pros

The base plugin for Ninja Forms is available for free from the official WordPress repository. This means you can download and install it on as many sites as you like.

There are premium extensions which allow you to extend Ninja Forms functionality such as connecting with Campaign Monitor, Freshbooks, Salesforce, SMS notifications, etc.

There is a helpful community support option, as well as documentation, guides, and email support.

Cons

Even though the main plugin is available for free, the extensions are not. Buying two or more extensions or even the developer bundle will cost you nearly the same amount as Gravity Forms.

3. Formidable Pro

Formidable Pro is quickly becoming a popular choice among WordPress users and developers. It allows you to quickly create beautiful contact forms and comes with all the goodies you would need from a premium form plugin.

Formidable Pro

Pros

Formidable Pro makes it really simple to set up your first WordPress contact form.

Just like Ninja Forms, the basic Formidable Pro is available for free. This single site license costs $47, and the unlimited license costs $117.

There are 12 add-ons that come with the standard and unlimited plans. This allows you to integrate Formidable pro with MailChimp, Basecamp, Trillio, and many other services through Zapier addon.

Cons

Formidable Pro is relatively new in the race as compared to Gravity Forms. At the moment there are fewer addons than Gravity Forms. But hopefully this will gradually change as their user base grows.

4. Contact Form 7

Contact Form 7 is one of the most downloaded plugin in the official WordPress plugin directory. It is a completely free WordPress contact form plugin offering an alternative to premium plugins.

Contact Form 7

Pros:

Price is probably the most important advantage of using Contact Form 7. You are free to install it on as many sites as you want.

There are several third-party plugins that act as add-on plugins for Contact Form 7. Most of them are available for free.

It is great for creating a basic contact form for your blog.

Cons:

Contact Form 7 can be a bit difficult to set up for absolute beginners. The user interface is not very intuitive.

Since it is a free plugin, support options are limited.

There are several third-party add-ons available for Contact Form 7, but the official plugin website doesn’t have an add-ons directory which makes it difficult to find add-ons to extend the functionality of the base plugin.

5. Fast Secure Contact Form

Fast Secure Contact Form is another popular free WordPress contact form plugin. As the name suggests, the plugin focuses on preventing spam and making contact forms secure.

Fast Secure Contact Form Plugin

Pros:

The most obvious advantage of using Fast Secure Contact Form is the price. The plugin is available for free from WordPress plugin directory.

It uses Akismet spam protection to deal with contact form spam. You can also install a companion plugin to add CAPTCHA support.

Cons:

Integrating it with other apps is not very easy for beginners and non-developers. Also support options are limited because it is a free plugin.

Which is the Best Contact Form Plugin for WordPress?

The plugins we mentioned in this article are can all help you create a contact form plugin. However deciding the best contact form plugin varies based on your needs.

For example, if you are beginner level blogger, and you don’t mind spending a little more time on troubleshooting things, then you can go for Contact Form 7 or Fast Secure Contact Form plugins.

On the other hand, if you want to add complex forms, then you need a premium plugin like Gravity Forms, Ninja Forms, or Formidable pro.

Our pick would be Gravity Forms because we use it on all our sites.

We hope this guide helped you choose the best contact form plugin for your WordPress site. You may also want to take a look at our guide on the best WordPress backup plugins compared (Pros and Cons).

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

To leave a comment please visit 5 Best Contact Form Plugins for WordPress Compared on WPBeginner.