How to add contact form in WordPress step-by-step guide

With the advent of Content Management Systems like WordPress, the life of web developers has become very easy. Creating a website or a blog is no more a big deal. Even a person with no technical knowledge can now create a website or a blog using WordPress and other similar content management systems. WordPress comes with a lot of features and there are more than 27,000 plugins available for WordPress which can be used to add various features to the website. To add contact form in WordPress, there are many free plugins available. One of the most famous plugin used for adding contact form in WordPress is Contact Form 7.

Contact Form 7 plugin to add contact form in WordPress

With more than 1 Million active installs, Contact Form 7 is the best free plugin available to add contact form in WordPress blog or website. It offers a lot of customization features which can cater to needs of almost any  business’ website or blog. There are number of different fields you can add using the contact form builder and customize validation messages as well. Using this plugin, you can add as many contact forms on your website as you want. The contact forms created with this plugin also support CAPTCHA which keeps spammers away.

Follow these simple steps to add a contact form to a page on your WordPress blog or website:

  1. Login to your WordPress account and go to the Admin Dashboard. 

  2. Select “Plugins” from the navigation on left side. Click “Add New”.

    add new plugin

  3. Type “contact form 7” in the search box and hit Enter. Click “Install Now” button.

    contact form 7 plugin

  4. Plugin will start installing. Once done, you will be required to activate the plugin. Click “Activate Plugin”.activate plugin

  5. The plugin is installed. You can see a button named “Contact” on the left navigation. Click on it.

    contact plugin

  6. A contact form is created by default. There is a Shortcode which you will be using to include this contact form in your page or blog post. It’s simple as that.

  7. To edit a contact form, click “Edit” under the form title.

  8. You can customize the form labels and form controls from the “Form” tab. You can also add new fields to your form like phone, attachments, captcha, etc.

    Customize Form

  9. To configure mail settings, click on “Mail” tab. Here you can configure the email where you want to receive responses from this contact form. You can also configure the email template here.

    Configure Mail settings contact form 7

  10. Lastly, you can also customize the messages and alerts user will see in different scenarios. e.g. error messages, form submission success message, etc. Click on “Messages” tab to configure these settings.

    contact form messages

  11. To use contact form in your website page or blog post, just copy the “Short Code” and paste it where required.

 

And that’s it. How was your experience with adding a contact form in your blog or website. If you encountered any problem during the setup process, do let me know in the comments and I will be happy to assist. If you are using any other awesome contact form plugin, please share with us in the comments.

No Responses

Leave a Reply