Plataforma · Experimentación

Tres tipos de experimento, un editor visual

Tests multivariante visuales, redirecciones de URL y tests del lado del servidor, lanzados directamente desde una extensión de Chrome en su sitio en vivo. Señale un elemento, cámbielo, guarde la variante.

Cómo se desarrolla un test

De una hipótesis a un cambio publicado

Quién lo ve, qué ejecutar a continuación, y qué recibe ingeniería cuando usted termina.

  • Edición sin código de texto, estilo, maquetación y posición, más CSS y JS personalizados para usuarios avanzados
  • Segmentación por URL, dispositivo y cookie, con asignación estable para que los visitantes que regresan vean una experiencia coherente
  • Renderizado antiparpadeo con cuatro seguros independientes, para que los visitantes nunca vean la página original destellar hacia el test
  • Cada visitante elegible entra en cada experimento elegible, de modo que ejecutar diez tests a la vez no cuesta tamaño de muestra
  • Publicación del ganador con un clic al 100 % del tráfico, y una entrega a implementación para fijar los ganadores en el código
  • Seguimiento de hipótesis con puntuación de priorización PXL para ordenar su backlog
MultivarianteRedirección de URLDel lado del servidor
La biblioteca de experimentos: cinco experimentos de los tres tipos, con su reparto de tráfico y su ventana de segmentación, uno en marcha, uno esperando una decisión y uno ya publicado.

Segmentación

Muéstrelo exactamente a quien quería

Tres dimensiones, combinadas por experimento: la dirección, el dispositivo, y una cookie que su propio sitio ya establece. La asignación es estable, de modo que un visitante que regresa conserva la variante que se le asignó.

  • Reglas de URL sobre siete condiciones, incluidas una regex y dos negativas
  • Escritorio, móvil o tableta, detectado antes de que se incluya al visitante
  • Segmentación por cookie para tráfico conectado o segmentado, comparada con una lista de valores
  • Asignación estable, guardada en el almacenamiento del navegador en lugar de en una cookie
  • Fuerce cualquier variante por URL para revisarla, sin una cuenta de test
Las reglas de segmentación de un experimento: páginas de producto en móvil, excluida la sección de outlet, para los visitantes cuya cookie de fidelidad los marca como socios, con asignación estable, admitiendo el 61 % del tráfico.

Publicar el ganador

Un clic al 100 %, o una entrega a ingeniería

Publique la variante ganadora a todo el tráfico desde la página de resultados. Cuando en cambio debe vivir en el código, Pertento redacta la entrega con el cambio exacto.

  • Publicación con un clic, con un registro de quién la publicó
  • Entrega a implementación con el selector y el cambio
  • Vuelva al original en cualquier momento
La pantalla de publicación: la variante B publicada a todo el tráfico con el nombre de quien la publicó, una marca de tiempo y la vuelta atrás disponible, junto a la entrega que lista el selector, el texto y el color que hay que fijar en el código.

Priorización

Un backlog ordenado por puntuación PXL, no por opinión

Registre cada hipótesis, puntúela con el modelo PXL, y deje que la clasificación decida qué se ejecuta a continuación. Las tres puntuaciones se resuelven en un solo número, porque un backlog necesita poder ordenarse y tres números son una discusión.

  • Potencial, exposición y nivel de esfuerzo, cada uno puntuado de uno a cinco
  • Resueltos en una sola importancia de cero a diez, sobre la que se ordena la lista
  • Hipótesis vinculadas al experimento que las puso a prueba
  • El borrador con mayor puntuación aparece cuando nada más lo necesita a usted
El backlog de hipótesis ordenado por puntuación PXL, desde un añadir al carrito fijo con 9,4 hasta un vídeo de héroe con 3,2.

Implementación

Entregue el ganador a ingeniería, con el cambio

Un ganador puede seguir siendo servido por Pertento indefinidamente, pero la mayoría de los equipos acaban queriéndolo en su código. La cola de implementación registra qué ganadores siguen ejecutándose en la plataforma y cuáles ya se han fijado en el código.

  • El selector y el cambio exacto, listos para pegar
  • Estado por ganador: pendiente, en curso, fijado en el código
  • El experimento sigue sirviéndose hasta que el código se publica
El panel de implementación: cinco ganadores con su estado, y la entrega de uno de ellos con el selector, el cambio, si Pertento lo sigue sirviendo, y el ticket.

Pipelines · beta

Decida el orden, y deje de planificar a mano

Un pipeline es una secuencia ordenada de fases, y una fase es un conjunto de experimentos que se ejecutan juntos. Los experimentos que chocarían van a fases distintas, y cada fase se ejecuta a pleno tráfico por turno, lo contrario de hacerlos mutuamente excluyentes y dividir la audiencia.

  • Las fases se activan en orden, de modo que nada depende de que alguien lo recuerde
  • Avance cuando cada experimento concluye, en el primer resultado significativo, o por una persona
  • Una fase se activa todo o nada, de modo que una fase iniciada a medias nunca queda en marcha
  • La automatización y la publicación automática son interruptores separados, ambos apagados hasta que los active
  • Con la automatización apagada, el motor sigue registrando qué habría hecho, con el mismo código
Un tablero de pipeline de cuatro fases: la fase del checkout completa, dos experimentos de página de producto en marcha juntos en la fase actual, y dos fases posteriores pendientes, con la automatización activada y la publicación automática desactivada.

Editor visual

Señálelo, cámbielo, guarde la variante

El editor se abre sobre su sitio en vivo desde una extensión de Chrome. Seleccione un elemento, edite su contenido y su estilo en el panel de propiedades, y el cambio se guarda sobre la variante. Sin publicación, sin ticket, sin una copia de la página en preproducción.

TextoEstiloMaquetaciónPosiciónCSS/JS propio
PDP Mobile — Sticky CTA + selector /V-1Save
FREE DELIVERY OVER €504.7 ★★★★★  ·  27,726 reviewsFind a store
NORTHWINDHi, what are you looking for?Sign in
WOMENMENKIDSFOOTWEAREQUIPMENTHOMEHUNTINGNEWSSALE
Storefront hero · 1200×472
AUTUMN ARRIVALS ARE HERE
Shop the new seasonShop autumn arrivalsa.cta
Product
NEW
Art 4176Trail trouser, men€39
Product
NEW
Art 5038Fleece shirt, men€29
Product
COLOUR
Art 1520Bamboo tee, menFrom €10
Product
NEW
Art 4177Trail trouser, women€39
Properties
bodydivmaindivsectiona
a.cta
Typography
Text content
Shop autumn arrivals
Font family
sans-serif
Font size
13px
Text colour
#111827#c81e28
Text align
center
Spacing
Size
Background
Border
Position
Content
Changes3 changes

Un árbol de jerarquía y un campo de selectorpara las veces en que señalar no es lo bastante preciso, con una ruta que muestra exactamente qué nodo está seleccionado.

Un interruptor de interactividadalterna entre seleccionar elementos y usar la página, de modo que puede abrir un menú o una ventana modal y luego editar lo que hay dentro.

Un selector de dispositivoreencuadra el lienzo en los anchos que usa su tráfico. Una variante que solo funciona al ancho de escritorio no está terminada.

Una lista de cambioses la variante: un registro ordenado de todo lo que hace, cada entrada eliminable por su cuenta, y la misma lista que la entrega leerá después.

Más sobre el editor visual · Cómo lo abre la extensión

Construir el test

Lo que hace que un segundo experimento sea más barato que el primero

La mayor parte del tiempo de un programa no se dedica al primer test. Se dedica a reconstruir una configuración, a revisar una variante antes de publicarla, y a mantener un registro que alguien pueda leer el año que viene.

Cinco colocaciones de HTML

Sustituya un elemento, inserte dentro de él por cualquiera de los dos extremos, o coloque marcado antes o después. Los cambios estructurales se pueden describir en una línea, y eso es lo que los hace revisables más adelante.

CSS y JavaScript propios

Por variante, para todo lo que el panel de propiedades no puede expresar. Viaja dentro del paquete compilado para su sitio web y se ejecuta antes de revelar la página, así que un cambio hecho por script nunca se lee como un salto.

Capturas de las variantes

Capture y recorte el aspecto que tenía la variante desde el propio editor. Un resultado leído seis meses después es una lista de selectores si no la tiene.

Duplicar un test

Copia las variantes, cada cambio hecho sobre ellas, las capturas y los tres tipos de segmentación. Reconstruir una configuración a mano es donde se cuela la regla de segmentación equivocada.

Ensayos antes del lanzamiento

Ensaye toda la cadena contra el runtime real como un test marcado de prueba y luego bórrelo. Nada de lo que recogió un ensayo tiene que justificarse después en un informe.

Forzar una variante por URL

Añada un parámetro a cualquier dirección para fijarse a una variante concreta, o para ver una variante con todo lo demás en su estado original. Revisar a simple vista no necesita una cuenta de prueba.

Mientras se ejecuta

Qué hace el runtime en las páginas de sus visitantes

Todo lo que sigue se decide en el navegador, a partir de un archivo compilado solo para su sitio. No hay ninguna llamada a Pertento antes de que la página se renderice, y nada espera una respuesta para decidir qué ve un visitante.

La concurrencia no le cuesta nada

Cada visitante elegible entra en cada test elegible, así que diez test en marcha reciben cada uno la audiencia completa y no una décima parte. La razón por la que la mayoría de los programas lanzan un test cada vez aquí no se aplica.

Pesos que siempre suman

Los repartos se guardan como puntos básicos sobre diez mil y se validan para que sumen exacto, así que un test a tres bandas son de verdad tres tercios iguales y no tres redondeos y un hueco.

Reequilibrado automático

El reparto que cada variante ha recibido de verdad se mide y se corrige de forma periódica, así que la asignación acumulada converge hacia la que usted configuró en lugar de alejarse de ella.

Asignación estable, sin cookies

Un visitante conserva la variante que le tocó, guardada en el almacenamiento del navegador y no en una cookie. La coherencia es un requisito de corrección antes que una cortesía.

Antiparpadeo con cuatro seguros

La página se oculta mientras se aplican los cambios y se revela desde cuatro rutas de código independientes. El fallo contra el que se diseña es el sitio de un cliente que se queda en blanco para sus propios visitantes.

Sin ida y vuelta antes de renderizar

La configuración de cada sitio web se compila en su propio fichero estático, así que el runtime ya sabe qué ejecutar cuando se carga. Nada espera a una llamada de API para decidir qué ve el visitante.

Preguntas

Qué preguntan los equipos antes de cambiar

¿Cuánto falta para que tengamos un test en marcha?

Un script en el head es toda la instalación, y es el único cambio en su sitio. A partir de ahí, una variante se construye señalando elementos en sus páginas en producción, así que el primer test lo limita el tiempo que tarden en decidir qué probar y no algo que haya que comprar, construir o planificar. Nada se pone en marcha por accidente mientras aprenden: un test nuevo es un borrador hasta que ustedes lo inician.

¿Ralentizará el sitio o perjudicará nuestros Core Web Vitals?

Cada sitio web recibe su propio fichero compilado con sus test dentro, así que el runtime ya sabe qué ejecutar cuando se carga y nada espera a una llamada nuestra antes de que la página se dibuje. La página se retiene un instante mientras se aplican los cambios, que es lo que evita que los visitantes vean asomar el original antes del test, y se revela desde cuatro rutas de código independientes, de modo que un fallo muestra la página sin modificar y no una en blanco. La medición se carga la última, después de que la página sea visible, así que nunca retrasa el renderizado.

¿Qué puede cambiar de verdad el editor y dónde se detiene?

El texto, los estilos, la disposición y la posición se editan señalando, y los cambios estructurales se cubren con cinco colocaciones de HTML sobre un elemento que usted selecciona. Más allá de eso se detiene con honestidad y no de mala manera: lo que el panel no puede expresar se escribe como CSS o JavaScript propios en la variante, lo que significa que un test nunca se queda bloqueado por la herramienta. El límite de verdad es un cambio que ocurre antes de que exista la página: el orden de un listado, la lógica de precios, un modelo de recomendación. Eso son test en el servidor, y necesitan a sus desarrolladores.

¿Cuántos test podemos tener a la vez?

Tantos como ideas tengan, y esta es la respuesta que merece la pena contrastar con lo que usan hoy. Cada test aleatoriza de forma independiente, así que un visitante elegible entra en todos los test para los que califica y cada uno mide contra la audiencia elegible completa. Aquí la concurrencia no divide su muestra, y por eso la plataforma comprueba si dos test interferirían entre sí en lugar de racionar cuántos pueden correr. El ritmo suele ser la diferencia entre un programa que se paga solo y uno que no.

¿Qué pasa con el trabajo si dejamos de usar Pertento?

Los ganadores que hayan fijado en el código ya están en su propia base de código y no se ven afectados, que es justo hacia donde empuja la cola de implementación: enumera cada ganador que todavía servimos nosotros y lo sigue señalando hasta que sus desarrolladores tengan hueco. Los ganadores que la plataforma todavía sirve se detienen cuando ella se detiene, igual que se detiene cualquier variante. Los test, las hipótesis y el historial escrito se quedan en la cuenta y no en una herramienta nuestra.

Todo lo que va en la caja

El conjunto completo de funciones

Pertento es una plataforma de optimización de la tasa de conversión para sitios web y tiendas online, construida tanto para equipos internos como para agencias de CRO que llevan programas de experimentación en toda una cartera de clientes.

Integraciones

Funciona con el stack que ya usa

Un fragmento entra en cualquier sitio, o pásese por completo al servidor. Nada que rediseñar.

Fragmento de una línea

Pegue una sola etiqueta de 0,9 KB en su head y ya está activo. Sin paso de build, sin dependencias.

Google Tag Manager

Publique y gestione experimentos directamente desde GTM. Sin necesidad de tiempo de desarrollo.

API en el servidor

Haga test más allá del navegador: precios, búsqueda y enrutado, sin parpadeo.

  • Shopify
  • BigCommerce
  • Shopware
  • Centra
  • Geins
  • Saleor
  • WordPress
  • Optimizely CMS
  • Storyblok
  • Next.js
  • Vue
  • Astro
  • Matomo
  • Amplitude
  • RudderStack
  • Slack
  • WooCommerce
  • Salesforce
  • Wix
  • Litium
  • commercetools
  • Medusa
  • Drupal
  • Contentful
  • Webflow
  • Nuxt
  • Angular
  • Remix
  • Piwik PRO
  • Mixpanel
  • Tag Manager
  • Webhooks
  • Adobe Commerce
  • PrestaShop
  • Squarespace
  • Norce
  • Shopify Hydrogen
  • Vendure
  • Umbraco
  • Sanity
  • Framer
  • React
  • SvelteKit
  • GA4
  • Adobe Analytics
  • Segment
  • Klaviyo

¿No está en la lista? Si genera HTML, Pertento puede probarlo:lea cómo se conecta cada uno.

Mejores test, mejores conversiones

Test on all visitors with the world’s lightest script and make confident decisions powered by real-time reporting.