Cómo hacer (y por qué deberías hacerlo) pruebas A/B con Elementor en WordPress

Cuando diseñas un sitio web, lo haces con un propósito: vender productos, promocionar servicios o provocar algún tipo de respuesta o acción por parte de tus lectores. Si también has elegido el plugin de Elementor como page builder para crear tu web en WordPress es porque eres consciente de que el diseño importa y quieres que sea atractivo y moderno. Hoy vamos a ver cómo crear pruebas A/B en una web de Elementor.

Incluso si usa Elementor en el diseño de sus páginas, ¿cómo sabe si su gusto exquisito es realmente el que le traerá los mejores resultados? Usted no es su propio cliente y sus opiniones y gustos pueden ser muy diferentes a los suyos. Seguir tu instinto puede ser muy romántico pero si lo que buscas es mejorar tu experiencia de usuario y aumentar las conversiones, es decir, conseguir que tus lectores realicen cualquier acción alineada con tus objetivos (comprar, rellenar un formulario, contactar contigo, etc) , la mejor opción es realizar pruebas A/B en tu web.

¿Qué son las pruebas A/B?

La cantidad de visitantes a su sitio web es igual a la cantidad de oportunidades para que un visitante realice alguna acción deseada, también llamada conversión. Se trata de una suscripción, una compra, rellenar un formulario, etc.

La tasa de conversión es el número de conversiones conseguidas con respecto al número de visitas. Por tanto, si tienes un total de 100 visitas al día en tu web, dos de las cuales acaban comprando un producto, la tasa de conversión en tu web es del 2% .

De la misma forma que puedes medir el éxito de tus campañas de email analizando qué porcentaje de los que reciben los emails acaban comprando, con tu web tienes una muy buena herramienta para mejorar su tasa de éxito o conversión: el A/B testing .

Las pruebas A/B son la mejor herramienta para optimizar la conversión en tu sitio web. En definitiva, un test A/B consiste en, en base a una hipótesis de mejora, proponer un cambio en tu web (por ejemplo, una redistribución de la Landing Page para mostrar mejor cierta información relevante, una reordenación del menú para conseguir más clics… en la página de mi producto o un cambio radical del tema para hacerlo más atractivo) y luego ver si ese cambio funciona mejor que lo que tenías antes.

Técnicamente, una prueba A/B no es más que un experimento que consiste en mostrar dos variantes de la misma página web a diferentes segmentos de visitantes del sitio web al mismo tiempo y comparar qué variante genera más conversiones.

Una de las preguntas que surge rápidamente con las pruebas A/B es qué tipo de prueba debe probar. Las pruebas A/B no son pruebas que defines al azar sin ningún sentido; deberían ser parte de un proceso más ambicioso conocido como Optimización de la Relación de Conversión o proceso CRO .

Optimización de la tasa de conversión

La Conversion Rate Optimization o CRO es, como su nombre indica, el proceso de aumentar el porcentaje de visitantes del sitio web que realizan las acciones que deseas. Este proceso, en definitiva, consta de los siguientes pasos:

Paso 1: Define tus objetivos

El primer paso en cualquier proceso de CRO es definir cuáles son sus objetivos comerciales y los diferentes objetivos de conversión de su sitio web en las diferentes etapas de su embudo de ventas. Por ejemplo, el objetivo comercial de Nelio es aumentar los suscriptores a nuestros planes premium. Pero, ¿cuál es el camino que siguen los visitantes desde que visitan nuestro sitio web hasta que se convierten en clientes? Este es nuestro embudo de ventas:

Si nuestro objetivo comercial es aumentar los suscriptores a nuestros planes premium, un prospecto o cliente potencial primero puede conocer Nelio A/B Testing cuando haya buscado soluciones de pruebas A/B en Google o en el directorio de complementos de WordPress. Ese visitante de nuestro sitio web probablemente leerá algunos artículos en nuestra documentación para aprender un poco más sobre nuestro producto. Si les gusta el contenido de esas páginas, visitarán nuestra página de precios. En este punto, un objetivo de conversión para nuestro sitio web podría ser una visita a la página de precios y nuestra métrica objetivo podría ser obtener 2000 visitas por mes a esa página.

Luego, si el cliente potencial encuentra información interesante, solicitará información más detallada o descargará el complemento del Directorio de WordPress para probar la versión gratuita que ofrecemos. Un segundo objetivo de conversión sería entonces: un visitante rellena nuestro formulario de contacto. La métrica será la cantidad de formularios de contacto recibidos y podemos definir nuestro objetivo mensual con un valor determinado. O también podría ser una descarga de nuestro complemento. Y así.

Finalmente, el prospecto se suscribe a uno de nuestros planes premium. En este caso, nuestro objetivo de conversión implicaría claramente la compra de un plan de suscripción. Y dado que el propósito de nuestro negocio es crecer, entonces podemos desglosar este objetivo entre los diferentes planes que tenemos.

Como has visto, este primer paso consiste en analizar el funnel de ventas para definir nuestros objetivos de conversión estableciendo métricas.

Paso 2: analiza tu sitio web

Tras este imprescindible paso previo, debes empezar a buscar datos sobre la situación actual de tu web y sobre los que poder actuar. Identifica los problemas que tienes actualmente en tu sitio web. Esto te ayudará a generar ideas sobre las pruebas A/B que debes realizar.

¿Cómo recopilamos datos? Inicialmente, evalúe heurísticamente cada una de las páginas que identificó en el paso anterior. Pregúntese si cumplen o no con el conjunto de criterios que había establecido y vea si podría mejorar esos resultados:

• ¿Cumple la página con las expectativas del usuario en cuanto a contenido y diseño?
• ¿Cómo podemos mejorarlo?
• ¿El contenido y las ofertas del sitio son lo más claros posible?
• ¿Podemos hacerlo más claro o más simple?
• ¿Qué causa dudas en esta página o dificulta el proceso?
• ¿Podemos simplificarlo?
• ¿Qué hay en la página que no ayuda al usuario a actuar?
• ¿Podemos aumentar la motivación de los usuarios?

Obtendrá una lista de áreas de interés que potencialmente puede mejorar. Use Google Analytics para encontrar áreas de mejora también. Por ejemplo, GA puede ayudarlo a detectar el % de visitantes que hacen clic en los botones de sus productos, que luego puede comparar con las cifras esperadas. También puede usar mapas de calor y mapas de desplazamiento para comprender mejor el comportamiento de los usuarios de su web.

A continuación, prioriza los problemas o áreas de mejora que has identificado, enfocándote primero en aquellas que crees que tendrán mayor impacto (ya sea porque tienen más visitas o porque es un problema importante). Por ejemplo, en nuestro análisis vimos que necesitábamos mejorar nuestra página de productos de Nelio A/B Testing. Queríamos aumentar el número de usuarios que visitan nuestra página de precios. Y esto era un problema importante.

Paso 3: crea tus hipótesis

El siguiente paso, antes de crear una prueba A/B, es traducir la lista de problemas previamente identificados en un conjunto de hipótesis.

Por ejemplo, en nuestra landing page de Nelio A/B Testing vimos que muchos visitantes solo ven el primer bloque y no bajan la página. Esto lo pudimos ver tras analizar el heatmap y el scrollmap de la web. Además, solo el 45% de los visitantes fueron a la página de precios.

Dado este hecho, planteamos la hipótesis de que, al usar un mensaje más claro en el primer pliegue que despierte la curiosidad en lugar de la urgencia, lograríamos que más personas se interesaran en hacer clic en el botón Comenzar ahora . Puedes hacer este mismo ejercicio para cada uno de los problemas de tu lista ordenada.

Paso 4: generar una idea de prueba

A continuación tuvimos que implementar un nuevo titular que “despierte la curiosidad”. En nuestro caso particular, decidimos que usaríamos lo siguiente: ¿Rojo o Azul? ¿Cuadrado o redondo? ¿Arriba o abajo? Pon a prueba tu WordPress .

También decidimos cambiar el texto debajo del título como se muestra en la imagen. La idea que tuvimos fue comprobar si es cierto que la gente prefiere que hablemos de su sitio y objetivos en lugar de nuestros productos.

Paso 5: crear y ejecutar pruebas A/B

Finalmente, todo lo que queda es, como ya puedes imaginar, crear la prueba en tu sitio web. Como comentábamos al principio, un test A/B no es más que un experimento en el que creamos dos versiones o variantes de una página (pero también puede ser de un post, un menú, un widget, un formulario o cualquier otro). elemento de nuestro sitio web de WordPress). Una vez que se ejecuta la prueba, podemos dividir a nuestros visitantes para que aproximadamente la mitad de ellos siempre vea la variante A y el resto vea la variante B.

A la hora de definir un test A/B, no solo tenemos que definir las variantes (A/B o múltiples en caso de un test multivariante) del test, sino que también debemos definir nuestros objetivos de conversión. Como hemos visto en el ejemplo anterior, nuestro objetivo de conversión era contar las visitas a la página de precios de nuestros planes premium. Además, en un test A/B también podemos segmentar a los participantes de un test, es decir, indicar qué visitantes queremos que participen en el test.

Luego de ejecutar la prueba, verás si alguna de las variantes ha sido la ganadora y podrás aplicarla con certeza como la definitiva en tu sitio web, asegurándote que tendrá una mejora en la conversión.

Y como puedes imaginar, el proceso de optimización de la conversión de un sitio web es continuo y cíclico. Nunca dejes de hacer pruebas A/B para mejorar tu sitio web.

Crear pruebas A/B en Elementor

Puede crear una prueba A/B en un sitio web de WordPress con Elementor manualmente, por ejemplo, utilizando Google Analytics para el análisis de conversión. No obstante, nuestra recomendación es que utilices alguna de las herramientas disponibles en el mercado, como Nelio A/B Testing (versión gratuita y premium desde 29€/mes), Convertize (versión premium desde 49$/mes), VWO (versión premium versión desde $ 199/mes), Convert Expriences (versión premium desde $ 699/mes) o Optimizely (precios personalizados pero desde aprox. $ 800/mes), entre otros, lo que le ahorra la molestia de tener que segmentar el tráfico a su sitio web y proporcionarle directamente las métricas y los resultados que está buscando.

Veamos qué tipos de pruebas A/B puedes crear con Elementor usando Nelio A/B Testing, una herramienta cuya gran ventaja es ser un plugin nativo de WordPress. De hecho, solo tienes que instalar el plugin Nelio A/B Testing en tu web como cualquier otro plugin y, una vez instalado, podrás empezar a utilizarlo sin necesidad de aprender a utilizar ninguna otra herramienta.

Los pasos a seguir son los siguientes:

• Selecciona el tipo de prueba a crear
• Definir las variantes de prueba,
• Definir objetivos y acciones de conversión
• Alternativamente, defina si desea aplicar la segmentación
• Ejecute la prueba y analice su progreso
• Aplicar la alternativa ganadora como definitiva

Seleccione el tipo de prueba para crear

Para crear cualquier tipo de prueba, lo primero que debe hacer es seleccionar el tipo de prueba que desea crear de la lista que se muestra.

Una vez que hayas seleccionado el tipo de test A/B que quieres crear, debes definir las características principales del test que quieres ejecutar en tu web.

Definir las variantes de prueba

En primer lugar, para cada uno de ellos debes elegir el elemento que quieres probar y definir sus variantes.

Prueba A/B de una página

Veamos un ejemplo muy simple. Supongamos que planteamos la hipótesis de que, al usar una nueva imagen en la página de Elementor, conseguiremos que más personas se interesen en conocer más información sobre la herramienta y, por lo tanto, hagan clic en el botón de llamada a la acción.

Luego de seleccionar que queremos crear una página de prueba, en el editor de WordPress verás la página donde debes editar tu prueba.

Simplemente asigne un nombre a la prueba, en este caso "Prueba de diferentes imágenes" y seleccione la página que desea probar (en nuestro caso, la página de inicio ).

A continuación, crea la variante, "Variante B" de su página original simplemente dándole un nombre. Y si lo desea, puede crear tantas variantes como pueda haciendo clic en el botón Nueva variante . De forma predeterminada, cada variante creada será una copia exacta de la página original que seleccionó anteriormente. Haga clic en su enlace Editar para modificarlo.

La ventaja que tienes al usar un plugin nativo de WordPress es que puedes modificar directamente la variante de un test A/B usando el mismo editor visual que usas habitualmente para crear tus páginas. En este caso, el editor obviamente es Elementor. Esto significa que, después de hacer clic en el enlace Editar , verá que la nueva variante está cargada en Elementor y puede cambiarla como desee.

Modifique la página (en este ejemplo, solo cambiaré una imagen) y guárdela como borrador:

¡Eso es todo! ¡Has creado tu primera variante!

Prueba A/B de una publicación

Crear una prueba A/B para una publicación es muy similar a la de una página. Después de seleccionar que desea crear una publicación de prueba, el menú desplegable para seleccionar la publicación original que desea probar mostrará la lista de publicaciones que ha publicado. También puede buscar la publicación escribiendo su título, URL o su ID.

El resto del proceso es exactamente igual que el anterior.

Prueba A/B de un tipo de publicación personalizada

Si lo que quieres es crear un test A/B de un tipo de post personalizado diferente a páginas y posts, como cursos que hayas creado en tu web, preguntas frecuentes, etc., también puedes hacerlo con Nelio A/B Testing . Solo tienes que seleccionar que quieres realizar este tipo de test, y ahora el selector te permitirá seleccionar el tipo de contenido que quieres y que contenido concreto quieres probar.

Test A/B de un Titular

Si al analizar tu web identificas que te cuesta conseguir que los lectores lean los contenidos de tu web, quizás sea porque los titulares son poco atractivos. Una prueba que puede ser muy interesante es la prueba del titular. Es decir, pruebe diferentes versiones del título, extracto e imagen destacada de una publicación y descubra qué combinación obtiene una mayor cantidad de lectores.

Para realizar este tipo de test, con Nelio A/B Testing no necesitas editar esta información con Elementor. El complemento en sí le permite hacerlo directamente al editar una prueba. Tras seleccionar que quieres crear un nuevo test de titulares, Nelio A/B Testing te muestra los titulares de las entradas que tienes en tu blog.

Seleccionas la publicación cuyo titular quieres probar y creas las variantes que quieras de ella, sin siquiera tener que editar la publicación.

Prueba A/B del resumen del producto WooCommerce

Las pruebas A/B de resumen de productos de WooCommerce son un tipo específico de prueba de WooCommerce en las que se prueban diferentes combinaciones de nombre, descripción breve e imagen del producto, con la intención de descubrir cuál de ellos obtiene más compras de ese producto. La forma de crear una prueba de este tipo es muy similar a la de los titulares que hemos visto anteriormente.

Si has seleccionado crear una prueba de este tipo, Nelio A/B Testing te mostrará en un desplegable los productos que tienes disponibles y solo tendrás que realizar las modificaciones de las variantes que quieras crear directamente en el redactor de pruebas No tienes que editar el producto.

Pruebas A/B de temas

Si tras analizar tu web tu hipótesis es que tu web necesita un cambio más radical, quizás cambiar de tema puede ser lo que necesitas. Pero antes de lanzarte al fondo, recuerda, crea un test A/B con el que puedas comprobar con datos qué tema es mejor.

Crear una prueba de tema es fácil con Nelio A/B Testing. Solo debe tener instalados en su WordPress los temas que desea probar y seleccionarlos en la prueba de temas A/B.

Ten en cuenta que si las páginas que tienes con Elementor han sido completamente personalizadas una a una, el efecto que puede tener un cambio de tema será mínimo.

Test A/B de Plantillas

En lugar de cambiar el tema de un sitio web, puede intentar crear diferentes plantillas para algunas de las páginas de su sitio web. Diséñalas previamente con el page builder de Elementor y luego realiza un test A/B con ellas.

Como siempre, es tan fácil como seleccionar las diferentes variantes de plantilla que desea usar como variante de plantilla en todas las páginas que usan una plantilla en particular.

Test A/B de Menús

Con Elementor puede haber creado la estructura del menú de navegación directamente en WordPress o, si usa la versión Pro de Elementor, también puede crear menús usando el widget Menú de navegación. En caso de que lo hayas creado de la forma tradicional, crear un test A/B es tan sencillo como seleccionar uno de los menús que tienes actualmente y crear las variantes que quieras.

Para modificar las variantes, solo tienes que hacer clic en el enlace editar y modificar el menú de la misma forma que editas cualquier menú tradicional. Una vez creado, ahora está disponible como una variante de esta prueba.

En el caso de que haya creado sus menús con el widget de menú de navegación de la versión Pro de Elementor, la creación de la prueba es la misma que si estuviera creando una prueba A/B de widgets como se explica a continuación.

Prueba A/B de widgets

Si necesita crear una prueba de widget en WordPress (incluido el menú de navegación mencionado anteriormente), después de seleccionar que desea crear una prueba de widget, solo tiene que indicar el nombre de la nueva variante de widget y hacer clic en el enlace de edición.

A la hora de editar una variante, Nelio utiliza el editor de widgets propio de WordPress con algunos controles adicionales. Agregue, elimine y organice los widgets variantes como desee y luego vuelva a la prueba.

Prueba A/B de CSS

Si desea probar diferentes versiones de reglas de estilo CSS y medir cuál funciona mejor para cumplir sus objetivos, puede seleccionar crear una prueba CSS. Como en el caso de los widgets, solo tienes que introducir el nombre de la nueva variante y hacer clic en el enlace editar. En este caso, se abrirá un editor para que agregues los estilos CSS que desees mientras puedes ver la vista previa de los mismos.

Una vez que tenga definidas las nuevas reglas, haga clic en publicar y tendrá la variante CSS de su prueba creada.

Defina sus objetivos y acciones de conversión

Después de definir las variantes de tu prueba, pasemos al siguiente paso: la prueba A/B que creaste se hizo con la idea de probar algún objetivo de conversión, como obtener más ventas, más suscriptores o más visitas a la página de precios, etc. Esos objetivos se cumplen cuando el visitante realiza ciertas acciones. Por ejemplo, puede obtener más suscriptores cuando un usuario completa un determinado formulario en su sitio web o más visitas a la página de precios cuando un usuario hace clic en un botón, etc.

¿Cómo definimos los objetivos y acciones de conversión en Nelio A/B Testing?

En la sección "Objetivos y acciones de conversión", puede agregar tantos objetivos como desee haciendo clic en el enlace +Nuevo y, opcionalmente, puede agregarles un nombre. Nelio A/B Testing te mostrará información sobre la eficacia de cada variante para cada uno de los objetivos que hayas definido.

Para cada objetivo, tiene diferentes tipos de acciones de conversión para rastrear a sus visitantes. Por ejemplo, puede monitorear cuándo acceden a una página determinada, cuando hacen clic en un elemento determinado de su sitio web o cuando envían un formulario de contacto. Haga clic en el botón de acción que le interese y configúrelo. Por ejemplo, puede hacer clic en la acción de conversión Visita a la página y seleccionar su Página de precios en su formulario desplegable, o seleccionar un Envío de formulario y elegir el formulario que desea rastrear, etc.

Segmente su tráfico

Una de las características interesantes de muchas herramientas de prueba A/B es que puedes segmentar tu tráfico. Es decir, puede configurar solo ciertos visitantes para que participen en una prueba. Por ejemplo, por país, hora, idioma, navegador, dispositivo, etc. Si quieres más detalles sobre cómo implementar la segmentación del tráfico con Nelio A/B Testing, en este artículo Antonio te lo explica detalladamente.

Ejecute la prueba creada y analice su progreso

Y eso es todo, ahora solo tienes que pulsar el botón para iniciar una prueba y analizar su progreso. Al usar una herramienta como las mencionadas anteriormente, no tiene que preocuparse por cuánto tiempo necesita para ejecutarla o controlar la confianza estadística de los datos.

Podrás ver el número total de conversiones y visitas a las páginas de cada variante. También podrás ver el porcentaje de mejora (o empeoramiento) de cada variante con respecto a la versión original.

Aplicar la alternativa ganadora

Después de un tiempo, el complemento le dirá qué variante es la mejor (si hay una que es mejor que las demás, por supuesto).

Una vez que hay uno, solo queda hacerlo definitivo. Con Nelio A/B Testing, al ser un plugin nativo de WordPress, aplicar la variante ganadora solo implica hacer clic en un botón, Aplicar . ¡Y eso es! No es necesario volver a crear la variante ganadora, ¡ya está en WordPress!

Y listo, ahora tienes un nuevo diseño de tu web con datos contrastados, mejor que el anterior.

Comience a realizar pruebas A/B en Elementor ahora

Con esta guía completa sobre cómo crear pruebas A/B en Elementor, estará completamente equipado para comenzar a planificar su propio proyecto de optimización de conversión de sitios web. Las pruebas A/B son invaluables cuando se trata de mejorar las tasas de conversión de su sitio web. Además, al utilizar una herramienta como Nelio A/B Testing, reduces muchos de los riesgos que implica emprender un programa de optimización sin criterios claros y solo en base a tu propia intuición.

Si te ha resultado útil esta guía, compártela en tus redes sociales y si tienes alguna pregunta, comentario o necesitas información adicional, no dudes en dejar tu comentario al final de este artículo.

Imagen destacada de Syd Wachs en Unsplash .