Contact Form 7 is a free plugin that allows you to create and manage Contact Forms for WordPress.
info For Contact Form 7 to work, it is essential to have the WP Mail SMTP plugin installed and configured. You can follow the guide below manual.
First, we will access WordPress and install the Contact Form 7 plugin. To do so, we will go to "Plugins" -> "Add new plugin":
Search for the plugin in the top search engine:
Once installed, click on activate:
To add or edit a form, click on the "Contact" icon and the "Add new" button.
We will name the form and save it:
The "Edit contact form" page is divided into four sections.
You can use the various preset buttons to generate the shortcodes for the most commonly used data entry labels for a form.
Each of the data input types must be between '''<label>''' y '''</label>''' tags. For example:
The "Title" field will be the title/header that the user will see above the data entry field.
The "[entrada_de_datos]" field is the code provided by each of the above tags.
For example, if we want to add a text input field to our form, we will click on "text":
A window will appear with the following configuration options (each label has different options, you can check the guide for each label):
Once the fields have been configured, we will click on insert:
It will create the data entry that we will have to put between '''<label>''' y '''</label>''' tags. We can assign a title/header to the label:
In this tab we will define the template that will be used to send the e-mail when the user clicks on the send button.
By default, the e-mail is sent to the web administrator's account, from the account [email protected].
The subject is: "Nombre_del_sitio" + the subject that the user has entered in the form.
When you click on the reply button, once we receive an email, we will reply to the account entered by the user. And the body of the message will be the data entered in the different fields of the form.
In the upper part of the form, the names of the form fields will appear to be able to configure the template, they are the variables that will contain the different values/inputs that the user has introduced.
If we have fields for uploading files, the tags will appear in the "Attachments" section.
info We will have to save the changes made in the form so that the labels are updated.
For example, the following configuration on this tab will be received in the following forma:
This tab allows you to customise the messages received by the user according to the status of the form: if it has been sent, if it could not be sent, if there has been an error...:
From this tab you can customise additional functions. Both omission of mailing, subscribers only mode or the execution of custom functions at specific times of the form execution.
From the page editor, we will add a new block of type Contact Form 7.
info Depending on the layout you use, the import of the block will change.
From the default layout, double click on the Contact Form 7 block to add it.
We must indicate which of all the forms created we want to be displayed:
We access the page where we have added the form, fill in the fields and send the form:
The owner of the site receives the e-mail with the data: