Plataforma · Experimentación

Tres tipos de experimento, un editor con IA integrada

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. Pídale el cambio al editor de IA con sus palabras, o señale un elemento y cámbielo usted mismo, y luego 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.

  • Un editor de IA que construye los cambios a partir de una descripción sencilla, edición sin código y componentes listos para usar, además de CSS y JS personalizados
  • 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.

Editor de IA

Describa el cambio y véalo tomar forma

Dígale al editor lo que quiere con palabras sencillas o señale un elemento y haga su petición. La IA lee la página, propone los cambios y le muestra una vista previa en su sitio en producción. No se guarda nada hasta que usted los aplica.

El editor de IA junto a una landing page recargada: se pide un único titular claro, un único botón principal y planes fáciles de comparar, la IA propone cinco cambios y muestra su vista previa mientras la página se redibuja ya despejada, y después los cambios se aplican y se guardan.
  • Una palabra o una sección enteraCorrija un titular o rehaga por completo un héroe, un menú o una tabla de precios con una sola petición. Cada cambio aparece por separado, así que usted se queda solo con los que quiere.
  • JavaScript solo cuando hace faltaLa mayoría de los tests cambian textos, estilos y marcado, y eso es lo que escribe la IA. Cuando un test necesita un comportamiento, como algo que reacciona a un clic o al desplazamiento, también escribe el código, que se aprueba por separado.
  • La IA lee la página por ustedTrabaja a partir de un esquema de la página en la que está: su estructura y sus textos. Usted describe el resultado y la IA localiza los elementos que hay que cambiar. Sin selectores ni desarrolladores.
  • Una vista previa antes de guardar nadaLos cambios propuestos aparecen en su página en producción, cada uno con su casilla. Al aplicarlos se convierten en cambios ordinarios de la variante, que puede deshacer hasta que guarde.
  • Experimentos sólidos sin códigoCualquiera que sepa describir una página mejor puede crear su variante. La IA responde en el idioma en que usted escribe y mantiene los textos de la página en su idioma original.
  • Conozca el coste de antemanoCada petición consume créditos de IA, y el panel le muestra una estimación antes de enviarla. Los valores de los formularios y los datos personales de la página se ocultan antes de enviar nada.

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

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 o inserte una sección entera

El editor se abre desde el panel lateral de Chrome, sobre su sitio en producción. Dé estilo a cualquier elemento en el inspector, edite el texto donde está o arrastre un componente listo para usar que adopta las fuentes y los colores de su propio sitio. Cada cambio se guarda en la variante: sin despliegue, sin ticket, sin una copia de la página en preproducción.

ComponentesContenido dinámicoFeeds de datosEstados hover y focusTexto in situCSS/JS propio
El editor visual en una página de producto: el bloque Trust row se arrastra desde la pestaña Add y se suelta bajo el botón de añadir al carrito, su línea de valoración se vincula a la valoración del producto y al número de reseñas de la propia página, y la variante se guarda.

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.

Una biblioteca de componentes a juego con su sitio

Héroes, FAQ, filas de confianza, barras fijas, ventanas emergentes, columnas, vídeo y sliders, que se añaden con un clic o arrastrando. Cada uno adopta las fuentes y los colores de su sitio según el lugar donde se coloca, de modo que un test puede añadir una sección entera en lugar de solo cambiar el color de un botón.

Créelo una vez y cada página lo rellena con sus propios datos

Incluya en un cambio la campaña del visitante, una cuenta atrás, el propio titular de la página o, en una tienda, el nombre y el precio del producto. Un solo banner saluda a cada campaña con sus propias palabras, y si faltan datos se oculta en lugar de mostrar un marcador de posición.

Feeds de datos desde sus propios sistemas

Conecte un feed JSON o de Google Merchant que su sitio ya publique, como reseñas, stock o textos de campaña, y use sus campos en cualquier variante. Los servidores de Pertento lo descargan periódicamente, así que los visitantes nunca esperan a su servidor, y solo se muestran los campos que usted marque.

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 inspector no puede expresar. Va dentro del paquete compilado para su sitio web y se ejecuta antes de que se revele la página, así que un cambio hecho por script nunca se percibe 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 renderice. El cargador de su página pesa menos de 1 KB, y las funciones más pesadas, como los datos de la página y los feeds de datos, solo se cargan en los sitios web cuyos test las usan. La página se retiene un instante mientras se aplican los cambios, que es lo que evita que los visitantes vean un destello del original antes de que aparezca el 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 al final, 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, estados hover y focus incluidos, y se añaden secciones enteras desde una biblioteca de componentes que adoptan las fuentes y los colores de su propio sitio. Un cambio puede llevar los datos de la propia página, como el precio de cada producto, o valores de un feed que usted ya publica, y un selector puede aplicarlo a todos los elementos que coinciden. También puede describir el cambio con palabras sencillas y dejar que el editor de IA lo proponga, con una vista previa en la página antes de guardar nada. Más allá de eso, se detiene con honestidad en lugar de hacerlo mal: lo que el inspector 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 real 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. Esos 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 en su head y ya está activo: un cargador de 0,9 KB, 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.