Crear formulario de contacto wordpress

Crear formulario de contacto wordpress

Shortcode de formulario de contacto de wordpress

Habilitar un formulario y una página de contacto en su sitio web proporcionará a sus clientes una forma de estar en contacto con usted. Esto puede traerle diferentes beneficios – desde un simple reporte de errores hasta una forma muy conveniente para que sus clientes se pongan en contacto con usted en relación a un producto que está presentando en su sitio web.
En este tutorial, ilustraremos cómo puede crear un formulario de contacto en su sitio web con unos pocos pasos fáciles de seguir, y en pocos minutos, podrá tener una página de Contacto totalmente funcional y protegida contra el spam.
La forma más fácil de configurar un formulario de contacto es utilizando un plugin. Hay una multitud de plugins gratuitos y de pago que pueden hacer esto. Algunos de los mejores son WPForms, Gravity Forms, Jetpack Forms и Contact Form 7. Para hacer este tutorial, elegimos Contact Form 7, que es el más utilizado y posiblemente el más fácil de configurar.
Ahora vamos a añadir un nuevo formulario. Si pasas el ratón por encima del nuevo menú, te aparecerán tres elementos adicionales del submenú: Formularios de contacto, Añadir nuevo e Integración. Haz clic en el botón Añadir nuevo para que puedas añadir tu propio formulario de contacto personalizado.

Formulario de contacto de wordpress 7

Haga clic en Contacto > Formularios de contacto. Aquí verás el panel de administración central donde puedes gestionar múltiples formularios de contacto. También encontrará el formulario de contacto por defecto de Contact Form 7, etiquetado como Contact Form 1.
Sin embargo, es posible que desee añadir campos adicionales, dependiendo de las necesidades de su sitio. Para ello, puede seleccionar el botón generador de etiquetas apropiado para generar la etiqueta de formulario correcta. Por ejemplo, para añadir un campo URL, basta con hacer clic en el botón URL (como se indica a continuación).
Si quieres añadir una etiqueta a tu campo, puedes copiar el HTML que acompaña a un formulario-etiqueta de los otros campos. Por ejemplo, cuando pulsamos el botón URL, Contact Form 7 pregeneró la etiqueta de formulario [url url-935]. A continuación, añadimos el HTML extra para la etiqueta, por lo que el campo URL final se lee como:
Cualquier campo extra que añada a su formulario de contacto no se refleja automáticamente en la configuración de la plantilla de notificación por correo electrónico. Por lo tanto, una vez que haya terminado de personalizar el Formulario, cambie a la pestaña Correo.
Esta es la plantilla del correo electrónico que recibirá cuando se envíe un formulario de contacto. En el campo Para, compruebe que la dirección de correo electrónico es correcta, ya que es donde se enviará cualquier correspondencia del formulario de contacto.  (Contact Form 7 por defecto añadirá el correo electrónico que está vinculado a su sitio web).

Código del formulario de contacto de wordpress

Cree formularios hermosos y responsivos con un simple editor de formularios de arrastrar y soltar. Deshágase del viejo formulario de contacto 7 con soporte de shortcode y comience a usar el constructor de formularios que realmente mejora el uso de su formulario y acelera el proceso.
Sincroniza tus formularios con mailchimp y gana más suscriptores directamente. Es una gran herramienta para la gente que necesita hacer un seguimiento continuo con boletines y ofertas para sus clientes. El plugin de formularios resuelve este problema añadiendo una simple casilla de verificación a tu formulario, cuando el visitante la selecciona obtendrás un nuevo suscriptor.
La mayoría de los formularios utilizan el estilo de los temas y algunas veces no es lo suficientemente bueno o usted quiere que su formulario para las necesidades específicas que requieren un estilo personalizado, la forma resuelve este problema al darle un diseñador de formularios visual que le permite diseñar todos los elementos de su formulario.
El plugin de formularios se integra con el sistema de entradas que almacena los envíos de formularios y le permite imprimir o exportar los envíos de formularios de contacto como archivo CSV. Este formato es soportado por todos los servicios de CRM para importar datos a su plataforma.

Configuración del correo electrónico del formulario de contacto de wordpress

Paso 1: Crear la plantilla de páginaEl primer paso es crear una plantilla de página. Para ello, copiamos el código de page.php en un nuevo archivo llamado page-contact.php.Tenemos que añadir un comentario al principio del archivo contact.php para asegurarnos de que WordPress tratará el archivo como una plantilla de página. Este es el código:<?php
<?php get_footer() ?>Paso 2: Construir el formularioAhora, tenemos que crear un simple formulario de contacto. Simplemente pega el siguiente código dentro del div de contenido de la entrada.<form action=”<?php the_permalink(); ?>” id=”contactForm” method=”post”>
</form>Nada difícil con este código html bastante autoexplicativo para nuestro formulario. Fíjate en el input type=”hidden” que he añadido en la línea 19: se utilizará más tarde para comprobar si el formulario ha sido enviado.Paso 3: procesamiento de datos y gestión de erroresNuestro formulario tiene muy buena pinta, pero justo es muy inútil porque no envía ningún correo electrónico. Lo que tenemos que hacer es verificar si el formulario ha sido enviado y luego verificar si los campos han sido rellenados correctamente.Si los campos están correctamente rellenados, obtendremos el correo electrónico del administrador del blog y le enviaremos el correo electrónico. En caso contrario, no se enviará ningún correo electrónico y se mostrarán los errores al usuario.Pega el siguiente código entre la declaración de la plantilla de la página y la función get_header():<?php

Acerca del autor

admin

Ver todos los artículos