Contact Form 7 is a famous contact form Plugin on WordPress. Almost all English business websites have a 'Contact Me' page, which uses plugins like Contact Form 7 to receive users' inquiry emails. Contact Form 7 can manage multiple contact forms, and you can customize the forms and flexibly adjust the email content. The form also supports ajax, CAPTCHA verification code, Akismet spam filtering, etc. Next, Naibabiji will give you a detailed introduction to the Contact Form 7 tutorial, including the most critical email configuration part, to avoid the awkward situation of working hard to operate a website, having customer inquiries, but not receiving the inquiry emails. Without further ado, let's start the Contact Form 7 tutorial.
Install Contact Form 7
The method to install Contact Form 7 is very simple. Search for Contact Form 7 in the Plugins section of the WordPress Admin Dashboard and install it, as shown in the figure below:
Enable it after installation.
Download LinkConfigure Contact Form 7
After enabling, we enter the Contact Form 7 settings. You can directly click the settings button in the Plugin list, or click Contact from the left menu to enter.
By default, a contact form named 'Contact form 1' will be created automatically. We click the edit button.
You can see that this default form has added for us
- Name Your Name
- Email Your Email
- Subject Subject
- Your Message
Fields marked with 'required' are mandatory. You can modify the English descriptions yourself; do not change the content inside the brackets. If you want to add new functionality, you can directly click the button above to insert it.
For example, we add a CAPTCHA. 
Click the quiz button, a pop-up window will appear to input the question and answer, then insert it on the line above the submit button. If the quiz cannot block spam, you can also integrate Akismet or the reCAPTCHA human verification system; there are prompts on the plugin settings page. However, it is recommended to directly use the quiz to block robots; if the question is not answered correctly, it will not be submitted to the database, thus not affecting website performance.
Call the Contact Form 7 Form
After setting up the form, if we want to display this contact form on the website frontend, how can we achieve it? We simply copy the form's shortcode and paste it into the Post or Page where you want it to appear.
You can also add the shortcode to a Widget. The final effect is as shown in the figure below:
For the quiz added above, if answered incorrectly, it will not be submitted, which can block most robots.
If you are using a page builder plugin, such plugins usually have a dedicated Contact Form 7 form interface with more attractive styles, which you can also choose. If you want to modify the display style of Contact Form 7 yourself, you need to have some CSS basics.
Configure the Contact Form 7 Email System
If you are using
SiteGroundthis type of managed shared hosting, you can send emails directly without configuration. If your server does not support direct email sending, or the built-in mail system fails, then we need to use third-party tools to implement SMTP sending. There are many ways to configure SMTP; Naibabiji has written articles on this before, and you can refer to the corresponding articles for instructions.
Email Local Dual-Backup Storage for Forms
In addition to sending emails, it is highly recommended to install a plugin that supports local storage of Contact Form 7 email information to avoid email sending failures or emails going to spam. The official recommendation is
Flamingoinstall it, and you can see all form information submitted via Contact Form 7 in the website admin dashboard. Do you have any other questions about Contact Form 7? You can contact Naiba for free consultation.
Enable it after installation.Download Link
By default, a contact form named 'Contact form 1' will be created automatically. We click the edit button.
You can see that this default form has added for us
Click the quiz button, a pop-up window will appear to input the question and answer, then insert it on the line above the submit button. If the quiz cannot block spam, you can also integrate Akismet or the reCAPTCHA human verification system; there are prompts on the plugin settings page. However, it is recommended to directly use the quiz to block robots; if the question is not answered correctly, it will not be submitted to the database, thus not affecting website performance.
You can also add the shortcode to a Widget. The final effect is as shown in the figure below:
For the quiz added above, if answered incorrectly, it will not be submitted, which can block most robots.
If you are using a page builder plugin, such plugins usually have a dedicated Contact Form 7 form interface with more attractive styles, which you can also choose. If you want to modify the display style of Contact Form 7 yourself, you need to have some CSS basics.
Comments are closed
The comment function for this article is closed. If you have any questions, please feel free to contact us through other channels.