TechBlogSD - Todo para WordPress y desarrollo WEB
Instrucciones de WEB y WordPress, noticias, reseñas de temas y complementos

¿Cómo agregar un formulario de contacto en WordPress?

1

Como propietario de un sitio web, hay muchas formas en las que puede permitir que sus lectores interactúen con usted. Habilitar comentarios en blogs, responder en perfiles sociales y enviar campañas de correo electrónico son algunas de las formas más populares. Además de todas estas opciones, hay una página más importante en cualquier sitio de WordPress. Esa es la página de contacto que permite a los usuarios enviarle correos electrónicos. En este artículo, exploraremos cómo agregar un formulario de contacto en el sitio de WordPress.

Relacionado: ¿Cómo agregar y personalizar un formulario de contacto en el sitio de Weebly?

¿Por qué tener una página de contacto en WordPress?

La necesidad básica de una página de contacto es permitir que los lectores le envíen correos electrónicos. Sin embargo, existen algunas otras ventajas de tener una página de contacto en su sitio web.

  • Credibilidad: tener una página de contacto aumenta la credibilidad de su página web. La gente creerá que eres una persona real o una empresa que responde a las consultas.
  • Visibilidad: el formulario de contacto aumenta la visibilidad de su sitio tanto en los motores de búsqueda como con los usuarios. Es fácil para usted llevar a los usuarios a su página de contacto y animarlos a compartir sus necesidades.
  • Negocios: si no tiene tiempo para responder en el chat en vivo, la siguiente mejor opción para hacer negocios es usar un formulario de contacto. Esto funciona bien para industrias de servicios como redacción de currículums y desarrollo de software.

Diferencia entre formulario de contacto y correos electrónicos

Muchos de ustedes pueden pensar por qué necesitan tener un formulario de contacto separado en lugar de proporcionar directamente su dirección de correo electrónico en las secciones de pie de página y barra lateral.

  • Mostrar su dirección de correo electrónico públicamente creará problemas de privacidad. Recibirá cientos de correos electrónicos no deseados, ya que cualquiera puede enviar un mensaje haciendo clic en su dirección de correo electrónico.
  • Por el contrario, los formularios de contacto no revelarán su dirección de correo electrónico a los lectores. WordPress procesará el mensaje y se lo enviará sin que los usuarios conozcan su dirección de correo electrónico. De esta forma, recibirás mensajes solo de usuarios interesados ​​y evitarás spam y mensajes privados ofensivos.
  • El complemento funciona a la perfección con Akismet para evitar envíos de spam o puede agregar reCAPTCHA para asegurarse de que solo los usuarios humanos puedan enviar el formulario y no los robots automáticos. Además, Contact Form 7 también utiliza la opción predeterminada de lista negra de comentarios de WordPress para bloquear mensajes.
  • Puede utilizar varios formularios de contacto en un solo sitio de WordPress y agregar parámetros para realizar un seguimiento del rendimiento de cada formulario. Por ejemplo, puede realizar un seguimiento del formulario en su página de contacto y acerca de la página por separado.
  • El complemento no almacena los mensajes en la base de datos, por lo que mantiene su privacidad.

Con todos estos beneficios, los formularios de contacto son una forma mucho más segura, profesional y fácil de interactuar con sus lectores.

La buena parte es que tiene muchos complementos de formularios de contacto disponibles de forma gratuita en la sección de repositorio de complementos de WordPress. Contact Form 7 es uno de los complementos más populares de todos los disponibles gratuitamente.

  • Es un complemento muy fácil de usar que tiene más de 5 millones de instalaciones activas.
  • Es un complemento gratuito completo sin anuncios molestos ni una versión premium de ventas adicionales.
  • Desarrollado y mantenido activamente.
  • Muchos temas populares de WordPress integran el complemento Contact Form 7 y ofrecen formularios personalizados.
  • Puede insertar el formulario en cualquier lugar de su sitio utilizando el bloque Gutenberg.

Instalación del complemento Contact Form 7

Dado que Contact Form 7 es un complemento gratuito, puede instalarlo directamente desde su panel de administrador de WordPress. Después de iniciar sesión en el panel de administración de su sitio, vaya a la sección "Complementos> Agregar nuevo". Puede buscar e instalar el complemento Contact Form 7 desde allí.

¿Cómo agregar un formulario de contacto en WordPress?

Instalar el complemento Contact Form 7

Creación de su primer formulario de contacto

Después de activar el complemento en su sitio, creará un elemento de menú llamado "Contacto". Tiene tres elementos de submenú: Formularios de contacto, Agregar nuevo e Integración.

¿Cómo agregar un formulario de contacto en WordPress?

Menú Formulario de contacto 7

  • Puede ver todos sus formularios en la sección "Formularios de contacto".
  • Vaya a "Agregar nuevo" para crear un formulario nuevo.
  • La sección de integración le permite vincularse a API externas de Constant Contact, reCAPTCHA y Sendinblue.

Configuración del complemento Contact Form 7

Para facilitar su tarea, el Formulario de contacto 7 agregará un formulario de muestra listo para usar en su sitio. Puede editar el formulario de muestra yendo a la sección "Formularios de contacto" y reutilizar o crear uno nuevo desde cero.

¿Cómo agregar un formulario de contacto en WordPress?

Ver formularios creados

En este artículo, crearemos un nuevo formulario e insertaremos el código corto. Vaya a la sección "Contacto> Agregar nuevo" para ver todas las opciones disponibles para crear un nuevo formulario. Verá secciones de formulario, correo, mensajes y configuraciones adicionales donde puede configurar las opciones y diseñar su formulario. El complemento agregará una plantilla base para el formulario, el correo y los mensajes en la sección correspondiente para comenzar. Puede agregar opciones adicionales consultando la página de documentación del complemento.

Sección de formulario

En la sección "Formulario", puede ver las etiquetas disponibles para editar la plantilla de formulario. El complemento agregará las etiquetas básicas como nombre, correo electrónico, asunto y botón de envío que puede editar y personalizar aún más.

¿Cómo agregar un formulario de contacto en WordPress?

Agregar nuevo formulario de contacto

  • Puede agregar campos para URL, número de teléfono, botones de radio, carga de archivos, cuestionario, casillas de verificación, menú desplegable, etc. simplemente haciendo clic en el botón.
  • Al principio, es posible que no se sienta cómodo con los botones y el código. Sin embargo, al hacer clic en cada botón se mostrará una ventana emergente donde simplemente puede completar los detalles.
  • No es necesario recordar las etiquetas ni preparar el código.

Por ejemplo, haga clic en el botón "archivo" para insertar una opción de carga de archivo en su formulario. En la ventana emergente que aparece, proporcione detalles de tamaño, tipo, archivo obligatorio, etc. y guarde.

¿Cómo agregar un formulario de contacto en WordPress?

Rellenar detalles para etiqueta

Después de terminar el diseño del formulario, la plantilla tendrá las siguientes etiquetas. Puede mover las etiquetas a diferentes posiciones cortando y pegando el código correspondiente.

<label> Your name [text your-name] </label> <label> Your email [email your-email] </label> <label> Subject [text your-subject] </label> <label> Your message (optional) [textarea your-message] </label> [file file-915 limit:1mb filetypes:.docx] [submit "Submit"]

Finalmente, proporcione un nombre para su formulario y haga clic en el botón Guardar. Obtendrá el código corto que puede copiar y pegar en cualquier lugar de su sitio.

¿Cómo agregar un formulario de contacto en WordPress?

Formulario de contacto guardado

Sección de correo

Antes de usar el shortcode, el siguiente paso es configurar su plantilla de correo electrónico yendo a la sección "Correo".

¿Cómo agregar un formulario de contacto en WordPress?

Configuración de correo del Formulario de contacto 7

  • Hacia y De: el complemento usa el correo electrónico del administrador del sitio como una dirección para y usa el título del sitio y el correo electrónico proporcionado para el campo de.
  • Asunto y encabezados: los detalles de los campos del formulario se utilizan en la plantilla de correo.
  • Cuerpo del mensaje: configure el formato de la plantilla para recibir los correos electrónicos.
  • Archivo adjunto: déjelo en blanco o agregue la etiqueta del archivo si es necesario para mostrar el nombre del archivo en el correo electrónico de recepción.

¿Cómo agregar un formulario de contacto en WordPress?

Cuerpo del mensaje y archivo adjunto

En general, no es necesario realizar ninguna modificación en la plantilla de correo. Crea una segunda plantilla de correo para usarla como respuesta automática. Cuando un correo electrónico se envía correctamente, el complemento activará la plantilla de correo electrónico de respuesta automática al correo electrónico del remitente.

¿Cómo agregar un formulario de contacto en WordPress?

Formulario de contacto 7 Autorespondedor

Guarde sus cambios después de finalizar la configuración de las plantillas de correo.

Sección de mensajes

En esta sección, puede personalizar los mensajes de texto que aparecen en diferentes situaciones. Puede dejar los marcadores de posición de texto como están si no desea personalizarlos. Por ejemplo, de forma predeterminada, el complemento mostrará un mensaje “Gracias por su mensaje. Ha sido enviado." después de un envío exitoso de un formulario. Si usa el formulario para el envío de propuestas comerciales, entonces tiene sentido editar este texto para agregar más detalles y pasos adicionales para sus clientes.

¿Cómo agregar un formulario de contacto en WordPress?

Configuración de mensajes

Ajustes adicionales

Puede dejar la sección de configuración adicional como está. Sin embargo, revise las opciones disponibles en la documentación para verificar si algún campo es útil. Por ejemplo, puede agregar subscribers_only: true en el cuadro de texto para permitir que solo los usuarios que hayan iniciado sesión envíen el formulario.

¿Cómo agregar un formulario de contacto en WordPress?

Ajustes adicionales

Agregar formulario en la página de contacto

Haga clic en el botón Guardar después de finalizar todas las configuraciones. Básicamente, todos los pasos anteriores son una configuración única y puede crear nuevos formularios utilizando la misma configuración sin editar las plantillas cada vez. Sin embargo, también puede utilizar diferentes campos y plantillas para cada formulario.

Ahora que tiene el código corto de su formulario de contacto y el siguiente paso es incrustarlo en su página. Vaya a la sección "Páginas> Todas las páginas" y cree / edite su página de contacto. Escriba / contacto para filtrar el bloque de Gutenberg del Formulario de contacto 7 e insértelo en su área de contenido.

¿Cómo agregar un formulario de contacto en WordPress?

Formulario de contacto 7 Bloque Gutenberg

Haga clic en el menú desplegable "Seleccionar un formulario de contacto" y elija el nombre de su formulario para insertar.

¿Cómo agregar un formulario de contacto en WordPress?

Insertar formulario de contacto

Si está utilizando el editor clásico antiguo, simplemente pegue el código corto del formulario de contacto en el editor.

¿Cómo agregar un formulario de contacto en WordPress?

Agregar formulario de contacto en el editor clásico

Eso es todo, ha insertado el formulario de contacto en su página. Ahora, puede publicar o actualizar la página para verla en acción.

Relacionado: ¿Cómo incrustar formularios de Google en WordPress?

Prueba de su formulario de contacto

Vea su página para ver cómo se ve el formulario. También le recomendamos que pruebe el formulario enviando un mensaje ficticio.

¿Cómo agregar un formulario de contacto en WordPress?

Formulario de contacto publicado

El complemento utilizará las validaciones del navegador para asegurarse de que se completen todos los campos obligatorios. Verá errores según la configuración en la sección "Mensajes" cuando intente enviar el formulario sin campos obligatorios.

¿Cómo agregar un formulario de contacto en WordPress?

Validación de formularios en el navegador

Envíe un mensaje exitoso y confirme que su contacto está funcionando bien. Del mismo modo, verifique el mensaje recibido y ajuste la configuración en la sección "Correo" para cambiar la plantilla si es necesario.

¿Cómo agregar un formulario de contacto en WordPress?

Mensaje enviado correctamente

Conclusión

En total, es posible que necesite menos de 30 minutos para crear y agregar un formulario de contacto en su sitio de WordPress utilizando el complemento Contact Form 7. Funciona a la perfección sin entrar en conflicto con otros complementos. Sin lugar a dudas, Contact Form 7 es parte de muchos sitios comerciales de WordPress y también puede probarlo para mejorar su negocio.

Fuente de grabación: webnots.com
Deja una respuesta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More