How to create contact forms in WordPress

Share on social networks

For many websites it is necessary to have one or more contact forms, either for the Contact section of a business website, or for any other action between the visitor and the webmaster.

In WordPress, the integration of contact forms is very simple, just install a plugin, in this case, one of the most used to create contact forms, Contact Form 7, from the developer Takayuki Miyoshi.

Once you install and activate the plugin, by clicking on Plugins in the WordPress desktop menu > Adding new > Search Contact Form 7, the Contact element will appear in the menu.

If we place the cursor on this element, three options will appear, Contact Forms, New Addition and Integration.

If we click on Contact Forms, we will see the ones we have created. To create a new one, we will click on Add new one.

We will write a number for the form and in the field below we will configure it.

As can be seen in the image, by default the main fields of a form are aggregated, such as number, electronic mail, etc. The content inside the

By clicking on the buttons above, you can add more elements, for example, a drop-down menu.

Se puede dejar el nombre por defecto o cambiarlo. In the options field, we will have to add the options we want to show in the menu, one for each line. If you require multiple selections, you can check the Allow multiple selections option. When clicking on Insert se aggregate el code.

As you can see in the image, no label has been added, so as to be seen in the final form, no title will be shown. For this example we will add in the same way as the other fields.

Now, in the Correo Electrónico tab we will configure the information that will be sent to our mail.

In the field Para agregaremos el correo electrónico a donde queramos recibir los mensages. The variables of the elements of the form can be used to show the information in the electronic mail, for example, in subject and additional headers. If required, you can modify the texts sin alterar las variables.

In the body of the message it is observed that there is no drop-down menu element, so we will have to add it. Here it is not necessary to add the label label to add text.

Now, in the tab Messages, we will be able to customize the message that will be shown to the user when sending from the form.

Once the configuration is finished, click Save and copy the shortcode. In an entry or page we paste the shortcode in the place that is required.

When publishing the page, we will be able to observe how it looks from the form.

When sending a test message, we will be able to observe the result in the email inbox.

It is possible to add reCaptcha when entering the Contact Menu Integration option, and follow the steps that are mentioned there. It is with the end of avoiding spam on the part of bots.

Share on social networks

Latest articles

Domina el Desarrollo de Interfaces Gráficas de Usuario con el Course Gratuito en Python Flask y HTML

Learn to create a native desktop application using Python and HTML/CSS/JS. In this free Udemy course, Zenahr Barzani teaches how to create desktop...

How to Create Strategy Video Games in 2023

Share on social networksIn the exciting world of video games, strategy games have achieved outstanding...

Learn to lead projects successfully with this Free Course of Scrum, Agile and Project Delivery!

The free Udemy course, 'Basic Concepts of Scrum, Agile and Project Delivery', is given for SCRUMstudy Certification and offers an introduction to the world...

10 bad photos that, if you post them on Facebook, your account will be blocked

Social networks have become the main way of communication for many users with the whole world, not only with our closest environment. Sin...

Related articles


Please enter your comment!
Please enter your name here