"Simples e fácil de usar!"
"Superou minhas expectativas!"
"Carregamento muito rápido!"

Editor Visual No-Code para Testes A/B

Crie variantes de teste A/B sem código: altere títulos, CTAs, imagens, layouts e cores com um editor de apontar e clicar. Funciona em Shopify, Webflow, WordPress, Framer e sites personalizados. Conecte metas do GA4 com um clique. Grátis até 100.000 visitantes por mês.

Grátis para sempre até 100.000 visitantes
Avaliação dos usuáriosAvaliação dos usuáriosAvaliação dos usuáriosAvaliação dos usuáriosAvaliação dos usuáriosAvaliação dos usuáriosAvaliação dos usuáriosAvaliação dos usuáriosAvaliação dos usuáriosAvaliação dos usuáriosAvaliação dos usuáriosAvaliação dos usuáriosAvaliação dos usuários
Aprovada por profissionais de marketing de CRO
Aprovada por times de CRO no mundo todo
Logo da Showpad
Logo da GOV+
Logo da Acquisition.com
Logo da IFTTT
Logo da ThriveCart
Logo da ParkBee
Logo da Strathberry
Logo da Brown Thomas
Logo da Jabra
Logo da Quint
Logo da MeisterTask
Logo da Productive
Logo da Radius
Logo da Nakie
Logo da Accountable
Logo da SwiftReg
Logo da Showpad
Logo da GOV+
Logo da Acquisition.com
Logo da IFTTT
Logo da ThriveCart
Logo da ParkBee
Logo da Strathberry
Logo da Brown Thomas
Logo da Jabra
Logo da Quint
Logo da MeisterTask
Logo da Productive
Logo da Radius
Logo da Nakie
Logo da Accountable
Logo da SwiftReg
Guia de recurso

Como o editor visual da Mida funciona para profissionais de marketing sem código

O editor visual permite que times de marketing criem variantes de teste A/B clicando em elementos e fazendo alterações diretamente na página ao vivo. Use-o para testar textos, imagens, CTAs, layouts e cores sem código. Para alterações complexas que exigem lógica personalizada, use o editor de código ou as variantes com IA do MidaGX.

Edição de apontar e clicar

Clique em qualquer título, CTA, imagem ou seção para editá-lo. Altere textos, troque imagens, atualize cores de botões, oculte elementos ou insira novos conteúdos sem mexer em HTML ou CSS.

Funciona em qualquer plataforma

O editor visual funciona em Shopify, WordPress, Webflow, Wix, Framer e sites personalizados. Para aplicativos de página única criados com React ou Vue, use gatilhos de mudança de URL e de mudança de DOM.

Editor de código para alterações avançadas

Quando o editor visual não for suficiente, use JavaScript e CSS personalizados para comportamentos dinâmicos, lógica condicional ou interações que a interface de apontar e clicar não consegue expressar.

Como criar um teste A/B sem código com o editor visual

Depois que um desenvolvedor adiciona o snippet da Mida ao seu site uma única vez, os profissionais de marketing podem criar variantes de teste sem ajuda da engenharia. O editor visual aplica as alterações antes de a página ser renderizada, para que os visitantes vejam a variante, e não o original.

  1. Abra a página no editorInforme a URL que você quer testar. A Mida carrega a página ao vivo para que você aponte, clique e edite diretamente no seu site real.
  2. Faça suas alteraçõesClique em um elemento para editar textos, trocar imagens, mudar cores de botões, ocultar seções ou inserir novos conteúdos. Visualize no desktop e no celular antes de publicar.
  3. Defina uma meta e publiqueEscolha a métrica que você quer melhorar: cadastros, compras, cliques ou um evento de conversão do GA4. Divida o tráfego e deixe o teste rodar até atingir significância estatística.

Preciso saber programar para usar o editor visual?

Não. O editor visual é uma interface de apontar e clicar. Clique em um elemento para alterá-lo. Para alterações avançadas que exigem lógica personalizada, use o editor de código ou as variantes com IA do MidaGX.

E se o editor visual não conseguir fazer a alteração que preciso?

Use o editor de código para escrever JavaScript e CSS personalizados. Para alterações complexas, use a IA do MidaGX para descrever a mudança em linguagem simples ou cole um design do Figma.

O Que Você Pode Criar Sem Código

Altere Textos e Títulos

Clique em qualquer título, CTA ou texto e edite diretamente. Teste diferentes propostas de valor, ofertas e mensagens sem mexer em HTML.

Troque Imagens e Fundos

Substitua imagens de destaque, fotos de produtos, logotipos e imagens de fundo. Envie um novo arquivo ou cole a URL de uma imagem para testar o impacto visual.

Atualize Cores e Estilos

Altere cores de botões, estilos de texto, espaçamento e visibilidade. Reorganize seções ou oculte elementos que poluem a página sem escrever CSS.

Adicione ou Remova Elementos

Insira selos de confiança, mensagens de urgência, prova social, tabelas comparativas e CTAs. Oculte navegação ou campos de formulário que distraem para simplificar os caminhos de conversão.

Editor de Código para Alterações Avançadas

Quando o editor visual não for suficiente, use JavaScript e CSS personalizados para alterações dinâmicas, lógica condicional ou interações que a interface de apontar e clicar não consegue expressar.

Variantes com IA no MidaGX

Descreva em linguagem simples a alteração que você quer e deixe o MidaGX criar a variante. Cole um design do Figma e transforme-o em um teste ao vivo sem repassar para a engenharia.
Mockup do editor visual

Como Funciona um Teste A/B com Editor Visual

Criar um teste sem código é mais rápido do que esperar por um desenvolvedor, mas só se a ferramenta der conta da estrutura do seu site. O editor visual da Mida funciona em sites estáticos, SPAs, temas da Shopify e page builders.

1

Instale o snippet uma única vez

Um desenvolvedor adiciona o script da Mida ao head do seu site uma só vez. Depois disso, os profissionais de marketing podem criar testes sem ajuda da engenharia.
2

Abra a página no editor

Digite a URL que você quer testar. A Mida carrega a página ao vivo para você apontar, clicar e editar diretamente no seu site de verdade.
3

Faça suas alterações

Clique em um elemento para editar o texto, trocar imagens, mudar cores, ocultar seções ou inserir novo conteúdo. Repita quantas vezes a sua hipótese exigir.
4

Defina uma meta e o público-alvo

Escolha a métrica que você quer melhorar: cliques, cadastros, compras ou um evento de conversão do GA4. Segmente por URL, dispositivo, origem de tráfego ou segmento de visitantes.
5

QA no desktop e no celular

Visualize a variante antes de publicá-la. Confira se as alterações são exibidas corretamente em diferentes tamanhos de tela, navegadores e breakpoints.
6

Publique e analise os resultados

Divida o tráfego entre o controle e a variante. Aguarde a significância estatística e veja qual versão gerou mais conversões, receita ou cadastros.

Funciona na sua plataforma

O editor visual da Mida é compatível com sites estáticos, temas Shopify, WordPress, Webflow, Framer e aplicativos de página única criados com React, Vue ou Next.js. Se o seu site permite HTML personalizado no head, você pode rodar testes com o editor visual.

  • ShopifyTemas, páginas de produto, carrinho, checkout (Plus)
  • WebflowSites institucionais e landing pages
  • WordPressPáginas, posts, lojas WooCommerce
  • FramerTodos os sites e templates do Framer
  • React, Vue, Next.jsAplicativos de página única e frameworks modernos
  • Sites personalizadosQualquer site que permita HTML personalizado

Para aplicativos de página única, a Mida oferece gatilhos de mudança de URL e de mudança no DOM, para que os testes sejam reaplicados após a navegação no lado do cliente. Saiba mais sobre teste A/B para SPAs.

Perguntas frequentes

Preciso saber programar para usar o editor visual?

Ícone de acordeão

Não. O editor visual é uma interface de apontar e clicar para alterar títulos, imagens, CTAs, cores e layouts. Clique em um elemento para editá-lo. Para alterações avançadas que exigem lógica personalizada, use o editor de código ou as variantes com IA do MidaGX.

O que posso alterar com o editor visual?

Ícone de acordeão

Edite textos e títulos, troque imagens e fundos, mude cores e estilos de botões, oculte ou exiba elementos, insira conteúdo HTML, reorganize seções, ajuste espaçamentos e padding e atualize propriedades de CSS. Para comportamento dinâmico ou lógica condicional, use o editor de código.

O editor visual funciona na Shopify, no Webflow e no WordPress?

Ícone de acordeão

Sim. O editor visual funciona na Shopify, Shopify Plus, WordPress, WooCommerce, Webflow, Wix, Squarespace, Framer e em sites personalizados. Se a sua plataforma permite HTML personalizado na seção head, você pode usar o editor visual.

Posso usar o editor visual em aplicativos de página única?

Ícone de acordeão

Sim. A Mida é compatível com React, Vue, Next.js, Nuxt e outros SPAs. Use gatilhos de mudança de URL, mudança no DOM ou aparecimento de elemento para que o teste seja reaplicado após a navegação no lado do cliente. Em testes de SPA, configure condições de espera por elemento ou de mudanças específicas no DOM.

E se o editor visual não conseguir fazer a alteração que preciso?

Ícone de acordeão

Use o editor de código para escrever JavaScript e CSS personalizados. Para alterações complexas, use a IA do MidaGX para descrever a mudança em linguagem simples ou colar um design do Figma. O MidaGX gera código de segmentação que funciona com a estrutura do seu site.

Posso visualizar as alterações antes de o teste entrar no ar?

Ícone de acordeão

Sim. Use a URL de pré-visualização para ver a variante no desktop, no celular e no tablet antes de publicar. Confira se as alterações são exibidas corretamente em diferentes navegadores e tamanhos de tela. Compartilhe o link de pré-visualização com a equipe para o QA.

Como o editor visual aplica as alterações no meu site?

Ícone de acordeão

O editor visual gera um JavaScript que encontra o elemento de destino e aplica a alteração quando a página carrega. A Mida carrega o script antes de a página ser renderizada, para que os visitantes vejam a variante, e não o conteúdo original piscando até virar a variante.

Posso combinar alterações do editor visual com alterações do editor de código?

Ícone de acordeão

Sim. Use o editor visual para edições simples de texto, imagem e estilo e, depois, adicione JavaScript ou CSS personalizado no editor de código para comportamento dinâmico, lógica condicional ou interações avançadas que a interface visual não consegue expressar.

O editor visual é compatível com testes multivariados?

Ícone de acordeão

Sim. Crie várias variantes com diferentes combinações de alterações. A Mida divide o tráfego entre todas as variantes e o controle e depois informa qual combinação teve o melhor desempenho. Testes multivariados exigem mais tráfego para atingir a significância estatística.