Pruebas A/B que debe probar en sus páginas con formularios

Uno de los objetivos más importantes de muchos sitios web es conseguir más clientes potenciales o suscriptores. Para ello, probablemente dispongas de una o varias páginas en las que muestres un formulario para que tus visitantes se pongan en contacto contigo solicitando más información sobre tus productos o suscribiéndose a tu newsletter.

Desde el punto de vista de la conversión, el diseño y el contenido de las páginas con formularios pueden ser críticos y, por eso, hoy me gustaría compartir contigo algunos ejemplos de tipos de pruebas A/B que puedes probar en ellas para optimizar la conversión. (visitantes contactando o suscribiéndose). En los siguientes ejemplos verás que los formularios de las páginas se crean con Nelio Forms, nuestro plugin de creación de formularios totalmente integrado con WordPress.

Ubicación del formulario dentro de la página

Cuando hablamos de mejorar la conversión en una página, uno de los puntos más discutidos es la ubicación de la llamada a la acción. Si nuestro objetivo es lograr que los visitantes de la página completen un formulario, intente colocar su formulario en diferentes ubicaciones y analice cuál funciona mejor para usted. Veamos un ejemplo sencillo de cómo crearíamos un test como este con el plugin Nelio A/B Testing en WordPress.

Supongamos que queremos crear una prueba de la página de Nelio Unlocker (nuestro plugin que convierte cualquier página web al editor de bloques de WordPress o Elementor) y así comprobar si más visitantes contactan con nosotros colocando el formulario más arriba en la página.

En la alternativa a probar, como podéis ver en la imagen anterior, no sólo he movido el formulario hacia arriba, sino que además, para que se vea mejor estéticamente, he colocado el apartado de ejemplos más abajo en la página.

¿Cómo hacemos esta prueba con el plugin Nelio A/B Testing? Primero seleccione que desea crear una nueva página de prueba:

Después de asignarle un nombre a la prueba y seleccionar la página que desea probar, de forma predeterminada, cada variante que cree es una copia de la página original, que puede editar para realizar los cambios que desee.

La gran ventaja de Nelio A/B Testing (al ser un plugin totalmente integrado en WordPress) es que realizar los cambios de variante es tan fácil como editar cualquier página en el editor de bloques. En este caso, solo selecciona el bloque o bloques de la página que deseas mover y cambia su ubicación.

Después de hacer las modificaciones necesarias, solo queda guardar la página, volver a la prueba que estábamos creando e indicar los objetivos de conversión y las acciones de la prueba. En este ejemplo, nuestro objetivo es completar el formulario de contacto. En la sección "Objetivos y acciones de conversión", especifique el nombre del objetivo y agregue la acción de conversión "Envío de formulario".

Como puedes ver en la imagen anterior, tienes un desplegable donde puedes seleccionar el formulario que se debe haber enviado para que se guarde como acción de conversión para esta prueba.

¡Y eso es! Ya puedes darle al botón de inicio de la prueba para que la mitad del tráfico a esa página vea una alternativa y la otra mitad, la otra. En la página de resultados de la prueba podrás hacer un seguimiento de las visitas y conversiones de cada variante y así analizar qué opción funciona mejor.

Número y Tipo de Campos a Completar

En un estudio realizado por Hubspot analizando más de 40.000 páginas, observaron que la cantidad de campos a rellenar y el tipo de cada campo tienen un impacto en la conversión que obtienen.

Puede ver en los gráficos anteriores que, como probablemente ya haya adivinado, cuantos menos campos se completen, más fácil será para los visitantes contactarlo. Aún así, también debes sopesar la calidad de la información que obtienes del formulario: ¿estás seguro de que quieres que cualquiera que pase por ahí se ponga en contacto contigo, o prefieres que solo aquellos que estén realmente interesados ​​y dispuestos a darte un poco más de información sobre ¿ellos mismos?

Prueba a realizar diferentes tests A/B modificando el número y tipo de campos del formulario y analiza qué te funciona mejor como puedes ver en el siguiente ejemplo:

Para crear una prueba de este tipo, si utilizas un plugin como Nelio Forms, es tan fácil como crear un formulario adicional. Verás que el editor de formularios es más o menos el mismo que el editor de bloques con el que ya estás familiarizado:

Y al editar la página alternativa de la prueba (recuerda que es una copia de la página original) solo tienes que sustituir el formulario que tenías por el nuevo creado, seleccionándolo del desplegable con la lista de formularios disponibles.

En este caso, tenga en cuenta que, al especificar los objetivos de conversión y las acciones de la prueba, debe haber agregado el envío de los dos formularios como acciones de conversión. De esta forma, el envío de cualquiera de estos dos formularios (uno en cada variante de su prueba) se registrará como una conversión.

Dónde mostrar etiquetas de formulario

Un artículo de Luke Wroblewski de hace unos años, una referencia en el diseño de formularios, comparaba los pros y los contras de mostrar etiquetas de campo arriba o a la izquierda de cada campo.

Si te has dado cuenta en el ejemplo anterior, uno de los problemas de los formularios verticales con muchos campos es que pueden ocupar demasiado espacio. Una de las alternativas que puede probar, y que personalmente creo que hace que los formularios sean muy limpios, es no mostrar las etiquetas de campo como entidades separadas y escribir un marcador de posición en ellas.

En caso de que utilices Nelio Forms, es tan fácil como indicar en la configuración del campo que las etiquetas deben estar ocultas, y luego simplemente escribes el marcador de posición adecuado:

De esta forma, habrás reducido la altura del formulario y el usuario verá fácilmente qué escribir en cada uno de los campos.

Enviar texto y color del botón

Probar diferentes colores y diferentes textos de llamada a la acción también es un tipo de prueba muy popular para mejorar la conversión. Encontrarás gente diciéndote que un color u otro funciona mejor, o que el mensaje debería ser tal o cual… pero nuestra recomendación es que pruebes y confirmes cuál es el que más gusta a tus visitantes. Esto es precisamente lo que hicimos en uno de nuestros sitios web, probando diferentes colores de botones y viendo qué funcionaba mejor para nosotros.

En el caso de utilizar un plugin como Nelio Forms, que está totalmente integrado en el editor de bloques, solo es cuestión de tener tantos formularios creados como alternativas quieras probar, cada una con el color, estilo y texto de los botones que desees. te interesa. Para ello, es tan fácil como copiar el formulario original y modificar las características del botón como lo harías en cualquier página o entrada.

Información sobre Privacidad de Datos

Finalmente, otra prueba que puede hacer con los formularios es probar diferentes términos sobre la privacidad de los datos que recopila y ver qué impacto tiene. La gente no quiere recibir spam, por lo que, para generar confianza, puede ser útil resaltar explícitamente que no compartirá ningún dato con terceros.

Pruebe distintas alternativas de redacción con distintos estilos y analice el impacto que puede tener cada una de las alternativas.

Conclusión

Hoy queríamos compartir algunas ideas que puedes probar en páginas con formularios de contacto para mejorar sus tasas de conversión. Recuerda que, por muchas recomendaciones que encuentres, solo después de realizar una prueba A/B sabrás con certeza qué funciona mejor en tu sitio web: ya sea cambiando la ubicación del formulario dentro de la página o probando diferentes contenidos del formulario, ejecuta varios pruebas y vea cómo puede obtener más clientes potenciales, suscriptores o clientes.

Si usa complementos nativos de WordPress como Nelio Forms para crear formularios y Nelio A/B Testing para realizar pruebas A/B, ¡probar páginas con formularios nunca ha sido tan fácil!

Imagen destacada de Robert Anasch en Unsplash.