▷ Guide to create a Form with Contact Form 7 in WordPress

Contact Form 7 is he free WordPress contact form plugin par excellence, with more than 5 million active installations. If you want to learn how to configure Contact Form 7 and get the most out of it, don’t stop reading!

Install Contact Form 7

Contact Form 7 is in the , so you can install directly from WordPress itself. To do this, we only have to access, in the left side menu, to:

Plugins > Add New > Search “Contact Form 7”

Once installed and activated, we will see a new element enabled in the left side menu called “Contact”:

First steps in Contact Form 7

When we access the plugin management we will see three options:

• contact forms: in this tab you will see a list with all the configured forms. By default, Contact Form 7 integrates a “base” form called “Contact Form 1”. This is very useful, since it allows us to observe the basic configuration and, from this, modify it to our liking.
• Add new: we can use this option if we want to create a new form, which will use the default configuration as basic information, which we must modify later.
• Integration: This option allows you to integrate Contact Form 7 with other tools, such as Google Captcha, which activates the pre-submission checkbox to prevent spam from robots.

Create a new contact form

When we create a contact form in Contact Form 7 or edit an existing one, the first thing we need to do is give a title. The ideal is to use a name that allows us to easily identify both us and the people who can make changes to our website later, which form it is. A good option is name our form with the location where the form is located (footer, contact page, side form, etc.). Well done things look good! and the organization is essential to avoid, later, wasting a lot of time.

Inside the form, we will find different tabs: form, email, messages and additional settings. Let’s see its functionality:

• Contact Form 7: Create the form content

One of the features that make Contact Form 7 one of the most used plugins to create forms in WordPress is its simplicity: without having knowledge of development or HTML it is possible to configure a basic form thanks to the insertion by means of tags.

For add these fields, we only have to click on the element and voilà! You will see how its label appears in the added form at the bottom of it. To modify its position, simply cut the code snippet and paste it in the desired place.

However, we must pay attention that the description that appears is the one we want. If not, always we can edit the text that appears between the HTML tags (for example, it is useful to edit the tag, which will indicate the information that the user must enter, to warn that this field is required and that, if you do not enter valid information, the form will not be sent ).

• Contact Form 7: Configure form submission

In the Email tab it will be where Let’s set up the contact form submission. This step is fundamentalas, if we do not configure it correctlyour form will not be shipped. To avoid disaster pay attention to the following parameters:

For: here you must enter the email account to which you want the form to arrive.

Of: by default, the label appears, which allows you to know who the sender is when you receive the mail, since Contact Form 7 replicates here the information entered by the user in the form where we have entered this same label. However, the most important thing at this point is that the email associated in this field has the web domain (

Affair: Here we must enter the subject that we will see when we receive the contact form. This is useful to configure, for example, when we have a contact form for different requests (budget, information, etc.) or different services. In this way, at a glance we will see what request we are receiving.

Additional headers: This field allows us to make additional settings, such as adding a copy email account if we want the contact form to reach two different email accounts. To add this we should only insert: “bcc:correo@correo.com”.

Message body: It will be the mail that we receive in our inbox and the information that we see will depend on its configuration. To see the information that the user must enter in the form, we must replicate the labels that we have inserted in it.

• Contact Form 7: form submission response messages

Contact Form 7 establishes, by default, the messages that will appear to the user when they interact with the form and an error or validation occurs. In the “Messages” tab you can customize alert messages and give that personal touch to your form.

By default, when the form is submitted correctly, it does not load a new page, but the validation message appears on the same page of the form. But calm down! At we tell you What .

• Contact Form 7: additional settings

As its name indicates, it is a tab that we can use to include additional plugins to Contact Form 7. Here you will find some of the .

Insert the Contact Form 7 form in a WordPress page

Ok, we already have the contact form configured, now what?

Now it’s time insert it into the page what we want To do this, we must look at the form shortcode in question, which we will find both within the form, below the form title and in the list of forms.

you should only copy this shortcode and paste it in the part of the web where you want appear and You already have your contact form ready!. If you use a visual builder like WPBakery Page Builder, it may already incorporate a Contact Form module, in which you only have to select the name of the form you want to insert.

In addition to this, if you want to provide your contact form with other functionalities, there are an infinity of plugins for Contact Form 7 that can be very useful to you. Do you know of any Contact Form 7 extension worth mentioning?