WordPress contact form plug-in ContactForm7 usage tutorial

Source: Internet
Author: User
Tags contact form wordpress contact
WordPress contact form plugin? ContactForm7 is a simple, easy-to-use, and flexible form plug-in that can customize a wide range of different types of form functions, and supports custom email receiving, Ajax submission, and jQuery form plug-in support. it can be used with Akismet to filter spam, and CAPTCHA anti-spam is also supported, with support for form field elements. WordPress contact form plugin? Contact Form 7It is a simple, easy-to-use, scalable and flexible form plug-in that can customize a variety of different types of form functions, and supports custom acceptance of mail, Ajax submission, and jQuery form plug-in support. you can use Akismet to filter out spam and CAPTCHA anti-spam. form field elements support the following common features: single sheet, check box, text box, drop-down menu, Button, file upload, and other form fields.
Follow these steps to generate a Form using Contact Form 7:
Install Contact Form 7
Create contact form
Set contact form
Create Contact page
Place the contact form on the contact page

1. install Contact Form 7
Like installing other WP plug-ins, upload Contact Form 7 to the/wp-content/plugins/directory, and find and enable the plug-in the WordPress background.

2. create a contact form
After the "Contact Form 7" plug-in is installed and enabled, find the "Contact" item at the bottom of the left-side function menu in the background. here is the "Contact Form7" setting area. click to enter and find" Add new form"Button link, click to create a new contact form; of course, you can also choose to use the default Contact table 1.

3. set the contact form
Set the contact form, including the following settings:
Form element settings: After creating a new Contact Form, Contact Form 7 has prepared some basic Form elements for us, including name, email, title, details, and Form submission buttons, you can add other form elements, such as the file upload button and verification code, in the drop-down box of the generate tag next to it.
Recipient, email content, and other information settings: below the form element, we can set a series of information such as recipient, Sender, subject, and subject content.
Message when sending an email error: in the Message column, you can set an error Message when sending an email.
Jump page after successful email sending: in the Additional Settings column, we can set Additional information after successful email sending. for example, FASTWZ uses on_sent_ OK: "location = 'http: // www.fastwz.com '; "indicates the code that sets the redirect page after the email is sent to the FASTWZ homepage.
If Contact Form 7 cannot receive the email correctly, you can use it with the WP Mail SMTP plug-in.

4. create a contact page
Find the page in the background? Create a page and create a new page to implement the Form Function of Contact Form 7.


5. Place the contact form on the contact page.
On the Contact Form 7 plug-in settings page, a usage prompt is displayed below the created Form name:
Copy and paste this code into the log, page, or text gadgets.
Copy the corresponding form short code to the new contact page (note: Must be in HTML mode). For example, use the short code that comes with the default form [Contact-form 1 "contact Table 1"]Copy the edit box in HTML mode to the page and save it.
Through the above 5 steps, the Contact Form 7 plug-in is fully applied to our website.

Contact Form 7 plug-in: Http://wordpress.org/extend/plugins/contact-form-7/

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.