In this tutorial, you will learn how to add a contact form on a WordPress blog. We will create a contact form that is similar to ours. Check our contact form here.
Why should you add a contact form to your WordPress blog?
It is important that you add a contact form to your blog so that visitors can easily get in touch with you. Besides making your blog looks more professional, it also helps you make more conversation if you’re selling products or offering services on your blog. Also, if there are issues on your blog, visitors can easily communicate it to you if you have a contact form readily available for them to fill-up. The importance of having a contact form on your WordPress blog may vary from niche to niche but that’s enough for our introduction. Now, let’s dive in to the tutorial.
Here’s how to add a contact form on WordPress.
- Go ahead and login to your WordPress Admin Dashboard.
- Now, navigate to Plugins>Add New. You will then be redirected to the Plugin Installation page.
- In the search box, type Contact Form 7 and hit Enter on your keyboard.
- You will find Contact Form 7 by Takayuki Miyoshi on the search result. Click Install then Activate to make the plugin ready to use. There will be a new menu item called Contact added on the left side menu pane of your WordPress Dashboard.
- Hover your mouse to Contact then click Contact Forms. There you will find a pre-configured contact form which you can edit according to your needs.
- Copy the shortcode as shown on the image below. Create a new page and Paste the shortcode. You may add sentences before the code on the page.
- Add a title to your page, Edit the slug and hit Publish.
- Insert your newly published contact page to a widget or menu to make it visible and accessible to your visitors.
Add Contact Form on Footer (or Sidebar) of WordPress
It is easy to add a contact form on the footer or sidebar of your WordPress site. Like what you did when you add a contact form on a page, you just need to copy the shortcode for the form you created with Contact Form 7. Go to Appearance>Widgets and add a Text Widget by dragging and dropping to your preferred location (footer or sidebar widget area). Paste the shortcode you copied earlier and hit Save. That’s it! Open your website and check if it works as you wanted.
Setting up and Configuring Contact Form 7
- To create a new contact form, go to Contact>Add New on your WordPress Dashboard.
- Edit an existing contact form by going to Contact>Contact Forms and click Edit below the form’s title.
- Add other elements to your contact form by clicking any form-tag in the tag generator tools.
- Besides adding different features using form-tags on you contact form, you can also edit the Mail and Message templates.
- Protect your WordPress blog’s contact form against spams by installing and activating Akismet Anti-Spam plugin or integrating Google reCaptcha into your form.
- Out of the box, Contact Form 7 supports Akismet so you don’t need further action as long as you configured Akismet properly.
How to Integrate Google reCaptcha with Contact Form 7?
You will need Google reCaptcha API Keys, particularly site and secret keys, to integrate Google reCaptcha with Contact Form 7.
- Go to Google reCaptcha Admin page.
- Login with your Google account.
- Fill up the form, Accept the reCaptcha Terms of Service then click Register.
- Copy the Site Keys and Secret Keys on the page that follows upon registration.
- Go to WordPress Dashboard>Contact>Integration and paste your Site and Secret keys
- Edit your contact form and add the form-tag [recaptcha] preferably before the [submit “Send”] tag.
Here is a look at the codes on our contact form.
Subject [text your-subject] Your Message [textarea your-message] [recaptcha] [submit “Send”]
Have you found this article on how to add a contact form on a WordPress blog helpful? Share your thoughts below.