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

Al diseñar un sitio web, hágalo para un propósito: vender productos, promover servicios o provocar cualquier respuesta o acción de sus lectores. La web en WordPress se debe a que es consciente de que el diseño importa y desea que sea atractivo y moderno. Hoy veremos cómo crear pruebas A/B en el sitio web de Elementor. Incluso si usa Elementor en el diseño de sus páginas, ¿dónde sabe si su gusto refinado es realmente el que le traerá los mejores resultados? No eres tu propio cliente, y sus opiniones y gustos pueden ser muy diferentes de los tuyos. Ir con su instinto puede ser muy romántico, pero si desea mejorar su experiencia de usuario y aumentar las conversiones, es hacer que los lectores tomen cualquier acción alineada con sus objetivos (compre, complete un formulario, contacte, etc.), lo mejor La opción es realizar pruebas A/B en su sitio.
contenido
¿Qué son las pruebas A/B?
Optimización de la tasa de conversión
Paso 1: Defina sus objetivos
Paso 2: Analice su sitio web
Paso 3: crea tus supuestos
Paso 4: Generar una idea de prueba
Paso 5: Crear y ejecutar la prueba A/B
Crear pruebas A/B en Elemoror
Seleccione el tipo para crear prueba
Definir variantes de prueba
Defina sus objetivos y acciones de conversión
Segmentó su tráfico
Rode la prueba creada y analice su progreso
Aplicar la alternativa ganadora
Comience a realizar pruebas A/B en Elementor ahora
¿Qué son las pruebas A/B? El número de visitantes de su sitio es igual al número de oportunidades para que un visitante realice un deseado, también llamado conversión. Esta es una suscripción, una compra, completar un formulario, etc. La conversión es el número de conversiones realizadas en relación con el número de visitas. Por lo tanto, si tiene un total de 100 visitas al día en su sitio web, dos de las cuales pueden comprar un producto, la tasa de conversión en su sitio es del 2%. De la misma manera, puede medir el éxito de sus campañas de correo electrónico analizando qué porcentaje de quienes reciben los correos electrónicos compran, con su sitio tiene una muy buena herramienta para mejorar su éxito o tasa de conversión: pruebas A/B . Prueba de A/B es la mejor herramienta para optimizar la conversión a su sitio. En resumen, una prueba A/B consiste en una hipótesis de mejora, que propone un cambio en su sitio (por ejemplo, una redistribución de la página de destino para mostrar mejor información relevante , un reorganización del menú para obtener más clics). en la página de mi producto o un cambio radical de tema para que sea más atractivo) y luego vea si este cambio funciona mejor de lo que tenía antes.
Desde un punto de vista técnico, una prueba A/B no es más que un experimento que consiste en la visualización simultánea de dos variantes de la misma página web con diferentes segmentos del sitio web y al comparar la variante que genera la mayor cantidad de conversiones.
En la forma más simple, las pruebas A/B proponen la división de tráfico aleatorio al sitio en dos grupos, de modo que el 50% de los visitantes ven el diseño A, mientras que el otro 50% ve el diseño B. Al monitorear cómo reacciona los usuarios en cada grupo, Podemos calcular la tasa de conversión de cada grupo y, si hay una diferencia estadísticamente significativa entre los dos, podemos declarar un diseño ganador. Una de las preguntas que aparecen rápidamente en el caso de A/B es qué tipo de prueba debe prueba. Las pruebas A/B no son pruebas que define al azar sin ningún sentido; Debe ser parte de un proceso más ambicioso conocido como el proceso de optimización del informe de conversión o el proceso CRO.

La optimización de la tasa de conversión de la optimización de la tasa de conversión o CRO es, como su nombre indica, el proceso de aumentar el porcentaje del sitio web que realiza las acciones deseadas. Este proceso, brevemente, consiste en los siguientes pasos: Paso 1: Defina su primer paso en cualquier proceso de CRO es definir cuáles son sus objetivos comerciales y diferentes objetivos de conversión en diferentes etapas del embudo. Sus ventas. Por ejemplo, el propósito comercial de Nelio es aumentar el número de suscriptores a nuestros planes premium. Pero, ¿cuál es la forma en que van los visitantes desde el momento en que visitan nuestro sitio web y hasta que se convierten en clientes? Este es nuestro canal de ventas:
Definición del embudo para vender un sitio web. Si nuestro objetivo comercial es aumentar el número de suscriptores a nuestros planes premium, un cliente potencial o potencial primero puede averiguar sobre las pruebas Nelio A/B al buscar soluciones de prueba A/B o en el directorio de complementos de WordPress. Este visitante de nuestro sitio web probablemente leerá algunos artículos en nuestra documentación para descubrir 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 momento, un objetivo de conversión para nuestro sitio podría ser una visita a la página de precios, y nuestro valor objetivo podría ser obtener 2,000 visitas por mes. Luego, si el cliente potencial encuentra información interesante, solicitará información más detallada o descarga El complemento del director de WordPress para probar la versión gratuita que ofrecemos. Un segundo objetivo de conversión sería entonces: un visitante completa nuestro formulario de contacto. El valor será el número de formularios de contacto recibidos y podemos definir nuestro objetivo mensual con un cierto valor. O podría ser una descarga de nuestro complemento. Y así. Finalmente, el prospecto disminuye en 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 ha visto, este primer paso es analizar el canal de ventas para definir nuestros objetivos de conversión estableciendo valores. Paso 2: Analice su sitio web después de este paso preliminar esencial, debe comenzar a buscar datos sobre la situación actual de su sitio y sobre el cual puede actuar. Identifique los problemas que tiene actualmente en su sitio lo ayudará a generar ideas sobre las pruebas A/B que debe hacer. ¿Cómo recopilamos los datos? Inicialmente, evalúe heurísticamente cada una de las páginas que identificó en el paso anterior. Pregúntese si cumplen o no el conjunto de criterios que ha establecido y vea si puede mejorar estos resultados: ¿la página coincide con el usuario en términos de contenido y diseño?

¿Cómo podemos mejorarlo?
¿El contenido y las ofertas en el sitio son lo más claros posible?
¿Podemos hacerlo más claro o más simple?
¿Qué causa la duda en esta página o previene el proceso?
¿Podemos simplificarlo?
¿Qué existe en la página que no ayuda al usuario a actuar?
¿Podemos aumentar la motivación de los usuarios?
Recibirá una lista de áreas de interés que puede mejorar. Use Google Analytics para encontrar áreas de mejora. Por ejemplo, GA puede ayudarlo a detectar el porcentaje de visitantes que hacen clic en los botones de sus productos, que luego puede comparar con las cifras esperadas. También puede usar mapas térmicos y mapas de desfile para comprender mejor el comportamiento de sus usuarios web.
Luego, priorice los problemas o las áreas de mejora que identificó, primero centrándose en las que cree que tendrán el mayor impacto (ya sea porque tienen más visitas o porque es un problema importante). Por ejemplo, en nuestro análisis, hemos visto que tenemos que mejorar nuestra página de pruebas Nelio A/B. Queríamos aumentar la cantidad de usuarios que visitan nuestra página de precios. Y este fue un problema importante. Paso 3: Cree sus supuestos el siguiente paso, antes de crear una prueba A/B, debemos traducir la lista de problemas previamente identificados en un conjunto de hipótesis. Por ejemplo, en nuestra página de destino Nelio A/B Prueba Vi tantos Los visitantes solo ven el primer bloque y no corren por la página. Pude ver esto después de analizar el mapa térmico y el mapa del desfile web. Además, solo el 45% de los visitantes fueron a la página de precios.
La versión original de la primera página de la página de pruebas Nelio A/B. En vista de este hecho, emitimos la hipótesis de que, al usar un mensaje más claro en el primer pliegue que despierta curiosidad en lugar de emergencia, nos convertimos en más personas interesadas en hacer clic en el botón ahora. Puede hacer el mismo ejercicio para cada uno de los problemas en la lista ordenada. Paso 4: Generar una idea de prueba entonces, tuvimos que implementar un nuevo título que “despierta la curiosidad”. En nuestro caso particular, decidimos usar lo siguiente: ¿rojo o azul? Cuadrado o redondo? ¿Arriba o abajo? Pon tu WordPress a prueba.
Las diferencias entre la versión original y la variante para el primer pliegue de la página de destino de las pruebas Nelio A/B.También decidimos cambiar el texto bajo el título, como se muestra en la imagen.La idea que teníamos era verificar si es cierto que las personas prefieren hablar sobre 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 se puede imaginar, crear la prueba en su sitio como mencioné al principio, una prueba A/B no es más que un experimento en el que creamos dos versiones o variantes de una página (pero también podría ser una publicación, un menú, un widget, un formulario o cualquier otro elemento de nuestro sitio 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 para ver la variante B. Múltiple en el caso de una prueba multivariada) de la prueba, pero también debemos definir nuestros objetivos de conversión. Como vimos en el ejemplo anterior, nuestro objetivo de conversión era contar las visitas en la página de precios de nuestros planes premium. Además, en una prueba A/B podemos segmentar a los participantes en una prueba, es decir, para indicar qué visitantes queremos participar en la prueba. Después de ejecutar la prueba, verá si una de las variantes ha estado ganando y definitivamente la aplicará como final en su sitio, asegurándose de que tenga una mejora en la conversión. Y como puede imaginar, el proceso de optimización de la conversión de un sitio web es continuo y cíclico. Nunca deje de hacer pruebas A/B para mejorar su sitio. Cree pruebas A/B en el elemento Puede crear manualmente una prueba A/B en un sitio de WordPress con Elementor, por ejemplo, utilizando Google Analytics para el análisis de conversión.
Sin embargo, nuestra recomendación es utilizar una de las herramientas disponibles en el mercado, como las pruebas Nelio A/B (versión gratuita y premium de 29 EUR/mes), Conviertos (versión premium de $ 49), VWO (Versión Premium desde $ $ 49/mes). Versión a partir de $ 199/mes), Convertir experiencias (versión premium de 699 USD/mes) u Optimizely (precios personalizados pero a partir de aproximadamente 800 USD/mes), entre otros, lo que lo exime de los problemas de tráfico de segmento en su Sitio web y brindarle directamente los valores y resultados que está buscando. Veamos qué tipos de pruebas A/B pueden crear con Elementor usando las pruebas Nelio A/B, una herramienta cuya gran ventaja es que es un complemento nativo de WordPress. De hecho, solo tiene que instalar el complemento de prueba NLIO A/B en su sitio web como cualquier otro complemento y, una vez instalado, puede comenzar a usarlo sin tener que aprender a usar ninguna otra herramienta. Los pasos a seguir son los siguientes: seleccione el tipo de prueba de creación
Defina las variantes de prueba,

Definir objetivos y acciones de conversión


Alternativamente, defina si desea aplicar segmentación
Ejecute la prueba y analice su progreso
Aplicar la alternativa ganadora como final
Seleccione el tipo para crear la prueba para crear cualquier tipo de prueba, lo primero que debe hacer es seleccionar el tipo de prueba que desea crear en la lista mostrada.
Selector de pruebas en pruebas Nelio A/B.
Una vez que haya seleccionado el tipo de prueba A/B que desea crear, debe definir las características principales de la prueba que desea ejecutar en su sitio. Defina primero las variantes de prueba, para cada uno de ellos debe elegir el elemento que desea. Prueba y defina sus variantes. La prueba A/B de una página para ver un ejemplo muy simple. Supongamos que hemos emitido la hipótesis de que, utilizando una nueva imagen en la página elemental, haremos que más personas se interesen en saber más información sobre el instrumento y, por lo tanto, haga clic en el botón de acción. Secciones en la página Elementaria. Después de seleccionar que queremos crear una prueba de página, en el editor de WordPress verá la página donde debe editar su prueba.
Definición de una nueva prueba A/B de la página.
Simplemente llame a la prueba, en este caso “probando diferentes imágenes” y seleccione la página que desea probar (en nuestro caso, la página de inicio).
Seleccione la página probada con pruebas Nelio A/B.
Luego, cree la variante “B” B “de la página original simplemente dándole un nombre. Y si lo desea, puede crear tantas variantes haciendo clic en el botón de nueva versión. Por defecto, cada variante creada será una copia exacta de la página original que seleccionó anteriormente. Haga clic en Editar enlace para cambiarlo.

Creación de A B en una prueba A/B.
La ventaja que tiene al usar un complemento nativo de WordPress es que puede cambiar directamente la variante de una prueba A/B utilizando el mismo editor visual que generalmente usa para crear sus páginas. En este caso, el editor es obviamente elemental. Esto significa que, después de hacer clic en el enlace de edición, verá que la nueva variante se carga en el elemento y puede cambiarlo como desee. Modifique la variante de una prueba A/B. Cambie la página (en este ejemplo, solo cambiaré una imagen) y la guardaré como un boceto:


Publique una página como boceto con Elementor.

¡Eso es todo! ¡Creaste tu primera opción! La prueba A/B de una publicación que crea una prueba A/B para una publicación es muy similar a la de la página. Una vez que haya seleccionado que desea crear una prueba de publicación, el menú desplegable para seleccionar la publicación inicial que desea probar mostrará la lista de publicaciones que ha publicado. También puede buscar la publicación ingresando el título, URL o ID.
Seleccione una publicación para probar con pruebas Nelio A/B.


El resto del proceso es exactamente el mismo que el anterior. Prueba A/B de un tipo de publicación personalizado Si lo que desea es crear una prueba A/B de un tipo de páginas y publicaciones personalizados de manera diferente, como los cursos que creó en su sitio., Preguntas frecuentes, etc., puede Haga esto con las pruebas Nelio A/B. Solo tiene que seleccionar que desea realizar este tipo de prueba, y ahora el selector le permitirá seleccionar el tipo de contenido deseado y qué contenido desea probar.
Seleccionar una prueba de publicación de publicación de publicación personalizada A/B Prueba.

La prueba A/B de un título si analiza su sitio web, se da cuenta de que es difícil para usted hacer que los lectores lean el contenido de su sitio, tal vez porque los títulos no son muy atractivos. Una prueba que puede ser muy interesante es la prueba de título. Es decir, pruebe diferentes versiones del título, el fragmento y la imagen presentadas de una publicación y descubra qué combinación obtiene un mayor número de lectores. Para realizar este tipo de prueba, con las pruebas Nelio A/B no necesita editar esta información con Elementor. El complemento en sí le permite hacerlo directamente al editar una prueba. Una vez que haya seleccionado que desee crear una nueva prueba de título, las pruebas Nelio A/B le muestran las publicaciones que tiene en su blog. Definición de una prueba A/B con pruebas NELI A/B.
Seleccione la publicación cuyo título desea probar y cree las variantes deseadas de ella, sin siquiera tener que editar la publicación.

Definición de las variantes de un título A/B con pruebas Nelio A/B. La prueba A/B del resumen del producto de WooCommerce resumen de WooCommerce de las pruebas A/B es un tipo específico de prueba de WooCommerce en la que se prueban diferentes nombres, descripción breve e imagen del producto, con la intención de descubrir cuál de ellas recibe más compras de el producto respectivo. La forma de crear una prueba de este tipo es muy similar a la de los títulos que he visto anteriormente. Si ha seleccionado para crear una prueba de este tipo, las pruebas Nelio A/B le mostrarán en un desplegable Los productos que tiene disponibles y solo necesita hacer las variantes que desea crear directamente en el editor del editor. Pruebas. No tiene que editar el producto.

Definición de una prueba A/B del resumen del producto Woo-Commerce con temas de prueba de Nelio A/B A/B Si después de analizar su sitio web, su hipótesis es que su sitio necesita un cambio más radical, tal vez el cambio de tema podría ser lo que necesita. Pero antes de saltar al final, no olvide, cree una prueba A/B con la que pueda consultar con datos que sean mejores. Crear una prueba de tema es fácil con las pruebas Nelio A/B. Debería haber instalado en WordPress solo los temas que desea probar y seleccionar en el tema A/B.
Seleccionar una variante de tema en una prueba A/B con pruebas Nelio A/B.

Tenga en cuenta que si las páginas que tiene con el elemento han sido completamente personalizadas una por una, el efecto que puede tener una modificación del tema será mínima. Pruebe 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.
Selección de la variante de la plantilla de prueba del probador A/B Prueba. Como siempre, es tan fácil como la selección de diferentes variantes de plantilla que desea usar como plantilla en todas las páginas que usan una determinada plantilla. La prueba A/B de los menús con Elementor puede crear la estructura del menú de navegación directamente en WordPress o si usa la versión Pro A El Elementer, también puede crear menús utilizando el widget del menú NAV. Si lo ha creado tradicionalmente, crear una prueba A/B es tan simple como seleccionar uno de los menús que actualmente y crear las variantes deseadas.

Creando una nueva prueba A/B con pruebas Nelio A/B. Para cambiar las variantes, simplemente haga clic en el enlace de edición y cambie el menú de la misma manera que edita cualquier menú tradicional. Una vez creado, ahora está disponible como una variante de esta prueba. Si ha creado sus menús de menú en el menú NAV en la versión Elementa Pro, la creación de la prueba es la misma que crear una prueba A/B, como se explica a continuación. La prueba del widget A/B Si necesita crear una prueba de widget en WordPress (incluido el menú NAV discutido anteriormente), después de haber seleccionado, desea crear una prueba de widget, simplemente indique el nombre del nuevo widget y haga clic en el enlace de edición .
Creación de una variante de una prueba de widget A/B con pruebas Nelio A/B.

Al editar una variante, Nelio usa su propio editor de widgets de WordPress con algunas verificaciones adicionales. Agregue, elimine y organice los widgets variantes como desee, luego regrese a la prueba.
Edición de un widget variante de una prueba A/B con pruebas Nelio A/B. La prueba A/B de CSS si desea probar diferentes versiones de las reglas de estilo CSS y medir cuál de ellas funciona mejor para cumplir con sus objetivos, puede seleccionar crear una prueba CSS. Al igual que con los widgets, solo tiene que ingresar el nuevo nombre de la variante y hacer clic en el enlace de edición. En este caso, un editor se abrirá para agregar los estilos CSS que desea, mientras puede ver su vista previa.

Edición de una variante de una prueba CSS A/B con la prueba Nelio A/B.

Una vez que haya definido las nuevas reglas, haga clic en Publicar y tenga la versión CSS de la prueba creada. Definir sus objetivos y acciones de conversión después de definir las variantes de su prueba, pasemos al siguiente paso: la prueba A/B que creó se ha logrado con la idea de probar una lente de conversión, como obtener varias ventas, más más de ventas, más suscriptores o más visitas a la página de precios, etc. Estos objetivos se logran cuando el visitante realiza ciertas acciones. Por ejemplo, puede obtener más suscriptores cuando un usuario completa un formulario particular 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 las acciones de conversión en las pruebas Nelio A/B? En la sección “Objetivos y acciones de conversión”, puede agregar cualquier objetivo haciendo clic en el enlace +nuevo y, opcionalmente, puede agregar un nombre. Las pruebas de Nelio A/B le mostrarán información sobre cuán efectiva es cada opción para cada uno de los objetivos que ha definido. Definición del objetivo de conversión: aumentar el interés en cualquiera de mis productos.

Para cada objetivo, entonces tiene diferentes tipos de acciones de conversión para seguir a sus visitantes. Por ejemplo, puede monitorear al acceder a una determinada página, al hacer clic en un elemento particular de su sitio web o enviar un formulario de contacto. Haga clic en el botón Acción que le interese y configure. Por ejemplo, puede hacer clic en la acción de conversión Visite la página y seleccione su página de precios en el formulario de caída o seleccione un formulario de envío y elija el formulario que desea ver. Segificar su tráfico Una de las características interesantes de muchas herramientas de prueba A/B es que puede segmentar su tráfico. Es decir, solo puede establecer ciertos visitantes para participar en una prueba. Por ejemplo, después del país, el tiempo, el idioma, el navegador, el dispositivo, etc. Si desea más detalles sobre cómo implementar la segmentación del tráfico con las pruebas Nelio A/B, en este artículo Antonio lo explica en detalle. Ejecute la prueba creada y analice su progreso y listo, ahora todo lo que tiene que hacer es presionar el botón para iniciar una prueba y analizar su progreso. Cuando usa un instrumento como los mencionados anteriormente, no tiene que preocuparse por cuánto tiempo necesita para ejecutarlo o controlar la confianza estadística de los datos. La evolución de una prueba A/B con pruebas NELI A/B.
Podrá ver el número total de conversiones y visitas a las páginas de cada variante. También podrá ver el porcentaje de mejora (o empeorar) de cada variante en comparación con la versión original. Aplique la alternativa ganadora después de un tiempo, el complemento le dirá qué variante es la mejor (si hay una mejor que las demás, por supuesto). De pie los resultados de una prueba A/B.

Una vez que hay uno, todo lo que queda es hacerlo definitivo. Con las pruebas Nelio A/B, siendo un complemento nativo de WordPress, aplicar la variante ganadora implica presionar un botón, aplique. ¡Y eso es! No hay necesidad de recrear la versión ganadora nuevamente, ¡ya está en WordPress!

Los resultados de un resumen del producto WooCommerce con pruebas Nelio A/B. Y voilà, ahora tiene un nuevo diseño de su sitio con datos probados, mejor que el anterior. Comience a realizar pruebas A/B en el elemento ahora con esta guía completa sobre cómo crear pruebas A/B, 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. Al usar un instrumento como las pruebas NELI A/B, reducen muchos de los riesgos involucrados en hacer un programa de optimización sin criterios claros. Y solo sobre la base de la propia intuición. Si encontró útil esta guía, distribíla en sus redes sociales y si tiene alguna pregunta, comentario o necesita información adicional, no dude en dejar su comentario al final de este artículo. Imagen presentada por Syd Wachs en Unsplash.