martes, abril 23, 2024
No menu items!
InicioBlogs5 consejos para impulsar las conversiones de formularios para WordPress

5 consejos para impulsar las conversiones de formularios para WordPress

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 el complemento gratuito Contact Form 7. 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 mejores 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 haya 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 pautas de 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.

ūüĒ• Leer:  ¬ŅQu√© es la extensi√≥n de archivo AAE y c√≥mo abrirla?

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.

Valores predeterminados accesibles CF7

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 la cantidad 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 quieren 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 con el fin de establecer 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.

Complemento de WordPress Gravity Forms

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.

ūüĒ• Leer:  Los 4 mejores m√©todos para instalar Xcode en Windows 10, 8 u 8.1 y 7

Varios pasos para el formulario de contacto 7 Pro

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 del usuario a medida que 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 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. Esta es una pr√°ctica importante 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.

ūüĒ• Leer:  REPARACI√ďN: Windows La grabadora de voz no pudo guardar esta grabaci√≥n

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 la página de agradecimiento o el 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.

Extensión de redireccionamiento del Formulario de contacto 7

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 el n√ļmero 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.

Recomendamos

Populares