Contact Form 7 is a famous contact form plugin on WordPress. Almost all English business websites have a 'Contact Me' page, which typically uses a plugin like Contact Form 7 to receive user inquiry emails. Contact Form 7 can manage multiple contact forms, and you can customize the forms and flexibly adjust email content. The form also supports ajax, CAPTCHA, Akismet spam filtering, and more. Next, Naibabiji will provide a detailed tutorial on using Contact Form 7, including the most crucial email configuration part, to avoid the awkward situation where you work hard to operate a website, receive customer inquiries, but end up 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 WordPress admin plugin section and install it, as shown in the figure below:
After installation, activate it.
Download LinkConfigure Contact Form 7
After activation, 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' is automatically created. We click the edit button.
You can see that this default form has added for us
- Name Your Name
- Email Your Email
- Subject Subject
- Message Your Message
Fields marked with 'required' are mandatory. You can modify the English descriptions yourself, but do not change the content inside the square brackets. If you want to add new features yourself, you can directly click the buttons above to insert them.
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 Q&A 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 Q&A to intercept bots. If the answer is incorrect, it won't 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 do we achieve it? We simply copy the form's shortcode and paste it into the article 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:
The quiz Q&A added above, if answered incorrectly, will not be submitted, which can block most bots.
If you are using a page builder plugin, generally the builder plugin also has a dedicated Contact Form 7 form interface with more beautiful 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 virtual hosting, then you can send emails directly without configuration. However, if your server does not support direct email sending, or its built-in email 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 about it before. You can refer to the corresponding articles for instructions.
Dual Local Backup Storage for Form Emails
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 delivery failures or being marked as spam. The official recommendation is
Flamingo. Once installed, you can view all form submissions made through Contact Form 7 in the website backend. Still have questions about Contact Form 7? You can contact Naiba for a free consultation.
After installation, activate it.Download Link
By default, a contact form named 'Contact form 1' is automatically created. 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 Q&A 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 Q&A to intercept bots. If the answer is incorrect, it won't 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:
The quiz Q&A added above, if answered incorrectly, will not be submitted, which can block most bots.
If you are using a page builder plugin, generally the builder plugin also has a dedicated Contact Form 7 form interface with more beautiful 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.