This tutorial shows how to configure the contact form in WordPess and make it send messages to your email.
This tutorial assumes that you already have the Contact Form 7 plugin installed into your WordPress website. Otherwise, please check how to create Contact Form in WordPress.
In order to configure the Contact Form, navigate to Contact – Contact Forms, select the Contact Form and click ‘Edit’:
You will see 4 Contact Form Configuration tabs:
In the Form tab there is the code for the default form tags and fields:
You can generate as many tags as you need using the tag selection at the top. There is a bunch of options to choose from like adding a drop-down menu, radio buttons, checkboxes, CAPTCHA, file upload, etc. Just give a name to your new field and fill in the choices suggested. Once you have done this, the tag will be generated automatically and added.
Let’s take a closer look at the first tag of the standard form as an example:
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
[text* your-name watermark "Name:"]
This is the field where your visitor fills in his/her name. You can easily change this field title to something else like: Your Full Name (required). It doesn’t affect the field.
text: indicates that this is a text-field.
‘*’: indicates that this field is required.
your-name: is the name of the field.
You can set the Email you want to receive the form messages to in the Mail tab of the contact form settings.
Let’s take a closer look at the Mail settings for each field:
Basic header fields (To, From and Subject):
These are basic and necessary message header fields. Put your email you want to link the contact form to into the ‘To’ field, the mail-tags for ‘From’ and ‘Subject’ fields should be set per the screenshot below:
You can insert additional message header fields here, such as Cc and Bcc. There should be one field per line. You can embed mail tags anywhere in these fields.
Message body: This is the message body.
The ‘[your-message]’ mail tag should be added to this field as shown on the screenshot.
Use of HTML:
By default, plain text is used for the message body. To use HTML, check this box.
If you attach uploaded files to this mail, put mail tags for the uploaded files into this field.
Mail (2) is yet another mail section, except that this is a non-optional section. Mail (2) works in completely the same manner as Mail. To activate Mail (2), check the ‘Use mail (2)’ checkbox:
In the Messages tab of the contact form settings you can edit all Contact-form messages text:
The Additional Settings tab is used for adding the code snippets. For details, see Additional Settings:
Feel free to check the detailed video tutorial below:WordPress. Contact form 7. Advanced Configuration,