Incluir información de contacto fácil de encontrar en los sitios web que crea es una excelente manera de ayudar a los usuarios a comunicarse con usted (¡o sus clientes!) A veces, una dirección de correo electrónico es todo lo que necesita, pero si desea automatizar el proceso con un poco más de funcionalidad, un Contact Form 7 puede ayudar a garantizar que siempre obtenga la información que necesita de las personas que intentan comunicarse con usted.

Si bien puede crear su propio complemento personalizado , ya hay una serie de excelentes complementos de formularios disponibles que puede instalar: Contact Form 7 es uno de ellos.  

Con más de cinco millones de instalaciones activas, Contact Form 7 es el complemento de formulario más popular en el directorio de complementos de WordPress, y es una gran solución para muchas de sus necesidades de formulario. 

También se actualiza regularmente e incluye muchas opciones personalizables, numerosas opciones para múltiples formularios y un gran soporte en general.

¿Listo para probar el Formulario de contacto 7? ¡Vamos a configurarlo!

Instalarlo.

Para instalar Contact Form 7, simplemente vaya a Complementos> Agregar nuevo . Busque «Formulario de contacto 7» y haga clic en Instalar ahora .

Contact Form 7

Construye el formulario real.

Una vez que haya instalado el complemento, vaya a la nueva pestaña Contacto y seleccione Agregar nuevo .

Seleccione el idioma que le gustaría usar y, nuevamente, presione el botón Agregar nuevo 

Ahora construiremos el formulario real. De forma predeterminada, verá un formulario que solicita «Su nombre (obligatorio)», «Su correo electrónico (obligatorio)», «Asunto», «Su mensaje» y un botón Enviar .

Desde aquí puede agregar, eliminar o simplemente editar cualquiera de estos campos para satisfacer las necesidades de su sitio. Para agregar una nueva etiqueta al formulario, simplemente haga clic en el botón correspondiente (texto, correo electrónico, URL, etc.). Se abrirá una nueva ventana con más opciones, como si se requiere la etiqueta o si desea un texto de marcador de posición hasta que el usuario complete la suya propia.

Una vez que presione Insertar etiqueta , verá una nueva línea agregada a su formulario que se parece a esto: 

[url* url-300 placeholder "www.website.com"]

Es un buen comienzo, pero querrá agregar texto encima de esa etiqueta para que los usuarios sepan lo que está buscando. 

Comience un nuevo párrafo, ingrese su texto, agregue un salto antes de la etiqueta y luego ciérrelo con un párrafo. Debe tener un aspecto como este:

<p>Website URL <br />[url* url-300 placeholder "www.website.com"] </p>

Una vez que haya terminado de configurar su formulario, presione Guardar . No se preocupe, ¡siempre puede realizar cambios más adelante! 

Establezca sus preferencias de correo electrónico.

Cuando alguien envíe un formulario, recibirá un correo electrónico con toda la información que haya proporcionado. En la pestaña Correo , puede organizar la información en ese correo electrónico usando las mismas etiquetas de su formulario. En la parte superior de la página, te dirá qué etiquetas puedes usar.

En la sección Cuerpo del mensaje , puede usar esas pestañas para organizar cómo se verá el correo electrónico que recibirá. Esto hace que sea muy fácil ver todo lo que envían sus clientes. 

Una vez más, una vez que haya terminado, presione  Guardar .

Edite los mensajes automáticos.

La pestaña Mensajes le permite controlar los mensajes que ve un usuario cuando envía un formulario. Esto incluye cualquier cosa, desde mensajes de error hasta notificar al usuario que su formulario se envió correctamente. 

Hay mensajes predeterminados para casi todos los casos de uso, por lo que si no está demasiado preocupado por agregar un tono de voz único, probablemente pueda omitir esta pestaña. Pero si desea agregar un poco de personalidad a su formulario, estos mensajes son una excelente manera de hacerlo.

formulario-de-contacto-7-mensajes

Una vez que haya realizado los cambios, continúe y  guarde .

Agregue cualquier configuración adicional.

La última pestaña,  Configuración adicional , le permite agregar algunos fragmentos de código específicos a su formulario. Puede ver estas funciones aquí .

Una vez que haya terminado con cualquier configuración adicional, presione  Guardar , luego copie el código corto de la parte superior de la página.

formulario-de-contacto-7-shortcode

Finalmente, pegue ese código corto en la publicación o página en la que desea el formulario, ¡y listo! Tienes un formulario de contacto en tu sitio.


¿Quieres recibir en tu buzón un correo con las últimas novedades?