¿Cómo se añaden y utilizan los formularios de contacto de WordPress?

Existen varios plugins de formularios para WordPress, como WP Forms, Contact Form 7 y Pirate Forms.

En este ejemplo, haremos una demostración con el plugin gratuito Contact Form 7.

1. Instale el plugin Contact Form 7

Inicie sesión en el área de administración de WordPress, vaya a Plugins y seleccione Añadir nuevo. Busque Contact Form 7 y seleccione Instalar ahora y luego Activar.

2. Añada un nuevo formulario de contacto

Ahora verá una nueva opción de menú llamada Contacto en la barra lateral izquierda de WordPress. Seleccione Contacto para configurar un nuevo formulario. Verá una lista de formularios de contacto actuales, con un formulario por defecto llamado 'Formulario de contacto 1' que ya ha sido añadido.

Vamos a crear uno nuevo. Seleccione Añadir nuevo. Verás el formulario por defecto que se ha añadido junto con sus datos por defecto.

3. Configurar su formulario

Las etiquetas de formulario se utilizan como marcadores de posición para un control de formulario HTML. Por ejemplo, puede añadir un menú desplegable utilizando la etiqueta menú desplegable. Usted puede ver nuestro ejemplo a continuación y cómo afecta a la forma en el sitio.

Tipo de campo - Establece si el campo que se añade es obligatorio para enviar el formulario.

Nombre - Este es el nombre de la etiqueta del formulario que se agrega. Sólo se utiliza internamente, por lo que no afectará a cómo se muestra el campo del formulario en el sitio web.

Opciones - Como se trata de una etiqueta de menú desplegable, tiene que haber varias opciones para que el usuario seleccione. En nuestro ejemplo hemos utilizado varias edades.

Atributo Id/Atributo Class - Si quieres personalizar aún más tu formulario, puedes asignarle un atributo CSS ID o Class.

4. Editar la configuración de correo

Ahora que ha configurado su formulario, querrá configurar desde dónde se envía el formulario y a dónde se envía. La dirección De siempre tendrá que ser una dirección que utilice su propio dominio, por ejemplo [email protected], sin embargo puede configurar la dirección Para que sea cualquier dirección de correo electrónico a la que desee recibir el formulario.

Podrás configurar qué información del formulario se envía a través del correo electrónico, en el ejemplo anterior, puedes ver las etiquetas: [tu-nombre], [tu-email], [tu-asunto] y [tu-mensaje]. Esta será la información que el usuario ha introducido en el formulario cuando lo envió.

5. Añadir el formulario a su sitio web

Ahora que ha configurado el formulario, puede añadirlo a una entrada o página de su sitio WordPress. Para ello, necesitará el código corto del formulario que se proporciona en la página Formulario de contacto.

En nuestro ejemplo, el código corto es:

[contact-form-7 id="11" title="Nuevo Formulario de Contacto"]

Añada el código corto.

Una vez hecho esto, tu formulario se mostrará en la página o entrada a la que lo hayas añadido.