Cómo agregar un formulario de contacto a tu sitio web de WordPress

¿Quieres una forma fácil de crear un formulario de contacto en WordPress?

Con un formulario de contacto, tus visitantes pueden comunicarse contigo fácilmente, hacer preguntas sobre tu negocio, consultar sobre productos y enviar comentarios. Es algo imprescindible en cualquier sitio web.

Ahora, normalmente agregar un formulario de contacto a tu sitio requiere un poco de codificación, pero te daremos un método mucho más fácil que cualquiera puede seguir.

En este tutorial, solo te tomará 5 sencillos pasos tener un formulario hermoso y completamente funcional en tu sitio.

¿Qué necesitas en un formulario de contacto?

Los formularios de contacto pueden servir para múltiples propósitos en tu sitio. Pueden ayudarte a obtener más clientes potenciales y superar objeciones de ventas. Además, es más rápido y fácil que enviar un correo electrónico para contactarte, por lo que definitivamente mejoran la experiencia del usuario.

Al crear un formulario de contacto, debes tener en cuenta los siguientes puntos:

• Fácil de usar: Los visitantes deberían poder enviar sus mensajes y otros detalles directamente desde tu sitio.
• Obtén la información correcta: Pide solo la información que deseas de tus visitantes, como su número de teléfono, dirección de correo electrónico y más. 
• Protección contra spam: Cualquier formulario en un sitio web está propenso a recibir spam. Un plugin puede ayudarte a evitar que spammers y hackers envíen entradas falsas e incluso malware.
• Datos organizados: Los datos que obtienes de los formularios de contacto son valiosos. A medida que más usuarios envían el formulario, tus datos podrían perderse fácilmente. Organizar las entradas de tu formulario desde el principio es el camino correcto.
• Generación de leads: Aprovecha la oportunidad para preguntar a los usuarios si puedes agregarlos a tu lista de correo electrónico para mantenerlos interesados con tu boletín semanal.
• Cumplimiento: Muchos creadores de formularios de contacto ofrecen la opción de agregar una casilla de verificación para solicitar el permiso del usuario para contactarlo. Puedes cumplir fácilmente con las reglas del GDPR. 

Dicho esto, comencemos nuestra guía paso a paso sobre cómo agregar un formulario de contacto a tu sitio web de WordPress.

La MEJOR Manera de Agregar un Formulario de Contacto en WordPress

Si vas a crear un formulario de contacto en WordPress, entonces deberías usar el mejor plugin del mercado. Ese es WPForms, sin duda.

WPForms es el creador de formularios más potente para sitios de WordPress. Viene con todas las funciones que necesitarás para crear cualquier tipo de formulario en unos pocos clics. 

Con su sencillo creador de arrastrar y soltar, cualquiera puede agregar un formulario de contacto en WordPress sin necesidad de codificar. El plugin ofrece más de 1200 plantillas de formularios para que no tengas que crear uno desde cero. Simplemente puedes agregar o eliminar campos y personalizar el formulario como desees. 

Además de esto, obtendrás acceso a otras funciones avanzadas como notificaciones y confirmaciones de formularios. 

Esto te permitirá enviar correos electrónicos y mensajes de confirmación a tus visitantes tan pronto como presionen el botón de enviar en tu formulario de contacto. Incluso puedes notificarte a ti mismo y a los miembros de tu equipo para que puedas responder a los usuarios de inmediato.

Es seguro decir que WPForms es la mejor opción para crear formularios de contacto en WordPress. Estas son las características clave que ofrece el plugin: 

• Creador de formularios de arrastrar y soltar fácil de usar para principiantes
• Más de 1200 plantillas de formularios predefinidas
• Soporta procesadores de pago como PayPal, Stripe, Square y más
• Panel de gestión de entradas para rastrear y administrar envíos de formularios
• Integraciones con servicios de marketing por correo electrónico para crear tu lista de correos
• Protección contra spam integrada con opciones de captcha

Ahora que sabes qué creador de formularios usar, aprendamos cómo crear fácilmente un formulario de contacto en WordPress.

Paso 1: Instalar el Plugin WPForms

Primero, necesitarás registrarte para obtener una cuenta de WPForms. También puedes empezar con el plugin WPForms Lite, que está disponible en WordPress.org. Esta versión gratuita viene con muchísimas funciones para crear formularios de contacto profesionales para tu sitio web. 

Si deseas acceso a funciones avanzadas como pasarelas de pago y complementos de formularios, puedes actualizar a la versión pro. Los planes de precios comienzan desde tan solo $49.50 por año. 

Una vez que te registres, encontrarás tu archivo de descarga y clave de licencia en el panel de WPForms. 

Necesitas instalar el plugin WPForms en tu sitio de WordPress. Para más detalles sobre esto, consulta nuestra guía sencilla sobre cómo instalar un plugin de WordPress. 

Después de instalar el plugin, abre la página WPForms » Configuración e ingresa tu clave de licencia aquí. 

Luego, haz clic en el botón Verificar clave para ver el mensaje de éxito. 

Ahora, puedes empezar a crear tu formulario de contacto de WordPress. 

Paso 2: Crear un nuevo formulario de contacto

Para crear un nuevo formulario, ve a la pestaña WPForms » Añadir nuevo en el menú de la izquierda de tu panel de WordPress. 

Luego, verás la biblioteca de plantillas donde puedes seleccionar una plantilla de formulario de contacto o un formulario en blanco para empezar. 

Puedes darle un nombre a tu formulario en la parte superior y seleccionar la plantilla Formulario de contacto simple para este tutorial. 

En la siguiente pantalla, verás el constructor de formularios de arrastrar y soltar. Todos los campos del formulario, como correo electrónico, números, captcha y carga de archivos, están disponibles en el lado izquierdo de la página.

Y a la derecha, verás la vista previa del formulario. La plantilla del formulario ya incluye todos los campos necesarios como:

• Nombre (nombre y apellido)
• Dirección de correo electrónico
• Comentario / Mensaje

Si eso es todo lo que necesitas, haz clic en Guardar y pasa al siguiente paso. Si necesitas personalizarlo más, el constructor de arrastrar y soltar es increíblemente fácil de usar.

Puedes agregar fácilmente un nuevo campo de formulario en la vista previa del formulario y organizar el orden como desees. Por ejemplo, agregaremos el campo desplegable al formulario de contacto. 

Para editar el campo del formulario, simplemente puedes hacer clic en él y verás las opciones del campo como la etiqueta, las etiquetas de los elementos, la descripción y más. 

En la pestaña de configuración Avanzada, encontrarás más opciones como el estilo del formulario, el tamaño del campo, las clases CSS y otras configuraciones para personalizar el campo del formulario.

Una vez que hayas terminado de personalizar tu formulario de contacto, puedes ajustar la configuración para asegurarte de que se adapte a tus necesidades.

Paso 3: Configurar los Ajustes del Formulario

Desde el panel del menú izquierdo del editor de formularios, haz clic en la pestaña Configuración » General. Aquí verás estas configuraciones del formulario:

• Nombre del formulario: Edita el nombre de tu formulario de contacto.
• Descripción del formulario: Agrega una descripción simple de lo que hace tu formulario de contacto. 
• Texto del botón de envío: Cambia la etiqueta del botón de envío del formulario de contacto.
• Texto de procesamiento del botón de envío: Ingresa un texto para mostrar en el botón de envío cuando el formulario se esté procesando.
• Habilitar protección contra spam: Evita que los bots de spam envíen formularios.  

Si te desplazas hacia abajo, verás opciones avanzadas como CSS personalizado para el botón de envío, envío de formularios AJAX y más. Estas están dirigidas a desarrolladores que desean agregar codificación personalizada.

Una vez que hayas terminado, haz clic en Guardar y pasa al siguiente paso.

Paso 4: Habilitar Notificaciones y Confirmaciones del Formulario

WPForms te permite controlar lo que sucede después de que los usuarios envían un formulario en tu sitio web de WordPress. Puedes enviar notificaciones y confirmaciones del formulario a:

• Notifícate a ti mismo y a los miembros de tu equipo sobre nuevos envíos de formularios
• Envía un correo electrónico a los usuarios para confirmar sus envíos.
• Muestra un mensaje de confirmación o agradecimiento después de un envío de formulario exitoso
• Redirige a los clientes a otra página después de que envíen su formulario

Para configurar las notificaciones por correo electrónico, abre la pestaña Configuración » Notificación en el menú izquierdo del constructor de formularios. 

Por defecto, la notificación del administrador ya está configurada. Esto enviará un correo electrónico al administrador del sitio web cada vez que haya un nuevo envío de formulario.

En el campo Enviar a la dirección de correo electrónico, también puedes agregar más direcciones de correo electrónico de los miembros de tu equipo. Solo asegúrate de separarlas con comas. 

Lo que es más, puedes configurar una notificación para tus usuarios y enviarles correos electrónicos de confirmación automatizados. Para esto, simplemente haz clic en el botón Agregar nueva notificación.

Para agregar la dirección de correo electrónico del usuario, haz clic en la opción Mostrar etiquetas inteligentes y selecciona el campo del formulario Correo electrónico. 

A continuación, puedes personalizar la línea de asunto, el nombre del formulario y el cuerpo del correo electrónico. Si deseas mostrar los detalles del envío del formulario en el correo electrónico, usa la etiqueta inteligente {all_fields}. 

Esto recuperará automáticamente los datos del envío del formulario y los agregará a la notificación por correo electrónico. 

Ahora, puedes configurar el mensaje de confirmación que se muestra en el front-end de tu sitio de WordPress después de que los usuarios envíen el formulario.

Para esto, haz clic en la pestaña Confirmaciones en la página de configuración. Aquí verás 3 opciones:

• Mostrar un mensaje personalizado 
• Redirigir a una página diferente en tu sitio
• Redirigir a un sitio web o página externa

Si deseas mostrar un mensaje de agradecimiento a los usuarios, puedes ingresar un mensaje personalizado en el área de texto. 

Además, obtendrás la opción de desplazarte automáticamente hacia el mensaje de confirmación y mostrar una vista previa del envío del formulario a los usuarios. Incluso puedes seleccionar el estilo de la vista previa. 

Para más información sobre esto, consulta nuestra guía sobre cómo configurar las notificaciones y confirmaciones de formularios adecuadas. 

No olvides guardar tu configuración al final. 

Todo lo que necesitas hacer ahora es agregar el formulario de contacto a tu sitio de WordPress. Antes de hacer eso, si deseas conectar este formulario de contacto a tu cuenta de marketing por correo electrónico, puedes hacerlo en la pestaña Marketing.

Simplemente necesitas seleccionar tu proveedor de correo electrónico y conectar tu cuenta. Luego puedes segmentar clientes potenciales y hacer que se agreguen automáticamente a tu lista de contactos y campañas de correo electrónico. ¡Es realmente así de fácil!

Ahora agreguemos tu formulario de contacto a tu sitio web.

Paso 5: Agrega tu formulario de contacto en WordPress

WPForms te permite agregar tus formularios de contacto a cualquier página, publicación o barra lateral de tu sitio. Ofrece soporte para el código corto del formulario de contacto y el editor de bloques de Gutenberg para hacer el proceso súper fácil. 

Agregar formulario de contacto a una página o publicación de WordPress (Gutenberg)

Para agregar el formulario de contacto en cualquier página o publicación de WordPress, puedes buscar el bloque WPForms y agregarlo al editor de texto. 

Luego, verás un menú desplegable donde puedes seleccionar el formulario de contacto que acabas de crear.

Después de seleccionar el formulario, verás la vista previa en el editor de texto. Para agregar el formulario de contacto a tu sitio, haz clic en el botón Publicar en la esquina superior derecha. 

Agregar un formulario de contacto a una página o entrada de WordPress (Editor Clásico)

Si usas el editor clásico de WordPress, puedes agregar el formulario de contacto usando el botón Agregar Formulario. O, puedes simplemente copiar y pegar el shortcode del formulario para incrustarlo en tu sitio web. 

Agregar un formulario de contacto a una barra lateral

También puedes agregar el formulario de contacto a tu widget de barra lateral. Para ello, ve a Apariencia » Widgets. Ahora, arrastra y suelta el widget de WPForms en la barra lateral o en el menú del pie de página a la derecha.

Después de eso, selecciona tu formulario usando el menú desplegable y guarda tus cambios.

Una vez hecho esto, haz clic en el botón Guardar. Tu formulario ahora comenzará a mostrarse en la barra lateral de tu sitio web.

¡Y listo! Has aprendido a agregar un formulario de contacto en WordPress en unos sencillos pasos usando WPForms. 

Sin duda, WPForms es el plugin de creación de formularios número 1 para WordPress que te permite crear formularios para cualquier propósito. Es compatible con todos los temas principales de WordPress y constructores de páginas, por lo que no tendrás ningún problema al usarlo en tu sitio.

WPForms también te permite crear otros formularios como:

• Formularios de pedido de productos
• Registros de eventos
• Formularios de donación
• Encuestas y sondeos
• Formularios de reserva 

...y mucho más. Simplemente haz clic en los enlaces de arriba para ir directamente a un tutorial fácil para configurarlo.

¡Eso es todo por hoy! Esperamos que este artículo te haya ayudado a agregar fácilmente un formulario de contacto a tu sitio web de WordPress. 

Si disfrutaste de este tutorial, también te podría interesar nuestra guía paso a paso sobre cómo crear fácilmente una encuesta en WordPress.

Para tus próximos pasos, quizás quieras consultar estos recursos: 

• Cómo configurar el seguimiento de formularios de WordPress en Google Analytics
• Las mejores herramientas de captura de correo electrónico y creadores de formularios para WordPress
• Cómo agregar la opción 'Guardar y continuar más tarde' a los formularios de WordPress

Estas publicaciones te ayudarán a rastrear las presentaciones de tus formularios y a hacer crecer tu lista de marketing por correo electrónico. La última te ayudará a agregar la funcionalidad de guardar y reanudar a tus formularios de WordPress.