Plataforma · Experimentação

Três tipos de teste, um editor visual só

Testes visuais multivariantes, redirecionamentos de URL e testes no servidor, lançados direto de uma extensão do Chrome no seu site no ar. Aponte para um elemento, mude, salve a variante.

Como um teste roda

De uma hipótese a uma mudança implantada

Quem vê, o que rodar em seguida, e o que a engenharia recebe quando você termina.

  • Edição sem código de texto, estilo, layout e posição, mais CSS e JS próprios para usuários avançados
  • Segmentação por URL, aparelho e cookie, com atribuição fixa para que visitantes que voltam vejam uma experiência consistente
  • Renderização anti-flicker com quatro salvaguardas independentes, então os visitantes nunca veem a página original piscar antes do teste
  • Cada visitante elegível entra em cada teste elegível, então rodar dez testes ao mesmo tempo não custa tamanho de amostra nenhum
  • Implantação do vencedor em um clique para 100% do tráfego, e um repasse de implementação para fixar vencedores no código
  • Acompanhamento de hipóteses com pontuação de priorização PXL para ordenar o seu backlog
MultivarianteRedirecionamento de URLNo servidor
A biblioteca de experimentos: cinco experimentos nos três tipos, com a divisão de tráfego e a janela de segmentação de cada um, um rodando, um esperando uma decisão e um já implantado.

Segmentação

Mostre exatamente para quem você quis mostrar

Três dimensões, combinadas por teste: o endereço, o aparelho e um cookie que o seu próprio site já define. A atribuição é fixa, então um visitante que volta mantém a variante que recebeu.

  • Regras de URL em sete condições, incluindo regex e duas negativas
  • Desktop, celular ou tablet, detectado antes de o visitante entrar
  • Segmentação por cookie para tráfego logado ou segmentado, comparado com uma lista de valores
  • Atribuição fixa, guardada no armazenamento do navegador em vez de em um cookie
  • Force qualquer variante pela URL para revisar, sem conta de teste
As regras de segmentação de um experimento: páginas de produto no celular, excluindo a seção de outlet, para visitantes cujo cookie de fidelidade os marca como membros, com atribuição fixa, admitindo 61% do tráfego.

Implantando o vencedor

Um clique para 100%, ou um repasse para a engenharia

Implante a variante vencedora para todo o tráfego direto da página de resultado. Quando ela deve morar no código em vez disso, o Pertento escreve o repasse com a mudança exata.

  • Implantação em um clique, com registro de quem implantou
  • Repasse de implementação com o seletor e a mudança
  • Reverta para o original a qualquer momento
A tela de implantação: a variante B liberada para todo o tráfego, com o nome de quem implantou, data e hora e reversão disponível, ao lado do repasse que lista o seletor, o texto e a cor a fixar no código.

Priorização

Um backlog ordenado pela nota PXL, não pela opinião

Registre cada hipótese, dê nota a ela no modelo PXL, e deixe o ranking decidir o que roda em seguida. As três notas se resolvem em um número só, porque um backlog precisa ser ordenável, e três números viram uma discussão.

  • Potencial, exposição e nível de esforço, com nota de um a cinco cada
  • Resolvidos em uma importância única de zero a dez, pela qual a lista ordena
  • Hipóteses ligadas ao teste que as testou
  • O rascunho com nota mais alta aparece em destaque quando mais nada precisa de você
O backlog de hipóteses ordenado pela nota PXL, de um botão fixo de adicionar ao carrinho com 9,4 até um vídeo no hero com 3,2.

Implementação

Passe o vencedor para a engenharia, com a mudança

Um vencedor pode continuar sendo entregue pelo Pertento indefinidamente, mas a maioria dos times acaba querendo colocá-lo no código. O painel de implementação acompanha quais vencedores ainda rodam na plataforma e quais já foram fixados no código.

  • O seletor e a mudança exata, pronta para colar
  • Status por vencedor: aguardando, em andamento, fixado no código
  • O teste continua servindo até o código ir ao ar
O painel de implementação: cinco vencedores com o status de cada um, e o repasse de um deles indicando o seletor, a mudança, se o Pertento ainda está entregando ela, e o ticket.

Pipelines · beta

Decida a ordem, depois pare de agendar na mão

Um pipeline é uma sequência ordenada de estágios, e um estágio é um conjunto de testes que roda junto. Testes que colidiriam vão para estágios diferentes e cada estágio roda em tráfego total por vez, o que é o oposto de torná-los mutuamente exclusivos e dividir a audiência.

  • Os estágios se armam em ordem, então nada fica esperando alguém lembrar
  • Avance quando todo teste conclui, no primeiro resultado significativo, ou por decisão de uma pessoa
  • Um estágio se arma inteiro ou nada, então um estágio pela metade nunca fica rodando esquecido
  • Automação e implantação automática são chaves separadas, as duas desligadas até você ligar
  • Com a automação desligada o motor ainda registra o que teria feito, usando o mesmo código
Um quadro de pipeline com quatro estágios: o estágio do checkout concluído, dois experimentos de página de produto rodando juntos no estágio atual, e dois estágios seguintes pendentes, com a automação ligada e a implantação automática desligada.

Editor visual

Aponte, mude, salve a variante

O editor abre sobre o seu site no ar a partir de uma extensão do Chrome. Selecione um elemento, edite o conteúdo e o estilo dele no painel de propriedades, e a mudança é salva na variante. Sem implantação, sem ticket, sem uma cópia da página em staging.

TextoEstiloLayoutPosiçãoCSS/JS próprio
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

Uma árvore de hierarquia e um campo de seletorpara as vezes em que apontar não é preciso o bastante, com um caminho que mostra exatamente qual nó está selecionado.

Uma chave de interatividadealterna entre selecionar elementos e usar a página, então você pode abrir um menu ou um modal e depois editar o que está dentro dele.

Um seletor de aparelhoreenquadra a tela nas larguras que o seu tráfego usa. Uma variante que só funciona na largura de desktop não está pronta.

Uma lista de mudançasé a variante: um registro ordenado de tudo o que ela faz, com cada item removível por conta própria, e é a mesma lista que o repasse depois lê.

Mais sobre o editor visual · Como a extensão abre ele

Construindo o teste

As partes que tornam um segundo teste mais barato que o primeiro

A maior parte do tempo de um programa não vai para o primeiro teste. Vai para remontar uma configuração, checar uma variante antes de ela ir ao ar, e manter um registro que alguém consiga ler no ano que vem.

Cinco posicionamentos de HTML

Substituir um elemento, inserir dentro dele em qualquer das pontas, ou colocar markup antes ou depois dele. As mudanças estruturais continuam descritíveis em uma linha, e é isso que permite revisá-las depois.

CSS e JavaScript próprios

Por variante, para tudo que o painel de propriedades não consegue expressar. Vão dentro do bundle construído para o seu site e rodam antes de a página ser revelada, então uma mudança feita por script nunca aparece como um salto.

Capturas de tela das variantes

Capture e recorte como a variante ficou de dentro do próprio editor. Um resultado lido seis meses depois é uma lista de seletores quando não tem uma.

Duplicar um teste

Copia as variantes, cada mudança nelas, as capturas de tela e os três tipos de segmentação. Remontar uma configuração na mão é onde a regra de segmentação errada acaba indo para o ar.

Ensaios antes do lançamento

Ensaie a cadeia inteira contra o runtime real como um teste marcado, e depois apague. Nada que um ensaio coletou precisa ser justificado em um relatório depois.

Forçar uma variante pela URL

Adicione um parâmetro a qualquer endereço para se fixar em uma variante específica, ou para ver uma variante com todo o resto mantido no original. Revisar no olho não exige conta de teste.

Enquanto roda

O que o runtime está fazendo nas páginas dos seus visitantes

Tudo abaixo é decidido no navegador, a partir de um arquivo compilado só para o seu site. Não existe chamada para o Pertento antes de a página renderizar, e nada fica esperando uma resposta para decidir o que um visitante vê.

Concorrência não custa nada a você

Cada visitante elegível entra em cada teste elegível, então dez testes no ar recebem cada um a audiência inteira em vez de um décimo dela. O motivo pelo qual a maioria dos programas roda um teste por vez não se aplica aqui.

Pesos que sempre fecham

As divisões são guardadas em pontos-base sobre dez mil e validadas para somar exato, então um teste de três vias é de verdade três terços iguais, e não três arredondamentos e uma sobra.

Rebalanceamento automático

A divisão que cada variante recebeu de fato é medida e corrigida em intervalos regulares, então a alocação acumulada converge para a que você configurou em vez de se afastar dela.

Atribuição fixa, sem cookies

O visitante mantém a variante que recebeu, guardada no armazenamento do navegador e não em um cookie. Consistência é um requisito de correção antes de ser uma cortesia.

Anti-flicker com quatro salvaguardas

A página fica escondida enquanto as mudanças são aplicadas e é revelada por quatro caminhos de código independentes. A falha contra a qual isso foi desenhado é o site de um cliente ficar em branco para os visitantes dele.

Nenhuma ida e volta antes de renderizar

A configuração de cada site é compilada em um arquivo estático próprio, então o runtime já sabe o que rodar quando carrega. Nada espera uma chamada de API para decidir o que o visitante vê.

Perguntas

O que os times perguntam antes de trocar

Quanto tempo até conseguirmos ter um teste rodando?

Uma tag de script no head é toda a instalação, e é a única mudança no seu site. A partir daí uma variante é construída apontando para elementos nas suas páginas em produção, então o primeiro teste é limitado pelo tempo que você leva para decidir o que testar, e não por algo que precise ser comprado, construído ou agendado. Nada vai para o ar por acidente enquanto você aprende: um teste novo é um rascunho até você iniciá-lo.

Isso vai deixar o site mais lento ou prejudicar os nossos Core Web Vitals?

Cada site recebe o próprio arquivo compilado com os testes dele embutidos, então o runtime já sabe o que rodar quando carrega e nada espera uma chamada para nós antes de a página renderizar. A página é brevemente segurada enquanto as mudanças são aplicadas, que é o que evita que os visitantes vejam o original piscar antes do teste, e ela é revelada por quatro caminhos de código independentes, de modo que uma falha mostra a página sem modificação em vez de uma página em branco. O rastreamento carrega por último, depois de a página estar visível, então a medição nunca atrasa a renderização.

O que o editor realmente consegue mudar, e onde ele para?

Texto, estilo, layout e posição são editados apontando, e as mudanças estruturais são cobertas por cinco posicionamentos de HTML em relação a um elemento que você seleciona. Passado isso, ele para com honestidade em vez de parar mal: tudo que o painel não consegue expressar você escreve como CSS ou JavaScript próprios na variante, o que significa que um teste nunca fica travado na ferramenta. O limite de verdade é uma mudança que acontece antes de a página existir: ordenação, lógica de preço, um modelo de recomendação. Esses são testes no servidor, e pedem os seus desenvolvedores.

Quantos testes podemos rodar ao mesmo tempo?

Tantos quantas ideias você tiver, e essa é a resposta que vale conferir contra o que você usa hoje. Cada teste sorteia de forma independente, então um visitante elegível entra em todos os testes para os quais se qualifica e cada um mede contra a audiência elegível inteira. Concorrência não divide a sua amostra aqui, e é por isso que a plataforma verifica se dois testes se interferem em vez de racionar quantos podem rodar. Vazão costuma ser a diferença entre um programa que se paga e um que não se paga.

O que acontece com o trabalho se pararmos de usar o Pertento?

Os vencedores que você já fixou no código estão na sua própria base de código e não são afetados, e é justamente para isso que a fila de implementação existe, para te empurrar nessa direção: ela lista cada vencedor que ainda é entregue por nós e continua sinalizando até os seus desenvolvedores terem espaço. Vencedores ainda entregues pela plataforma param quando ela para, do mesmo jeito que qualquer variante para. Os testes, as hipóteses e o histórico escrito ficam na conta e não em ferramenta nossa.

Tudo o que vem na caixa

A lista completa de funcionalidades

O Pertento é uma plataforma de otimização da taxa de conversão para sites e lojas online, feita tanto para times internos quanto para agências de CRO que rodam programas de experimentação em uma carteira de clientes.

Integrações

Funciona com o stack que você já roda

Um snippet entra em qualquer site, ou vá totalmente para o servidor. Nada para rearquitetar.

Snippet de uma linha

Cole uma única tag de 0,9 KB no seu head e você está no ar. Sem etapa de build, sem dependências.

Google Tag Manager

Implante e gerencie experimentos direto pelo GTM. Sem precisar de tempo de desenvolvedor.

API no servidor

Rode testes além do navegador: preços, busca e roteamento, sem piscar.

  • 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

Não está na lista? Se renderiza HTML, o Pertento consegue testar:leia como cada uma se conecta.

Melhores testes, melhores conversões

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