Hay una variedad de diferentes complementos de formularios de WordPress, como WP Forms, Contact Form 7 y Pirate Forms.
En este ejemplo, lo demostraremos con el plugin gratuito Contact Form 7.
1. Instala el plugin Contact Form 7 #
Inicie sesión en su área de administración de WordPress y diríjase a Complementos y seleccione Agregar nuevo. Busque Contact Form 7 y seleccione Instalar ahora y, a continuación, Activar.
2. Añade un nuevo formulario de contacto #
Ahora verás una nueva opción de menú llamada Contacto en la barra lateral izquierda de WordPress. Seleccione Contacto para configurar un nuevo formulario. Verás una lista de los formularios de contacto actuales, con un formulario predeterminado llamado “Formulario de contacto 1” que ya se ha añadido.
Crearemos uno nuevo. Seleccione Agregar nuevo. Verá el formulario predeterminado que se ha agregado junto con sus datos predeterminados.
3. Configuración del formulario #
Las etiquetas de formulario se usan como marcadores de posición para un control de formulario HTML. Por ejemplo, puede agregar un menú desplegable usando la etiqueta de menú desplegable. Puede ver nuestro ejemplo a continuación y cómo afecta al formulario en el sitio.
- Tipo de campo: establece si el campo que se agrega es necesario para enviar el formulario.
- Nombre- Este es el nombre de la etiqueta de formulario que se va a agregar. Solo se usa internamente, por lo que no afectará la forma en que se muestra el campo del formulario en el sitio web.
- Opciones: como se trata de una etiqueta de menú desplegable, debe haber varias opciones para que el usuario seleccione. En nuestro ejemplo hemos usado varias edades.
- Atributo Id/Atributo de clase: si desea personalizar aún más su formulario, puede asignar un ID de CSS o un atributo de clase.
4. Edite la configuración de correo #
Ahora que ha configurado el formulario, querrá configurar desde dónde se envía realmente el formulario y a dónde se envía. La dirección del remitente siempre tendrá que ser una dirección que utilice su propio dominio, por ejemplo, example@yourdomain.com, sin embargo, puede configurar la dirección del remitente 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-correo-electrónico], [tu-asunto] y [tu-mensaje]. Esta será la información que el usuario del formulario ha introducido en el formulario cuando lo envió.
5. Agregar el formulario a su sitio #
Ahora que has configurado el formulario, puedes añadirlo a una entrada o página de tu sitio de WordPress. Para hacer esto, necesitará el código abreviado del formulario que se proporciona en la página del formulario de contacto.
En nuestro ejemplo, nuestro código corto es:
[contact-form-7 id=“11” title=“New Contact Form”]Añade el shortcode.
Una vez hecho esto, tu formulario se mostrará en la página o publicación a la que lo hayas agregado.
