Ya sea que desee que los visitantes realicen una compra, se registren para una demostración o descarguen un documento técnico en su sitio web, deberá crear un formulario de sitio web para ese proceso.
El diseño, la mensajería y la funcionalidad de sus formularios web juegan un papel importante en si un visitante completa el formulario y realiza la conversión. Hacer estos pequeños ajustes a sus formularios de WordPress puede ayudarlo a reducir la carga cognitiva de un visitante y aumentar las conversiones de formularios.
En esta guía, compartiremos consejos para Gravity Forms y la versión gratuita Formulario de contacto 7 enchufar. Todos estos se pueden completar con las funciones y configuraciones principales de Gravity Forms, o si está utilizando Contact Form 7 con algunos complementos gratuitos y premium. Pero realmente cualquiera de los consejos se puede aplicar a la mayoría de los principales complementos de formularios de contacto de WordPress. ¡Entonces empecemos!
1. Utilice un fuerte contraste de color en el diseño del formulario
Cuando un visitante web llega a su sitio, normalmente busca la forma más rápida y sencilla de lograr un objetivo, ya sea para obtener más información o realizar una compra. Una forma de aumentar las conversiones de formularios es hacer que el diseño y el diseño del formulario sean fáciles de revisar para todos los visitantes.
Un error común en los sitios de WordPress es configurar un diseño de formulario de sitio web predeterminado con un fondo de formulario blanco y cuadros grises delgados como campos de formulario.
En su lugar, considere la posibilidad de crear un diseño de formulario en el que exista un fuerte contraste de color entre el fondo del formulario, las etiquetas del formulario y los campos blancos del formulario. Al seleccionar los colores para su formulario, siga las Directrices WCAG sobre contraste de color con una relación de contraste de al menos 4: 5: 1. Esto ayuda a los visitantes con una discapacidad o discapacidad visual a diferenciar claramente los campos del formulario del color de fondo de la página web.
Puede consultar el Formas de gravedad guía de accesibilidad para desarrolladores como recurso. Esta guía realmente tiene todo lo que necesita saber sobre accesibilidad y Gravity Forms, incluida una sección completa sobre el contraste de color y el uso del color.
Si está utilizando el gratuito Formulario de contacto 7 plugin, la extensión Accessible Defaults puede ayudarlo a implementar las mejores prácticas de accesibilidad en todos sus formularios.
2. Reducir el número de campos opcionales
Los formularios de sitios web largos pueden disuadir las conversiones, ya que a menudo tardan más en completarse. Cuando un visitante encuentra un formulario, está calculando inconscientemente si el esfuerzo que requiere completar el formulario vale el beneficio que recibirá.
En general, reduzca el número de campos tanto como sea posible. Si necesita incluir algunos campos de formulario opcionales, etiquete claramente los campos obligatorios frente a los opcionales para reducir los errores del usuario al enviar el formulario.
En el pagado Forma de gravedad plugin, los campos del formulario son opcionales de forma predeterminada y puede marcar la opción «Obligatorio» al editar el formulario en el panel de WordPress.
Por el libre Formulario de contacto 7 plugin, agregar un asterisco en el campo de formulario HTML es la mejor manera de identificar un campo de texto según sea necesario.
Con formularios web largos, los visitantes de la web también deben considerar si desean compartir toda esa información personal. Considere agregar un enlace a su política de privacidad en el formulario web y siga las mejores prácticas de GDPR para la protección de datos a fin de generar confianza con los clientes potenciales.
3. Considere un formulario de varios pasos o varias páginas
Si necesita tener un formulario largo en su sitio web para un proceso de registro o una solicitud en profundidad, considere convertirlo en un formulario de varios pasos o de varias páginas.
Al dividir un proceso largo en pequeños pasos, el esfuerzo percibido se reduce y esto anima a más visitantes de la web a comenzar el proceso. Con los formularios de varias páginas, es útil configurar una barra de progreso debajo del formulario en cada página y esto indicará dónde se encuentra el visitante en el proceso mientras completa el formulario.
Si está utilizando el pago Formas de gravedad complemento, puede utilizar las opciones de complemento integradas para crear un formulario de varias páginas y agrupar los campos del formulario por página. Utilice las opciones principales al agregar campos para «comenzar la paginación», «salto de página» y «finalizar la paginación» para crear sus propios formularios de varios pasos.
También hay extensiones de complementos pagas para Formulario de contacto 7 que le permiten agregar un proceso de formulario de varios pasos en su sitio. Multi-Step pro le permite dividir formularios largos en un proceso paso a paso.
Al configurar las diferentes páginas del formulario, tenga en cuenta la experiencia de usuario como alguien pasa por el formulario. Comience solicitando información básica e intente agrupar datos similares. Esto puede reducir la cantidad de esfuerzo y crear un flujo suave en el formulario.
Como siempre, tenga mucho cuidado al solicitar cualquier información confidencial, como información médica o datos financieros, a través de un sencillo formulario en el sitio web.
4. Dar formato automáticamente a los datos en las entradas de formulario
Algunos campos de formulario pueden requerir un formato específico, como números de teléfono, fechas y números de tarjetas de crédito. Al formatear automáticamente las entradas del campo del formulario, puede acelerar el proceso para los visitantes de la web, consiguiendo que se conviertan más rápido.
En Formas de gravedad, puede seleccionar un estilo de formato de número de teléfono de EE. UU. o Internacional al configurar un campo de teléfono.
Si no desea limitar a los visitantes a un formato de teléfono específico, también puede considerar proporcionar un ejemplo de la entrada de datos como el texto de marcador de posición del campo del formulario. Esto puede ayudar a los visitantes a determinar rápidamente el formato correcto para fechas o direcciones. En Formulario de contacto 7, puede incluir una marca de agua de marcador de posición en el Código HTML para un campo numérico para hacer esto.
Sin embargo, evite utilizar texto de marcador de posición en lugar de etiquetas de campo de formulario. Este es un importante práctica de accesibilidad web ya que el texto del marcador de posición desaparece cuando hace clic en el campo y algunos visitantes pueden necesitar la etiqueta como referencia. Las personas también realizan múltiples tareas mientras navegan en la web, por lo que debe dejar los pasos lo más claros posible dado que su atención puede distraerse.
Todos estos pasos ayudarán a los visitantes de la web a completar el formulario correctamente en el primer envío. La mayoría de las personas no intentarán volver a enviar un formulario más de una o dos veces si siguen enfrentando errores de envío.
5. Evite llamadas a la acción engañosas
Las llamadas a la acción engañosas pueden dañar las conversiones. Recuerde que un visitante de la web está evaluando inconscientemente qué beneficio recibirá al proporcionar su información en el formulario del sitio web.
Una llamada a la acción o CTA es el mensaje en su sitio web que pide a alguien que tome una acción inmediata. Algunos ejemplos de CTA comunes son Solicitar una demostración, Obtener una consulta gratuita o Agregar al carrito.
Existe un equilibrio entre reducir los campos en un formulario y solicitar suficiente información para cumplir con la solicitud del cliente. Si promete entregar un cálculo o un presupuesto, el cliente esperará que solicite suficiente información en el formulario para poder proporcionar instantáneamente esa solicitud. Si faltan todos esos campos, el visitante web puede pensar que el formulario es engañoso y, en lugar de recibir un cálculo, recibirá una llamada de un vendedor.
Además de los mensajes del formulario, revise el gracias pagina o mensaje de confirmación que ve un visitante después de enviar el formulario. La mensajería debe proporcionar una experiencia de usuario positiva al confirmar que el envío de su formulario ha sido procesado.
La configuración de una página específica de agradecimiento o confirmación para cada formulario también puede ayudar con el seguimiento de conversiones en el análisis.
Con Formas de gravedad puede definir una «URL de redireccionamiento» en Configuración> Confirmaciones al crear su formulario.
Para Formulario de contacto 7, la redirección complementaria gratuita para Contact Form 7 agrega la opción de redirigir a un usuario una vez que haya enviado correctamente el formulario de contacto.
Herramientas de WordPress para la conversión de formularios
Desde el contraste de color hasta el formato de entrada de campo, puede aumentar la cantidad de conversiones de formularios en su sitio de WordPress. Al aprovechar las diferentes herramientas de WordPress y seguir las mejores prácticas de diseño de UX, puede aumentar las probabilidades de que un visitante se esfuerce por enviar un formulario en su sitio web.