How to create a Contact Us form using Contact Form 7

0
200
How to create a Contact Us form using Contact Form 7

Contact form is the basic need of a blog. Without that, you won’t get your Google Adsense approved. Unfortunately, WordPress does not ship with contact us plugin by default. So you have to either do coding to create s contact us form or use a third party plugin. So in this article, we will learn How to create Contact Us form using Contact Form 7

Contact form 7 is one of the best plugins to create a contact us form. It’s free and many options to create a professional form.

How to create a Contact Us Form

To create a contact us form you need to follow below steps.

  • Go to your WordPress Dashboard
  • Plugin > New > Type ” Contact Form 7″
  • Install and Activate

Once activated there will be a menu item named ” Contact” on the dashboard sidebar. By default Contact Form 7 creates a default form which can be accessed by clicking Contact >Contact Forms.

If you want to create a new form you can click Contact > Add new. The create form page has four different options.


Also Read: Top 5 best contact form plugin for WordPress


Form

Form option has the codes for the contact us form.  In this page, you can add many items like text, mobile number, address and many more. This is the best part of Contact Form 7 where you can add many entities.

How to create a Contact Us form using Contact Form 7

Mail

In main, you will have the setting of ” To ” and ” From” email settings. It also has the setting for the subject, message body and header options. This section is critical as any mistakes in these settings will give an error when as a user tries to send contact us a message.

How to create a Contact Us form using Contact Form 7

 

Message

In this section, you can define default email messages. In this section, you can personalize the message body as per your requirements.

How to create a Contact Us form using Contact Form 7

Additional Setting

In an additional setting,How to create a Contact Us form using Contact Form 7 you can add any custom setting that you wants to add.

Possible Issues

You might face below issue in your contact us form depending upon your theme and security settings.

  • Contact Form 7 is not aligned as per the theme
  • Getting error when someone tries to click on submit the form.

If you are facing the alignment issue you can use below CSS in your custom CSS or child theme CSS file. This codes will bring the contact form at the centre and also keep the input boxes 100% wide.

.wpcf7 {
text-align: center;
}
.wpcf7 input,
.wpcf7 label,
.wpcf7 textarea {
width: 100%;

}

If you are facing any issues with the form submission, make sure you are not integrating the google captcha in your form. If you integrate google captcha, make sure you choose the right version. Contact Form 7 support Captcha V3, so if you enter V2 settings, you may get an error when someone tries to submit in the form. For hassle-free solution, you can just disable the Captcha and see if the contact form works and then you can play around to find a common solution.

Conclusion

Contact Form 7 is one of the best plugins to create a contact form but you need to know a bit of coding to get the best out of this plugin.

If you have any question and queries please do write in the comment section. You can also connect with us through Facebook, Twitter or Instagram.

We are now also available on your mobile phone using our Android app. Please do install our Android app by clicking on the below image. You will also get notified through this app whenever we publish any new posts.