27 Apr 2022 · 18 min
Podcast episode 315 by Gonzalo Navarro introducing A/B testing on WordPress aimed at site owners (not agencies). Gonzalo defines A/B tests, key concepts (conversion rate and goals), and describes what can be tested in WordPress (posts, pages, custom post types, themes, templates, menus, widgets, CSS, WooCommerce products). He compares two WordPress plugins (A/B Testing for WordPress — simple/free; Nelio A/B Testing — freemium, full-featured) and explains Nelio features: multiple variants, objectives, segmentation, duration control, population-based completion, and heatmaps. The episode also mentions a new course on A/B testing (uses Nelio) and a plugin recommendation (Photo Gallery by 10Web, ~300,000 active installs).
Chapters
En el episodio 315 de WordPress Semanal hablamos de cómo hacer test A B sin ser una agencia de marketing. Te explicaré qué son, sus ventajas y cómo hacerlos. Vamos allá. Hola, hola, soy Gonzalo y Bienvenidos al episodio 315 de WordPress Semanal, el podcast en el que aprendes WordPress en profundidad. Hoy vamos a hablar de un tema bastante interesante que es un poco más nicho y lo quiero enfocar a que lo podamos hacer cualquiera de nosotros, cualquiera que tengamos una web, pues que podamos aplicar esta técnica de marketing. Digamos que se hacen agencias especializadas, pero que gracias a algunas herramientas también lo puedes hacer tú directamente en tu web con WordPress y de una forma relativamente sencilla. Así que ese va a ser el tema central de este episodio. Pero antes, como siempre, novedades. ¿Qué está pasando en Gonzalo Navarro es esta semana? Pues pasan dos cosas. Una, nuevo vídeo de la zona código. Ya sabéis, todas las semanas hay uno nuevo, ya Vamos por el 265, y en este caso aprendes a hacer espacios con salto y sin salto en HTML. Es decir, esta es una clase un poco para que te manejes con más control desde el editor de HTML. No sé, si estás creando una entrada, una página o lo que sea y necesitas toquetear la parte de HTML, pues te va a venir muy bien este vídeo para entender primero cómo funcionan los espacios, tanto espacios entre palabras, que hay veces que queremos forzar dos, tres espacios y no podemos, salvo que apliques lo que te enseño en este vídeo como espacios entre líneas, saltos de línea, cómo funcionan desde el punto de vista del HTML y cómo los puedes también forzar sin que después WordPress haga lo que le dé la gana. Pues es lo que vemos en este vídeo. Ya digo, el vídeo 265, ya sabéis, en Gonzalo Navarro es si estáis apuntados a la formación, pues tenéis acceso a ello en la parte de la zona código, en la parte de snippets de código. De todas maneras voy a ir dejando el enlace de todo lo que comenté en las notas de este episodio. Bien, eso por un lado y por otro, estamos a final de mes, con lo cual tenemos novedad, tenemos curso nuevo y es precisamente el curso de test A B en WordPress, en concreto con el plugin de Nelio del que te voy a hablar más adelante. En este curso vemos una introducción a los test A B y ya en la segunda nos metemos de lleno en la práctica, cómo hacer estos test A B, estas comprobaciones de qué contenido funciona mejor. También hacemos test A B estructurales, es decir, no solo comprobar si una entrada o una parte de una entrada o de una página o de un contenido personalizado o de un producto funciona mejor, sino también si funciona mejor tener una plantilla de página específica, tener un theme específico instalado, tener un widget puesto u otro widget, un menú de navegación u otro menú distinto. Incluso comprobaciones testa B sobre modificaciones por CSS. También veremos otras funcionalidades avanzadas como los mapas de calor y algunos conceptos un poco teóricos, como por ejemplo, cómo tomar decisiones tras los resultados que obtienes de un test A B. Ya tienes disponible el curso junto con los otros 64 cursos, si no me equivoco, también todo disponible en GonzaloNabarro es e incluido, al igual que el soporte, las descargas y los descuentos en la membresía, en la formación. Ya sabes, solo 10 euros al mes y fíjate todo el contenido que tienes. Sí, fantástico. Estas son las novedades que ya sabes, puedes encontrar los enlaces en Gonzalo es 315, que es el número de este episodio. Y vamos ahora con el plugin de la semana que se llama photo gallery by 10 web. Este es un plugin muy muy, muy popular. Se ha ido haciendo popular con el tiempo, sustituyendo a otros plugins que hacían cosas parecidas y que han empezado a desaparecer. Y es para crear galerías de imágenes. Yo creo. Yo diría que es el líder de los plugins para crear galerías de imágenes, de los gratuitos. Yo diría que es el líder porque está activo en 300.000 webs con WordPress. Ellos dicen que son el líder en su en su página de presentación tienen una demo para que puedas ver cómo quedan las galerías y básicamente se integra con el editor de Gutenberg y puedes hacer galerías, pues todas las que te imagines, galerías de imágenes. Sé que hay mucha gente interesada en este tipo de plugins, así que por eso lo comento. Si buscáis un plugin de los potentes para crear galerías de imágenes directamente desde vuestro editor de WordPress, echadle un vistazo a este porque está muy bien. Ya lo sabéis, en las notas del episodio tenéis el enlace directo. Pero de nuevo, se llama photo gallery by 10 web. Fantástico. Pues ahora sí, vámonos con el tema central de este test A B en una web con WordPress. Venga, vamos a empezar definiendo qué es un test web, perdón, un test A B de una web. Bueno, pues no es más que hacer pruebas para comprobar el rendimiento. ¿Hacer pruebas de qué? Pues hacer pruebas de una web completa, de un contenido específico de esa web, de una sección específica dentro de un contenido como un botón por ejemplo, o incluso de un proceso. Podemos hacer un test a ver de un proceso de venta donde cambiamos uno de los pasos y de esa forma comprobamos que funciona mejor con este paso o con este otro paso, o de un proceso de una suscripción. Eso es un poco la idea. Y claro, se llama test A B porque creas un mínimo de dos versiones, una versión A y una versión B, pues de una misma web, de un mismo contenido, de una misma sección, de un mismo proceso, etcétera. Una versión se la muestras al 50% de los visitantes y la otra versión se la muestras al otro 50% y al final decides si una versión es ganadora, si la A es ganadora, la B es ganadora o ninguna porque realmente no has visto cambio. ¿Y cómo vemos o cómo decidimos todo esto de si una gana u otra no gana? ¿Qué hay que tener en cuenta? Bueno, hay dos conceptos clave en los test A B. Uno, el ratio de conversión, es decir, con el ratio de conversión nosotros vemos qué versión ha ganado, la A, la B o la C, porque se llaman test A B, pero se pueden hacer tres versiones de una misma cosa y comprobar las tres. ¿Y qué es esto del ratio de conversión? Bueno, esto tiene que ver con otro de los conceptos clave de los test A B que es el objetivo del test. Si el objetivo del test es que alguien haga clic en un botón, pues el ganador va a ser el que tenga más ratio de conversión, que en este caso sería hacer clic en el botón. Por ejemplo, si le muestro a un 50% de mis visitantes el contenido con un botón verde y el otro, y al otro 50% de los visitantes le muestro el contenido con un botón rojo, pues imagínate que el 30% de los que han visto el botón verde han hecho clic y que el 40% de los que han visto el botón rojo han hecho clic. Pues el ratio de conversión del 40% de la versión B en este caso gana. Es así de sencillo realmente. ¿Y como ves después de esta explicación de qué es un test A B y los conceptos clave, pues básicamente esto lo hacemos para saber con datos y no con nuestra opinión, no con lo que pensamos o lo que piensa nuestro compañero o nuestro amigo de cuál es la mejor versión para que algo de nuestra web funcione mejor, sí? Bien, Vámonos específicamente a WordPress. ¿Qué podemos medir dentro de WordPress con los test A? Bueno, ya te he comentado básicamente que es casi todo, pero si hablamos en concreto de WordPress, por ejemplo, puedes hacer un test A B de una entrada, de una entrada de tu blog, de una página, de un tipo de contenido personalizado, imagínate que tienes un tipo de contenido personalizado que se llama cursos, o Los productos de WooCommerce también son un tipo de contenido personalizado, y también puedes hacer un test A B de ellos, y cuando digo de entradas, de páginas, de tipo de contenido, puedes modificar lo que quieras, es decir, puedes cambiar solo una parte, por ejemplo un botón que haya dentro de una página, o puedes cambiar todo y hacer dos páginas completamente diferentes. Incluso puedes hacerte esta vez solo de titulares, de los títulos de tus contenidos, para que por ejemplo si alguien va a la página de blog, a una parte de la gente se le muestre un titular en uno de los contenidos y a otra se muestre otro, y así ver quién hace más o en cuál de ellos se hace más clic y elegir el titular que funciona mejor. Pero es que además podemos hacer lo que yo denomino pruebas estructurales o test A B estructurales, porque puedes hacer un test A B entre distintos teams, distintos temas de WordPress, imagínate que tienes GeneratePress y Astra instalado, los puedes hacer, puedes ver cuál te funciona mejor, lo puedes hacer con plantillas de página, ahora que con el editor de Gutenberg, podemos modificar las plantillas de página, esto es, las estructuras para por ejemplo todas nuestras páginas, pues el ancho que van a tener, si van a tener o no footer, el espaciado entre los distintos bloques que tú pongas dentro de esa página, digamos la parte estructural. Ahora como vemos en el curso de WordPress básico renovado, puedes editarlo, si usas un theme que está a la última con Gutenberg, pues puedes hacer esto, entonces te permite, o con un plugin que veremos ahora, puedes hacerte esta B también de plantillas, lo puedes hacer de menú de navegación, que esto puede ser muy útil, por ejemplo, para ver si con determinados elementos de menú se hace más clic en tu menú o se hacen menos clics y crear dos menús completamente diferentes o dos menús prácticamente iguales cambiando un detalle, por ejemplo el color del botón a suscribirte, esto puede ser un test A B útil, o del copy del texto que le pongas a ese botón, también puedes hacer test A B. Otra parte estructural es de los widgets e incluso puedes hacer test a básicamente de cambios de CSS, es decir, tú tienes una versión de tu web, pero te vas al personalizador de CSS y haces una serie de cambios, pues puedes decir, venga, estos cambios que estoy haciendo y que están cambiando el aspecto de mi web en algún sentido, se lo voy a mostrar al 50% de mis visitantes y la web tal y como la tenía antes de esos cambios se la muestro al 50% restante. Así que fíjate que puedes medir muchísimas cosas exclusivamente desde WordPress, por eso es interesante utilizar una herramienta específica para WordPress. Bien, y esto me lleva a los plugins que existen para poder hacer test. A ver, en WordPress principalmente hay dos, hay alguno más, pero principalmente hay dos que funcionan bien. Uno se llama A B Testing for WordPress, es gratis, te permite hacer test a veces sencillos, tiene muy poquitas opciones, pero si quieres hacer esto, test AVE sencillos, está muy bien porque por ejemplo, tú estás trabajando el editor de Gutenberg y haces pues el ejemplo que pongo muy recurrente porque es muy fácil de entender. En una de tus páginas pones un botón pero no tienes claro el texto que quieres poner, no tienes claro si vas a poner el precio de ese botón. Imagínate que es comprar algo y pones un botón con el precio, cómpralo por 10 euros y luego pones otro botón sin el precio, cómpralo, y quieres ver si la gente hace más o menos clic en función del copy del texto que hay, pues directamente desde ahí, desde el editor de Gutenberg, cuando estás creando ese contenido, si tienes este plugin A B Testing for WordPress instalado, pues puedes crear dos versiones, metes como una especie de contenedor y ahí pones las dos versiones y ya eliges el objetivo que tienes y ya está, y lo haces así y no puedes hacer mucho más que eso, digamos. Eso es lo que puedes hacer y solo puedes poner dos versiones, es decir, test A y B, no puedes hacer un test C, así que. Y luego pues ves los resultados al término del tiempo que tú le hayas puesto, ¿De acuerdo? Si buscas eso, este está muy bien y es gratuito. Si quieres más, por ejemplo, hacer todo lo que te he comentado anteriormente, tienes que usar el mejor para mí que hay, además los datos lo dicen, es el más popular, no tiene mucha competencia porque yo no creo que deba ser, no creo que sea sencillo crear una herramienta como esta. Y tenemos el plugin Nelio A B Testing, que si has escuchado hablar antes de testing dentro de WordPress seguro que te suena, porque ya digo, es el más popular. Este plugin es freemium, tiene una versión gratuita y luego tiene algunos planes de pago. Pero ¿Qué puedes hacer con Helio A B Testing? Bueno, puedes hacer muchísimo, puedes hacer test A, B y C y D con más variantes. Tienes muchísimas opciones, por ejemplo, todo lo que te he dicho antes del test AVE, de una entrada, una página, de un tipo de contenido, de los titulares, de los temas, de las plantillas, de los menús, de los widgets, del CSS, de productos de WooCommerce. Todo esto lo puedes hacer con Nelio A B Testing. Y el funcionamiento también es bastante sencillo. Ellos lo llaman, bueno, cuando lo instalas en una web con WordPress en español, pues lo llaman pruebas en lugar de test, pues se llaman pruebas y puedes crear una prueba para. Para cada cosa que quieras medir. Entonces, por ejemplo, que tú quieres medir o testear, digamos, hacer un test A B del menú de navegación para que tengas que. Esto es por ejemplo, en el curso os muestro un ejemplo real que yo hice para comprobar qué botón funcionaba mejor en el menú de navegación. Pues lo que te haces es que tú creas una prueba nueva, le dices que el menú original, eliges el menú original que tienes, el menú de navegación y le dices crear versión B de este menú original, te lleva a la página de edición de menús de WordPress normal, modificas ese menú como quieras y le das a guardar. Luego vuelves a tu prueba y ahí tienes tus dos versiones de menú. Imagínate que lo que he cambiado es un botón que en el menú, pues yo tenía un botón de apúntate, pero ahora lo he cambiado por un botón de suscríbete, después tienes que establecer el objetivo, que el objetivo pues tienes muchísimas opciones dentro de Nelio, puedes decidir que el objetivo sea un clic, en cuyo caso tienes que ponerle algo para que Nelio sepa que es un clic, por ejemplo le puedes poner la clase de CSS de ese botón o también le puedes poner que lo que el objetivo a medir es llegar a una página, entonces le puedes poner la página a la que lleva ese botón, de modo que de esa forma lo compruebas con cuál versión se llega más a esa página. Bueno y muchas opciones más dentro de los objetivos, si tienes la versión de pago puedes crear más objetivos y si tienes la versión de pago puedes segmentar, incluso puedes decirle yo esta prueba que estoy haciendo solo quiero que sea a los visitantes que estén conectados, o solo quiero que sea a los visitantes de habla hispana, o solo quiero que sean a los visitantes que vengan desde esta IP. Y luego pues estableces el tiempo de duración de ese test A B, que aquí tienes que ser realista, si por ejemplo no tienes demasiadas visitas debes dejar el test mucho más tiempo, si tienes muchas visitas lo puedes dejar menos tiempo, no es lo mismo una web con un montón de tráfico que rápidamente va a tener 2.000 personas viendo una de las la versión A y 2.000 personas viendo la B u otra que va de 100 visitas en 100 visitas y tienes que esperar más tiempo hasta tener una masa crítica donde de verdad haya suficientes visitantes, suficiente gente que ha hecho esos test A B como para que tú después puedas decidir este es el ganador. Que por cierto, con la versión de pago puedes decidir que en lugar de terminar el test por tiempo, pues que termine cuando se ha mostrado a 5.000 personas por ejemplo, o a 10.000 personas o a 1.000, lo que quieras y luego ya pues ves cuando haya pasado, bueno, mientras se está produciendo puedes ir viendo cómo va todo y cuando haya terminado pues puedes ver los resultados, incluso si se ha llegado al objetivo buscado, el propio plugin te muestra un ganador, si, claramente, si tú has puesto el objetivo 90% y claramente el 90% de la gente que veía la versión B ha hecho clic, pues es el ganador, claro, por ejemplo. Pero no sólo eso, aparte de medir todo esto de los contenidos, las estructuras y demás y poder hacer test A, B y C, que por cierto a partir de hacer los test C es también con la versión de pago. Pues digo, a partir de todo esto o además de todo esto, también tiene una funcionalidad que está súper chula, que son los mapas de calor. Los mapas de calor lo que hacen es analizar en una página que tú elijas, en un contenido que tú elijas, la interacción de los visitantes. ¿Qué hacen los visitantes? Por ejemplo cuando llegan hacen scroll, es decir, bajan de la página o se quedan, solo ven lo primero que se muestra en pantalla, a lo mejor bajan un poquito, pero no bajan más o menos, o sí, o bajan hasta abajo del todo, incluso le dan a los enlaces del footer, que esa es otra. Puedes controlar con estos mapas de calor ¿Dónde hacen clic los visitantes? Por ejemplo, si hacen mucho clic en el botón suscríbese o suscríbete, pues se va a ver como en el mapa de calor que te muestran en los resultados, lo vas a notar, se va a ver un color muy fuerte porque se nota que ahí han hecho muchos clics. Yo por ejemplo en el curso también muestro un ejemplo real donde yo pensaba que un botón que yo tenía en el menú de navegación se clicaba mucho, pues bueno, no se clicaba prácticamente nada porque yo tenía la misma llamada a la acción cuando tú entrabas, no es gonzalonabarro, es es otra web, pues cuando tú entrabas yo tenía nada más entrar una llamada a la acción, digamos en el típico hero, en la parte de arriba de la web y luego la misma llamada a la acción en el menú de navegación y la gente hacía clic en el de la página, digamos en el del contenido y no tanto en el del menú de navegación. A pesar de que en el menú de navegación cuando haces scroll te acompaña esa CTA, te acompaña esa llamada a la acción, pues me di cuenta de que no era tan importante que la gente sobre todo hacía clic en la parte del contenido y no tanto en la del menú. Pues esta es una cosa que me di cuenta de forma aleatoria, yo no intentaba medir eso, pero haciendo el mapa de calor pues lo detecté, por ejemplo. Bueno, en definitiva, otra característica también de esto del mapa de calor que es interesante o que puede serlo, es que además de los clics, te mide cuánto tiempo ha pasado ese visitante en la web hasta que ha hecho clic en algo. Imagínate pues el típico visitante que entra, que haces color por la página, le echa un vistazo, se va a quienes somos, se va a la página de pricing, vuelve a la home y ya le da a comprar. Pues ese bot, ese último punto donde le da a comprar, lo mismo han pasado cinco minutos, pues eso te lo muestra esta parte del heatmap de los mapas de calor de Nelio A B Testing. Así que está muy chulo, uno se puede quedar ahí mirando los datos y analizando un montón de tiempo y sacar cosas interesantes. Bueno, todo esto que he comentado es lo que vemos en el curso de test A B en WordPress con este plugin, con Nelio A B Testing, que lo he elegido para el curso porque es el más completo. En cada clase lo que hago es que te enseño toda la parte gratuita que te ofrece el plugin y después me paso a otra donde tengo la versión de pago y te digo, mira, y si además tienes la de pago puedes hacer esto, esto y esto, ¿Vale? Para los que, pues eso, los que sólo vayáis a usar la gratuita, que tengáis toda la información y los que vayáis más allá y queráis la de pago, que también la tengáis. Recordad que ya tenéis el curso disponible en Gonzalo Navarro es si estáis suscritos, si no podéis hacerlo y también en la parte de enlaces a la que podéis ir directamente escribiendo en vuestro navegador, GonzaloNabarro es 315. Nada más por este episodio, como siempre, muchísimas gracias por estar ahí al otro lado, por tomar la acción que toméis para darle un poco de cariño a este podcast, ya sea compartiéndolo, comentándolo, dejando estrellas donde estéis, no me cansaré de decirlo, muchísimas gracias, nos seguimos escuchando. Adiós.
More from Gonzalo
518 | Redes sociales, precios personalizados, audios desde Drive y temas de bloques (Q&A)
513 | Por qué sigo usando estos plugins después de tantos años (y cuáles he abandonado)