The Form Tab
When you install Contact Form Redux for the first time, a contact form called “Contact Form 1” is created automagically for you.
In WordPress Admin, visit Contact, Contact Forms. Click the “Edit” link beneath Contact Form 1 on the Contact Forms page to open the Edit Contact Forms page.
On the Form tab of the Edit Contact Form page, you will see the following form tags already entered in the editor:
<label> Your Name (required) [text* your-name] </label> <label> Your Email (required) [email* your-email] </label> <label> Subject [text your-subject] </label> <label> Your Message [textarea your-message] </label> [submit "Send"]
The Form Tab contains the tags required to build the contact form the user sees on the front end of your site. Each contact form is built with tags. Each tag, in its most basic configuration, consists of the type and the name. For example, the tag:
consists of a text tag. The asterisk makes the “your-name” field required. “Your-name,” which is the name of the tag, is used on the Mail Tab to create the email that is sent when the contact form is submitted.
The Form Tab of Contact Form 1 includes all the tags you’ll need for a basic contact form.
The Mail Tab
The Mail Tab is used to build the email that the contact form sends when the contact form is submitted.
On the Mail Tab of the Edit Contact Forms page, the “To” email is automatically set to the administrator email for your website. (Set on the General Tab of WordPress Settings.) You can change the “To” email to suit your preference.
The “From” email defaults to using the contact form submitter’s name (the “your-name” form tag) with a “no-reply” email address set to the domain of your WordPress installation. In order to be DMARC-compliant, the “From” email should be an email address on your domain. If you don’t already have a “no-reply” email alias set up for your domain, it’s a good idea to set one up for this use, or to use another email address from your domain in the “From” email field.
Note that in the “Additional Headers” field, the submitter’s actual email address is already set so that if the recipient of the contact form replies, the email will correctly go to the submitter’s email address, not the “From” address.
You can customize the email the contact form sends by adding the appropriate tags into the fields on the Mail Tab. Tags on the Mail Tab only include the name of the tag from the Form Tab. For example, the contents of the “your-name” tag on the Form Tab are included in the default Mail Tab as a tag:
Everywhere the “your-name” tag is included on the Mail Tab, the contents of that tag will appear in the resulting email.
Displaying a Contact Form
Contact Form Redux can display contact forms in pages, posts, and widgets.
To display a contact form, copy the shortcode for the contact form from the Contact Forms page, or from the blue-highlighted bar on the Edit Contact Form page, and paste it into the post, page or widget where you want the contact form to appear.
[contact-form-redux 404 "Not Found"]
If you want the contact form to appear in a widget, it’s best to use the Text widget; however, if your circumstances require the use of the contact form shortcode in a Custom HTML widget, you can do so by enabling the option, “Allow shortcodes in the Custom HTML widget” on the Contact Form Redux Options page.
The steps above will get you started with a basic contact form, but you can also add a Google reCAPTCHA to limit contact form spam, add additional tags, or unleash all the power of Contact Form Redux using the following advanced techniques: