Plataforma · Experimentação

Três tipos de teste, um editor com IA embutida

Testes visuais multivariantes, redirecionamentos de URL e testes no servidor, lançados direto de uma extensão do Chrome no seu site no ar. Descreva a mudança para o editor com IA ou aponte para um elemento e mude você mesmo, depois 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.

  • Um editor com IA que monta as mudanças a partir das suas palavras, edição sem código e componentes prontos, além de CSS e JS próprios
  • 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.

Editor com IA

Descreva a mudança e veja tudo ganhar forma

Diga ao editor, com as suas palavras, o que você quer, ou aponte para um elemento e pergunte. A IA lê a página, propõe as mudanças e mostra uma prévia delas no seu site no ar. Nada é salvo até você aplicar.

O editor com IA ao lado de uma landing page poluída: um prompt pede um único título claro, um único botão principal e planos fáceis de comparar, a IA propõe cinco mudanças e mostra uma prévia delas enquanto a página é redesenhada, agora limpa, e as mudanças são aplicadas e salvas.
  • Uma palavra ou uma seção inteiraCorrija um título, ou refaça por inteiro um hero, um menu ou uma tabela de preços com um único prompt. Cada mudança aparece listada separadamente, então você fica só com as que quiser.
  • JavaScript só quando precisaA maioria dos testes mexe em textos, estilos e markup, e é isso que a IA escreve. Quando um teste precisa reagir a alguma coisa, como um clique ou a rolagem da página, ela escreve o código também, e esse código passa por uma aprovação à parte.
  • Ela lê a página por vocêA IA trabalha a partir de um resumo da página em que você está: a estrutura e os textos dela. Você descreve o resultado, e ela encontra os elementos que precisam mudar. Sem seletores, sem desenvolvedor.
  • Uma prévia antes de salvar qualquer coisaAs mudanças propostas aparecem na sua página no ar, cada uma com a própria caixa de seleção. Ao aplicar, elas viram mudanças comuns na variante, que você pode desfazer até salvar.
  • Experimentos de peso, sem códigoQuem consegue descrever uma página melhor consegue transformá-la em variante. A IA responde no idioma em que você escreve e mantém os textos da página no idioma original.
  • Você vê o custo antesCada solicitação consome créditos de IA, e o painel mostra uma estimativa antes do envio. Valores de formulários e dados pessoais da página são mascarados antes de qualquer coisa ser enviada.

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

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 ou insira uma seção inteira

O editor abre no painel lateral do Chrome, sobre o seu site no ar. Estilize qualquer coisa no inspetor, edite o texto onde ele está ou arraste um componente pronto que assume as fontes e as cores do seu próprio site. Cada mudança é salva na variante: sem implantação, sem ticket, sem cópia da página em staging.

ComponentesConteúdo dinâmicoFeeds de dadosEstados de hover e focusTexto direto na páginaCSS/JS próprio
O editor visual em uma página de produto: o bloco Trust row é arrastado da aba Add e solto embaixo do botão de adicionar ao carrinho, a linha de nota do bloco é vinculada à nota e ao número de avaliações do produto da própria página, e a variante é salva.

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.

Uma biblioteca de componentes que combina com o seu site

Blocos de hero, FAQs, faixas de confiança, barras fixas, pop-ups, colunas, vídeo e sliders, colocados com um clique ou arrastando. Cada um herda as fontes e as cores do seu site do ponto onde é colocado, então um teste pode acrescentar uma seção em vez de só mudar a cor de um botão.

Crie uma vez e cada página preenche os próprios dados

Coloque em uma mudança a campanha do visitante, uma contagem regressiva, o título da própria página ou, em uma loja, o nome e o preço do produto. Um único banner dá as boas-vindas a cada campanha com a mensagem dela, e dados ausentes o escondem em vez de mostrar um placeholder.

Feeds de dados dos seus próprios sistemas

Conecte um feed JSON ou do Google Merchant que o site já publica, como avaliações, estoque ou textos de campanha, e use os campos dele em qualquer variante. Os servidores do Pertento buscam o feed periodicamente, então os visitantes nunca esperam pelo seu servidor, e só os campos que você marca são mostrados.

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 inspetor não consegue expressar. Entram no bundle gerado para o seu site e rodam antes de a página ser exibida, então uma mudança feita por script nunca aparece como um salto na tela.

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. O loader na sua página tem menos de 1 KB, e as funcionalidades mais pesadas, como os dados da página e os feeds de dados, só carregam nos sites cujos testes as usam. A página fica oculta por um instante enquanto as mudanças são aplicadas, o que evita que os visitantes vejam o original piscar antes de virar o teste, e ela é exibida por quatro caminhos de código independentes, de modo que uma falha mostra a página sem modificações 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 só apontando, incluindo os estados de hover e focus, e seções inteiras são adicionadas a partir de uma biblioteca de componentes que assumem as fontes e as cores do seu próprio site. Uma mudança pode carregar os dados da própria página, como o preço de cada produto, ou valores de um feed que você já publica, e um seletor pode aplicá-la a todos os elementos correspondentes. Você também pode descrever a mudança com as suas palavras e deixar o editor com IA propor, com uma prévia na página antes de qualquer coisa ser salva. Além desse ponto, ele para de forma honesta em vez de entregar algo malfeito: tudo que o inspetor 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 real é 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 precisam dos 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 no seu head e você está no ar: um loader de 0,9 KB, 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.