How to set up Contact Form 7 on WordPress website


how-to-contact-form-7-on-website-wordpress

How to set up Contact Form 7 on WordPress website - WordPress Contact form 7 is the most popular plugin for creating forms. It is easy to integrate as well as easy to deploy. Contact Form 7 is even used with an interface that has an integrated contact form because it does not provide advanced options.


Next, we will show you how to use the Contact Form 7 plugin at the WordPress website you manage. We will also talk about customizing email forms.


Given the number of options available to integrate a custom contact form at WordPress, it is important to know the value provided by Contact Form 7 and why it is right for your website.


Features of Contact Form 7


Here are a few outstanding features from the WordPress contact form plugin.


  • Customize options to fit the unique needs you need

  • The process of implementation, simple integration

Install Contact Form 7 on WordPress


So let's start with the install.


Go to the WordPress admin control panel, go to Plugins → Add new then enter contact form 7 7 in the search box. When found, install, activate the plugin by clicking Settings → Activate.


how-to-set-contact-form-7-on-website-wordpress


how-to-set-contact-form-7-on-website-wordpress


To display the form, open the contact → contact form at the WordPress dashboard. You have the ability to manage many forms from this location.


how-to-set-contact-form-7-on-website-wordpress


Contact form is available for immediate use. Right next to Contact Form 1's name, you might see a short code (contact-form-7 404 "Not Found"). Copy this shortcode and paste it into your contact page.


how-to-set-contact-form-7-on-website-wordpress


Once completed, the contact page you have will look like this:


how-to-set-contact-form-7-on-website-wordpress


Preview


how-to-set-contact-form-7-on-website-wordpress


You also have the ability to customize this form to suit the purpose you need.


See more: Speed ​​up your WordPress site


Customize Contact Form 7


The following is a step-by-step process to customize a contact form created by Contact Form 7.


Step 1: Install Contact Form 7


how-to-set-contact-form-7-on-website-wordpress


Step 2: Create a new contact form


To create a new contact form, click add new. The following page will appear.


how-to-set-contact-form-7-on-website-wordpress


The tab at the top of the text area provides several useful tabs for composing / customizing emails. Text area with basic tag collection. However, you can insert any element by inserting the appropriate tag.


Please add a drop down menu to the contact form. In the top area, select the button and you can enter related information. Once completed, insert the tag to add the element to the form text.


how-to-set-contact-form-7-on-website-wordpress


how-to-set-contact-form-7-on-website-wordpress


Next move to the email body. Click on the Mail tab and you have correctly formatted the email layout.


how-to-set-contact-form-7-on-website-wordpress


The last tab to edit is the message tab where you can customize the message under several conditions.


how-to-set-contact-form-7-on-website-wordpress


At this time, most form customization is complete. You can use this form on the contact page by pasting the relevant shortcode. If not, you should create a new one. When you have integrated contact form, always check it.


how-to-set-contact-form-7-on-website-wordpress


In this form, when the user clicks the Submit button, a thank you message from you is displayed.


how-to-set-contact-form-7-on-website-wordpress


You will receive an email (refer to the screenshot below) as a test result.


how-to-set-contact-form-7-on-website-wordpress


How do I add reCAPTCHA?


The Contact Form 7 plugin has the captcha feature included. Please follow the steps below to add reCAPTCHA to the website:


To get started with reCAPTCHA, you need a Google account and then register your website with the API key:


  • Log into your Google+ account and then open the reCapture admin panel:

  • Register website: enter the domain name with the label you have. Click on the subscribe button:

how-to-set-contact-form-7-on-website-wordpress


Once you have done that, you will receive the website key with the secret key.


Log in to the WordPress admin panel.


Navigate to Contacts → Integration Page.


how-to-set-contact-form-7-on-website-wordpress


Find the reCAPTCHA section and click the key configuration button.


how-to-set-contact-form-7-on-website-wordpress


Enter the website key and secret key into the field you see:


how-to-set-contact-form-7-on-website-wordpress


how-to-set-contact-form-7-on-website-wordpress


how-to-set-contact-form-7-on-website-wordpress


Open the contact form in the Contacts section → Contact form at your side panel:


Add the short code below to the contact form field: (recaptcha)


how-to-set-contact-form-7-on-website-wordpress


Click save Refresh website to see the change.


Conclusion


Hopefully the article will help you in setting up a custom contact form to the website. If you need clarification or have questions, please leave a comment below.


About My name is Nguyen Manh Cuong. I was born in a poor village in Ba Vi district, HA NOI province - windy and sunny land. Currently. https://www.nguyendiep.com/. Mr Cuong.
Newer Posts Newer Posts Older Posts Older Posts

Comments

Post a Comment