Cómo insertar un formulario de contacto en nuestra web WordPress

Por defecto WordPress no incluye la funcionalidad de insertar un formulario de contacto para que nuestros visitantes puedan enviarnos sus preguntas, sugerencias u observaciones. En esta entrada vamos a ver cómo podemos añadir dicha funcionalidad en nuestro sitio web.

Esta funcionalidad la vamos a conseguir mediante la instalación de un plugin y de los muchos que hay para esto he elegido el más simple y sencillo de manejar y que además es, quizás, el más conocido de todos: Contact Form 7.

Figura 1: Icono de Contact Form 7 en el repositorio de WordPress
Figura 1: Icono de Contact Form 7 en el repositorio de WordPress

Una vez instalado comprobaremos cómo en la columna de la izquierda de nuestro panel de control o escritorio, contamos con una opción de menú nueva: «Contacto». Ver figura 2.

Figura 2: Opción de menú para acceder al directorio de formularios de contacto
Figura 2: Opción de menú para acceder al directorio de formularios de contacto

Si hacemos clic sobre dicha opción «Contacto» nos aparecerá la relación de formularios de contacto definidos. En nuestro caso en que acabamos de instalar el plugin únicamente aparecerá uno denominado «Formulario de contacto 1», así como el shortcode correspondiente a dicho formulario. Ver figura 3.

Figura 3: Directorio de formularios de contacto
Figura 3: Directorio de formularios de contacto

Para poder incluir este formulario en nuestra página de contacto, previamente debemos crear dicha página en nuestra instalación de WordPress. Si desconoces cómo hacerlo puedes consultar la entrada «Cómo crear una página en WordPress«.

Una vez creada la página de contacto, para insertar el shortcode, bastará con copiar el contenido que nos muestra la figura 3.

[ contact-form-7 id="14" title ="Formulario de contacto 1"]

Debemos tener en cuenta que el id=»14″ es válido únicamente para este ejemplo, tú deberás copiar el código exacto que corresponda a tu formulario.

Figura 4: Shortcode insertado en página de contacto
Figura 4: Shortcode insertado en página de contacto

Si actualizamos la página y vamos a verla, nos aparecerá un formulario de contacto en sustitución del shortcode, como el que vemos en la figura 5.

Figura 5: Formulario de contacto insertado en la página
Figura 5: Formulario de contacto insertado en la página

Pero por desgracia, este formulario aún no funciona correctamente. Antes debemos hacer uno pequeño ajuste ya que aún no sabe a qué dirección de correo deberá enviar el contenido del formulario una vez cumplimentado, cuando el usuario haga clic en el botón «Enviar».

Si volvemos a la figura 3 y hacemos clic en el enlace señalizado como «Formulario de contacto 1», nos aparecerá algo similar a lo que vemos en la figura 6.

Figura 6: Configuración del correo de destino de los envíos desde el formulario de contacto.
Figura 6: Configuración del correo de destino de los envíos desde el formulario de contacto.

En la pestaña «Correo electrónico», nos encontramos un recuadrito para cumplimentar con el correo de destino de los envíos desde el formulario de contacto. Ahí debemos colocar el correo destinatario de los mensajes.

No olvides que con este procedimiento tendríamos nuestra web con un formulario de contacto que no sería válido dentro de la Unión Europea, ya que no cumpliría con el Reglamento General de Protección de Datos. Para adaptarlo sigue los pasos que se te muestran en Cómo adaptar un formulario de Contact Form 7 a la RGPD.

De igual forma, debes saber que Contact Form 7 no almacena los datos que se envían a través de correo, si deseas que se almacenen debes instalar un a extensión tal y como se indica en la entrada Cómo almacenar los datos de un formulario creado con Contact Form 7.

Ir arriba