¿Qué colores debe usar para aumentar las ventas?

Una vez más, las pruebas A/B nos han demostrado que nuestros gustos y preferencias de color no siempre están alineados con los de nuestros visitantes. O mejor dicho, los colores que muestras en tu web, aunque pueden resultar atractivos, no son necesariamente los que más ventas te reportarán. De hecho, encontrarás muchos artículos sobre la psicología del color que estudian cómo cada color provoca una respuesta emocional diferente y cómo estos pueden persuadir a tu audiencia de manera diferente.

Este mes, como recientemente cambiamos el diseño de la página de precios y planes de productos de Nelio Content, pensamos que era una oportunidad perfecta para analizar qué colores se deben mostrar en cada uno de nuestros planes para obtener más ventas.

En el diseño de la página original, siendo un fan del color azul, propusimos el siguiente diseño de la página de planes de Nelio Content:

¿Guay, verdad? Pero si ha estado leyendo acerca de nuestra experiencia realizando una prueba todos los meses, sabe que, cuando se trata de tomar decisiones comerciales, no debe centrarse únicamente en su gusto, sino obtener datos reales, ya que eso es lo que realmente le dirá. lo que más impacta en su resultado final.

Así pues, el test de este mes con Nelio A/B Testing analiza qué combinación de colores de nuestra página de precios generará más ingresos.

Crear una prueba de la página de precios

Antes de realizar un test A/B de cualquier elemento de una web, siempre recomendamos realizar un análisis de lo que está funcionando en tu web, dónde tienes más fricciones y problemas, y generar hipótesis sobre lo que podrías mejorar. De la lista de hipótesis que ha generado, priorice aquellas que tendrán mayor impacto en sus objetivos. Es decir, las páginas de destino y las páginas de precios probablemente tendrán mucho más impacto en el aumento de las ventas que una publicación de blog.

En este caso, nuestra principal motivación para crear esta prueba fue: dado que estamos cambiando los planes de Nelio Content y hemos rediseñado toda la página de precios, aprovechamos para asegurarnos de que el nuevo diseño utiliza la mejor combinación de colores posible .

Decidimos crear, además de la versión original, otras dos variantes con estas combinaciones de colores:

En la primera variante, decidimos mostrar los planos con una selección de colores pastel que están muy de moda este año.

Y creamos una segunda variante, como puedes ver en la imagen de arriba, en la que solo queríamos resaltar con color fucsia el plan Estándar, y los otros dos planes mostrarlos con un fondo azul más oscuro y botones verdes.

En general, podríamos haber seleccionado otros colores, o incluso creado otro esquema de color, pero el problema de crear muchas alternativas es que, para obtener resultados estadísticamente significativos, es necesario tener muchas más visitas.

Crear la prueba A/B

Para crear el test A/B, como siempre, utilizamos nuestro propio plugin, Nelio A/B Testing. Simplemente descárguelo del directorio oficial de complementos de WordPress e instálelo en su sitio web para poder crear una prueba como esta. Y si todavía tienes dudas sobre qué plugin de test A/B usar para crear tus tests en tu web, te recomiendo que leas nuestra comparativa de plugins de test A/B para WordPress.

Nelio A/B Testing es muy versátil ya que te permite crear pruebas A/B de cualquier elemento de WordPress. En este caso creamos una prueba A/B de páginas. Este tipo de pruebas le permite crear nuevas variantes al duplicar la página original en nuevas páginas alternativas. En nuestra prueba, simplemente cambiamos los colores de fondo de cada plan, como se describe arriba. Si desea cambiar algo que forma parte de la plantilla de página que utiliza, puede hacerlo creando una plantilla alternativa y ejecutando una prueba A/B de plantillas de página en su lugar.

En la siguiente captura de pantalla se puede ver la definición de la prueba:

A continuación, al crear cualquier prueba A/B, debe establecer los objetivos que desea medir en la prueba para decidir qué funciona mejor. En este caso definimos 4 objetivos a medir dentro de la prueba:

• Clics en los botones de cualquier plan
• Clics en los botones del plan Básico
• Clics en los botones del plan Estándar
• Clics en los botones del plan Plus

Con todo esto creado, todo lo que teníamos que hacer era iniciar la prueba y esperar a que llegaran los resultados. Nelio A/B Testing se encarga de dividir el tráfico en tres grupos aleatorios para que cada uno de ellos vea solo una de las variantes definidas, y realiza un seguimiento de las conversiones que obtiene cada variante y objetivo.

Análisis de los resultados de la prueba A/B

Después de un mes y nueve días de realizar esta prueba, logramos resultados estadísticamente significativos con casi un 100 % de confianza. Veamos un análisis de cada uno de los objetivos en detalle y las conclusiones que pudimos sacar de la prueba.

El primer objetivo era medir los clics en cualquiera de los botones del plan de la tabla de precios (la tabla se muestra dos veces en la página).

En este caso, los resultados muestran que la segunda variante, la alternativa C, es la que obtiene casi un 130% (129,6%, para ser exactos) más clics que la versión original. En cambio, la variante que muestra los planos en colores pastel es un 25,5% peor. Si solo hubiéramos tenido este objetivo de la prueba, la alternativa C habría logrado resultados abrumadores.

Nuestro segundo objetivo se centró en los clics que recibieron los botones del plan Básico. Veamos cómo varían los resultados:

Fíjate que si nos centramos únicamente en los clics al plan Básico, la diferencia entre la tercera variante y la versión original, aunque sigue siendo considerable, es decir, una mejora del 73,7%, no es tanta como si analizamos todos los clics. Y en el caso de la variante de color pastel, como en el caso anterior, también es peor que el original pero la diferencia es del 12,3%. Si lo piensas, puede tener algo de sentido ya que las variantes no se enfocan en resaltar particularmente el plan Básico.

Veamos ahora los resultados que hemos obtenido en el que queríamos medir los clics del plan Estándar.

En este caso, la mejora de la tercera variante, que es precisamente la que destaca con un color más llamativo en el plano, consigue incluso un 228,1% más de clics que la versión original. Así que, si tenías alguna duda sobre si destacar alguno de los planes tiene algún impacto, de esta prueba se desprende que la gente se siente atraída por los elementos más llamativos.

Finalmente, veamos qué sucede con el último plan:

En este caso, la mejora de la alternativa C respecto a la original es de casi un 3% con un 95,7% de confianza. Y en cualquier caso, hay poca conversión del plan Plus en todas las alternativas. De hecho, la mayoría de nuestros clientes prefieren optar por un plan más bajo al principio y luego cambiar a un plan diferente más adelante.

Conclusiones

Teniendo en cuenta los resultados que hemos obtenido del test A/B, llegamos a la conclusión de que la versión en la que destaca el plan Estándar con un color fucsia ha funcionado mucho mejor que cualquier otra variante. Por lo tanto, es mejor aplicarlo como versión final en nuestro sitio web.

Como ves, con un solo clic, la versión final de la página de precios de Nelio Content se convierte en la que ha ganado la prueba. Claro, es posible que al principio hayamos pensado que el esquema de color azul era una buena opción, pero nuestras preferencias y gustos sirven de poco para aumentar las ventas. Los tests A/B son aquellos que, con datos reales, nos prueban lo que realmente funciona. ¿A qué esperas para crear tu test A/B para aumentar la conversión en tu web?

Imagen destacada de Baher Khairy en Unsplash.