If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Featured templates

WordPress. Contact form 7. Advanced Configuration

This tutorial shows how to configure the contact form in WordPess and make it send messages to your email.

WordPress. Contact form 7. Advanced Configuration

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 ContactContact Forms, select the Contact Form and click ‘Edit’:

WordPress. Contact form 7. Advanced Configuration1

You will see 4 Contact Form Configuration tabs:

  • Form;

  • Mail;

  • Messages;

  • Additional Settings.

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:

  1. 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:

    WordPress. Contact form 7. Advanced Configuration2

  2. Additional headers:

    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.

  3. Message body: This is the message body.

    The ‘[your-message]’ mail tag should be added to this field as shown on the screenshot.

  4. Use of HTML:

    By default, plain text is used for the message body. To use HTML, check this box.

  5. File attachments:

    If you attach uploaded files to this mail, put mail tags for the uploaded files into this field.

  6. Mail (2):

    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:

    WordPress. Contact form 7. Advanced Configuration3

In the Messages tab of the contact form settings you can edit all Contact-form messages text:

WordPress. Contact form 7. Advanced Configuration4

The Additional Settings tab is used for adding the code snippets. For details, see Additional Settings:

WordPress. Contact form 7. Advanced Configuration5

Feel free to check the detailed video tutorial below:

WordPress. Contact form 7. Advanced Configuration

WordPress. Contact form 7. Advanced Configuration, 5.0 out of 5 based on 1 rating