Plataforma · Experimentação
Experimentação web com IA
Testes visuais multivariantes, redireccionamentos de URL e testes do lado do servidor, lançados directamente a partir de uma extensão do Chrome no seu site ao vivo. Descreva ao editor de IA a alteração que quer, ou aponte a um elemento e altere-o por si, e depois guarde a variante.
Como um teste corre
De uma hipótese a uma alteração publicada
Aponte para a página, descreva a alteração e teste-a com visitantes reais.
Quem a vê, o que correr a seguir, e o que a engenharia recebe quando termina.
- Um editor de IA que constrói as alterações a partir de uma simples descrição, edição sem código e componentes prontos a usar, e ainda CSS e JS personalizados
- Segmentação por URL, dispositivo e cookie, com atribuição persistente para que os visitantes que regressam vejam uma experiência consistente
- Renderização anti-flicker com quatro salvaguardas independentes, para que os visitantes nunca vejam a página original a piscar antes do teste
- Cada visitante elegível entra em cada teste elegível, pelo que correr dez testes ao mesmo tempo não custa dimensão de amostra alguma
- Publicação do vencedor num clique para 100% do tráfego, e uma entrega de implementação para fixar vencedores no código
- Registo de hipóteses com pontuação de priorização PXL para ordenar o seu backlog
Editor de IA
Descreva a alteração e veja-a ganhar forma
Diga ao editor o que quer, por palavras suas, ou aponte para um elemento e pergunte. A IA lê a página, propõe as alterações e pré-visualiza-as no seu site em produção. Nada fica guardado até as aplicar.
- Uma palavra ou uma secção inteiraCorrija um título, ou reformule por completo um hero, um menu ou uma tabela de preços com uma única instrução. Cada alteração aparece listada à parte, para que fique só com as que quer.
- JavaScript só quando é precisoA maioria dos testes mexe em textos, estilos e markup, e é isso que a IA escreve. Quando um teste tem de reagir a alguma coisa, como um clique ou o scroll, a IA escreve também o código, que tem de ser aprovado à parte.
- Lê a página por siA IA trabalha a partir de um esquema da página em que está: a sua estrutura e os seus textos. Descreve o resultado que quer, e ela encontra os elementos a alterar. Sem selectores, sem programador.
- Pré-visualize antes de guardarAs alterações propostas aparecem na sua página em produção, cada uma com a sua caixa de selecção. Ao aplicá-las, passam a ser alterações comuns na variante, que pode desfazer até guardar.
- Testes sólidos sem códigoQuem consegue descrever uma página melhor consegue construí-la como variante. A IA responde na língua em que escreve e deixa os textos da página na língua em que já estão.
- Veja o custo primeiroCada pedido gasta créditos de IA, e o painel mostra uma estimativa antes de o enviar. Os valores dos formulários e os dados pessoais da página são mascarados antes de qualquer envio.
Segmentação
Mostre-o exactamente a quem pretendia
Três dimensões, combinadas por teste: o endereço, o dispositivo, e um cookie que o seu próprio site já define. A atribuição é persistente, pelo que um visitante que regressa mantém a variante que lhe foi dada.
- Regras de URL em sete condições, incluindo regex e duas negativas
- Computador, telemóvel ou tablet, detectado antes de o visitante entrar
- Segmentação por cookie para tráfego autenticado ou segmentado, comparado com uma lista de valores
- Atribuição persistente, guardada no armazenamento do navegador em vez de num cookie
- Force qualquer variante por URL para a rever, sem conta de teste
A publicar o vencedor
Um clique para 100%, ou uma entrega à engenharia
Publique a variante vencedora para todo o tráfego a partir da página de resultados. Quando deve antes viver na base de código, o Pertento escreve a entrega com a alteração exacta.
- Publicação num clique, com registo de quem a publicou
- Entrega de implementação com o selector e a alteração
- Reverta para o original a qualquer momento
Priorização
Um backlog ordenado pela pontuação PXL, não pela opinião
Registe cada hipótese, pontue-a no modelo PXL, e deixe a ordenação decidir o que corre a seguir. As três pontuações resolvem-se num único número, porque um backlog precisa de ser ordenável e três números são uma discussão.
- Potencial, exposição e nível de esforço, pontuados de um a cinco cada
- Resolvidos numa única importância de zero a dez, pela qual a lista se ordena
- Hipóteses ligadas ao teste que as testou
- O rascunho com pontuação mais alta é destacado quando mais nada precisa de si
Implementação
Entregue o vencedor à engenharia, com a alteração
Um vencedor pode continuar a ser servido pelo Pertento indefinidamente, mas a maioria das equipas acaba por o querer na base de código. O painel de implementação regista quais os vencedores que ainda correm na plataforma e quais já foram fixados no código.
- O selector e a alteração exacta, pronta a colar
- Estado por vencedor: a aguardar, em curso, fixado no código
- O teste continua a servir até o código ir ao ar
Pipelines
Decida a ordem, depois deixe de agendar à mão
Uma pipeline é uma sequência ordenada de etapas, e uma etapa é um conjunto de testes que corre em conjunto. Testes que colidiriam entram em etapas diferentes e cada etapa corre a tráfego completo por sua vez, o que é o oposto de os tornar mutuamente exclusivos e dividir a audiência.
- As etapas armam-se por ordem, pelo que nada fica à espera de alguém se lembrar
- Avance quando todos os testes concluem, no primeiro resultado significativo, ou por decisão de uma pessoa
- Uma etapa arma-se toda ou nenhuma, pelo que uma etapa a meio nunca fica presa em execução
- Automatização e publicação automática são interruptores separados, ambos desligados até os ligar
- Com a automatização desligada o motor continua a registar o que teria feito, usando o mesmo código
Editor visual
Aponte, altere ou acrescente uma secção inteira
O editor abre a partir do painel lateral do Chrome, sobre o seu site ao vivo. Estilize o que quiser no inspector, edite o texto onde está ou arraste para a página um componente pronto a usar que adopta os tipos de letra e as cores do seu site. Cada alteração fica guardada na variante: sem publicação, sem ticket, sem uma cópia da página em staging.
- Biblioteca de componentesHeroes, FAQ, linhas de confiança, barras fixas e pop-ups, acrescentados com um clique ou por arrasto, com o estilo do seu próprio site.
- Conteúdo dinâmicoCada página preenche os seus próprios dados de campanha, visitante, produto ou carrinho, a partir de uma única alteração.
- Feeds de dadosAvaliações, datas de eventos ou textos de campanha de um feed que já publica, obtido pelos nossos servidores.
- Hover, focus e activeEstados interactivos estilizados no inspector, ao lado de todas as propriedades CSS que o navegador conhece.
- Edição de texto na páginaFaça duplo clique em qualquer texto da página para o reescrever, com negrito, itálico e sublinhado.
- Todas as correspondênciasUm selector altera todos os elementos correspondentes, incluindo os que carregam mais tarde.
- Alterações em palavras simplesMoved, Added button, Heading text: cada edição fica listada e pode ser desfeita com toda a confiança.
- Pré-visualização em qualquer telemóvelUma ligação partilhável abre a variante guardada num telemóvel real ou noutro navegador.
- Código, quando quiserHTML, CSS e JavaScript na variante, a ler os mesmos dados da página.
A construir o teste
As partes que tornam um segundo teste mais barato do que o primeiro
A maior parte do tempo de um programa não é gasta no primeiro teste. É a reconstruir uma configuração, a verificar uma variante antes de ir ao ar, e a manter um registo que alguém consiga ler no próximo ano.
Enquanto corre
O que o runtime está a fazer nas páginas dos seus visitantes
Tudo o que se segue é decidido no navegador, a partir de um ficheiro compilado só para o seu site. Não há chamada ao Pertento antes de a página desenhar, nem nada à espera de uma resposta para decidir o que um visitante vê.
Perguntas
O que as equipas perguntam antes de mudarem
Quanto tempo até podermos ter um teste a correr?
Uma etiqueta de script no head é toda a instalação, e é a única alteração ao seu site. A partir daí uma variante constrói-se apontando elementos nas suas páginas em produção, pelo que o primeiro teste é limitado pelo tempo que levarem a decidir o que testar e não por algo que tenha de ser adquirido, construído ou agendado. Nada vai ao ar por acidente enquanto estão a aprender: um teste novo é um rascunho até o iniciarem.
Vai tornar o site mais lento ou prejudicar os nossos Core Web Vitals?
Cada site recebe o seu próprio ficheiro compilado, com os testes já incorporados, pelo que o runtime sabe o que correr logo que carrega e nada fica à espera de uma chamada aos nossos servidores antes de a página desenhar. 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 é retida por um instante enquanto as alterações se aplicam, que é o que impede os visitantes de verem o original a surgir antes do teste, e é revelada a partir de quatro caminhos de código independentes, pelo que uma falha mostra a página não modificada em vez de uma página em branco. O tracking carrega em último lugar, depois de a página estar visível, pelo que a medição nunca atrasa o desenho.
O que consegue o editor realmente alterar, e onde é que pára?
Texto, estilo, disposição e posição editam-se apontando, incluindo os estados de hover e focus, e secções inteiras acrescentam-se a partir de uma biblioteca de componentes que adoptam os tipos de letra e as cores do seu próprio site. Uma alteração pode levar os dados da própria página, como o preço de cada produto, ou valores de um feed que já publica, e um selector pode aplicá-la a todos os elementos correspondentes. Também pode descrever a alteração por palavras suas e deixar que o editor de IA a proponha, pré-visualizada na página antes de se guardar o que quer que seja. Para lá disso, o editor pára com honestidade em vez de fazer mal: tudo o que o inspector não consegue expressar escreve-se como CSS ou JavaScript personalizado na variante, o que significa que um teste nunca fica bloqueado pela ferramenta. O limite real é uma alteração que acontece antes de a página existir: ordenação, lógica de preços, um modelo de recomendação. São testes do lado do servidor, e precisam dos seus programadores.
Quantos testes podemos correr ao mesmo tempo?
Tantos quantas ideias tiverem, e esta é a resposta que vale a pena confrontar com o que usam hoje. Cada teste distribui de forma independente, pelo que um visitante elegível entra em todos os testes para que se qualifica e cada um deles mede face à audiência elegível completa. Aqui a concorrência não divide a sua amostra, e é por isso que a plataforma verifica se dois testes interferem entre si em vez de racionar quantos podem correr. O ritmo é normalmente a diferença entre um programa que se paga a si próprio e um que não.
O que acontece ao trabalho se deixarmos de usar o Pertento?
Os vencedores que fixaram no código já estão na sua própria base de código e não são afectados, e é para isso que a fila de implementação existe, para os empurrar nessa direcção: lista cada vencedor que continua a ser servido por nós e continua a sinalizá-lo até os seus programadores terem espaço. Os vencedores ainda servidos pela plataforma param quando ela para, do mesmo modo que qualquer variante para. Os testes, as hipóteses e o histórico escrito ficam na conta e não em ferramentas nossas.
A IA pode ajudar-nos a configurar um teste?
Sim. O Pertento AI ajuda na configuração: descreva a alteração que quer testar e o editor de IA constrói a variante na sua página em produção. Depois de o teste terminar, o Pertento AI explica o resultado em palavras simples, para que a decisão seguinte não fique à espera de alguém que saiba ler estatística.
Tudo o que vem incluído
O conjunto completo de funcionalidades
Experimentação
- Editor de IA
- Editor visual sem código
- Testes visuais multivariantes
- Testes de redireccionamento de URL
- Testes do lado do servidor
- SDK de servidor
- Renderização anti-flicker
- Testes simultâneos sem dividir o tráfego
- Publicação do vencedor num clique
- Segmentação de URL em sete condições
- Pipelines de testes em etapas
- Plano de duração
- Abertura pela extensão do Chrome
- Biblioteca de componentes
- Conteúdo dinâmico
- Feeds de dados
- CSS e JS personalizados
- Substituir, inserir, acrescentar, antes e depois
- Segmentação por dispositivo
- Segmentação por cookie
- Segmentação por ativação
- Pesos de tráfego por variante
- Reequilíbrio automático de pesos
- Capturas das variantes
- Duplicar um teste
- Ensaios antes do lançamento
- Atribuição persistente de variante
- Entrega para implementação
- Registo de hipóteses
- Pontuação de priorização PXL
- Pesquisa, filtro e resultados da Library
- Cronologia da Library
Estatísticas
- Resultados frequentistas
- Resultados bayesianos
- Testes sequenciais
- Alarmes de desajuste no rácio de amostragem
- Perguntar sobre este teste
- Receita por variante
- Análise de potência
- Efeito mínimo detectável
- Intervalos de ganho e de confiança
- Correcção para comparações múltiplas
- Probabilidade de uma variante ser a melhor
- Perda esperada
- Holm-Bonferroni, Benjamini-Hochberg e Šidák
- Objectivos primários e secundários
- Valor médio de encomenda por variante
- Multimoeda
- Projecção de dias restantes
- Relatório de combinações
- Séries temporais por variante
- Explicações em português simples
Monitorização
- Monitor de saúde
- Fila de atenção entre contas
- Relatório do programa
- Balanço do teste
- Inícios e fins agendados
- Parar por significância
- Alertas no Slack
- Detecção de colisões
- Controlos de fiabilidade perante dados incorretos
- Papéis e permissões
- Salvaguardas de duração mínima
- Detecção de interacções
- Alarmes de atraso e sem dados
- Alertas por e-mail
- Alertas na aplicação
- Preferências por evento
- Registo de actividade
- Vista da carteira de clientes
- Disposições de consola guardadas
- Tracking com GA4 e Matomo
Voz do cliente
- NPS no site
- CSAT
- CES
- Inquéritos personalizados
- Análise de sentimento por IA
- Inquéritos dentro de testes
- Resultados por variante
- Gatilhos de exit-intent
- Criador de inquéritos guiado
- Perguntas de pontuação, escolha e texto
- Textos personalizados e etiquetas de escala
- Segmentação por página e dispositivo
- Percentagem de visitantes
- Gatilhos de visualização e atraso
- Gatilhos de scroll
- Gatilhos de evento
- Quatro posições de widget
- Limite de frequência
- Resultados por pergunta
- Respostas ao longo do tempo
- Respostas ligadas à variante
- Respostas validadas
- Temas de texto livre
- Exportação de respostas
- Carregado só onde corre um inquérito
Aprendizagens
- Cartões de aprendizagem
- Padrões entre testes
- Perguntar sobre as suas aprendizagens
- Oportunidades
- Criar rascunho de teste
- Grelha de evidência
- Cinco níveis de evidência
- Ajustado a comparações múltiplas
- Padrões dos mesmos testes fundidos
- Testes com problemas deixados de fora
- Resultados por dispositivo
- Verificação das bases
- Marcar como conhecido ou sem utilidade
Descobertas
O Pertento é uma plataforma de optimização da taxa de conversão para sites e lojas online, feita tanto para equipas internas como para agências de CRO que conduzem programas de experimentação numa carteira de clientes.
Integrações
Funciona com a stack que já tem
Adicione um snippet a qualquer site ou trabalhe inteiramente do lado do servidor, sem alterar a arquitetura.
Um snippet de uma linha
Cole uma única etiqueta no seu head e está ao vivo: um loader de 0,9 KB, sem passo de compilação, sem dependências.
Google Tag Manager
Publique e gere os testes directamente através do GTM. Sem necessidade de tempo de programador.
API do lado do servidor
Corra testes para além do navegador: preços, pesquisa e encaminhamento, 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 gera HTML, o Pertento consegue testá-lo: leia como cada uma se liga ↗