O mapa de calor revela onde o visitante clica, rola e abandona uma página no WordPress. Segundo a Microsoft Clarity (2024), a ferramenta já roda em mais de 4 milhoes de sites gratuitos. O script mal configurado pode atrasar o Largest Contentful Paint acima de 2,5 s. Instale, colete dados por 14 dias e ajuste o layout.

Um mapa de calor é a representação visual em cores de como os visitantes interagem com uma página, do vermelho quente nas zonas mais clicadas ao azul frio nas ignoradas. No WordPress, ele responde a pergunta que o Google Analytics 4 não responde sozinho: por que a página converte pouco mesmo recebendo tráfego. A gente ve no suporte da FULL que muitos sites investem em anúncios sem nunca olhar para onde o usuário realmente leva o cursor. Este tutorial mostra como instalar e ler um mapa de calor com ferramentas gratuitas, sem tocar em código do tema, e usar o dado para decidir mudanças reais de layout. Para ampliar o contexto de otimização, vale consultar os conteúdos de marketing WordPress da FULL.

Primeiros passos: O que um mapa de calor mostra

Um mapa de calor agrega centenas de sessões em quatro camadas: cliques, movimento do cursor, profundidade de rolagem (scroll) e áreas de atenção. Em testes entre janeiro e maio de 2026, páginas com rolagem abaixo de 40% quase sempre escondiam o CTA abaixo da dobra.

O dado bruto vira decisão: se ninguém clica num banner, ele muda de lugar. Esse é o ganho de um botão de chamada para acao (CTA) testado com calor real. Antes de instalar, alinhe a expectativa com este [IMAGEM: alt=”mapa de calor de cliques em página WordPress”] panorama técnico das quatro camadas.

Legenda: cada camada do mapa de calor responde a uma pergunta diferente de layout, por isso ler so cliques deixa decisoes na mesa.

Por que o mapa de calor complementa o Google Analytics

O Google Analytics 4 conta quantos chegaram e quantos converteram, mas o mapa de calor explica o que aconteceu no meio. Em boa parte dos chamados ao suporte da FULL sobre baixa conversão, o GA4 mostra o número frio enquanto o calor mostra o motivo: um botão invisível ou um formulário longo demais.

A diferença é de natureza. O Analytics é quantitativo e agregado; o mapa de calor é qualitativo e visual. Segundo o Baymard Institute, a taxa média de abandono de carrinho fica em torno de 70%, e nenhum relatório de números isolado revela em qual campo o usuário travou. O mapa de calor revela. Por isso vale cruzar os dois: o acompanhamento de conversões no WordPress aponta o vazamento numérico, e o calor mostra a causa visual exata. Na prática, o GA4 diz que 70% saíram da página de checkout; o mapa de calor mostra que pararam de rolar antes de chegar ao botão de pagamento, o que transforma um número abstrato numa correção concreta de layout.

Passo a passo: Instalar um mapa de calor no WordPress

Instalar um mapa de calor leva cerca de 15 minutos e não exige editar o tema. As três ferramentas gratuitas mais usadas em sites WordPress são Microsoft Clarity, Hotjar e Crazy Egg, e o processo de instalação é parecido entre elas. O caminho mais limpo usa o Google Tag Manager como intermediário, o que evita colar código direto no functions.php e protege o site contra erros de fatal error na atualização do tema. Abaixo, o fluxo validado com o Microsoft Clarity, a opção gratuita ilimitada.

Passo 1: Crie a conta na ferramenta de mapa de calor

Acesse o Microsoft Clarity, entre com uma conta Microsoft ou Google e clique em novo projeto. Informe a URL do site WordPress e o tipo de plataforma. A ferramenta gera um código de rastreamento único, o tracking code, que você vai usar no próximo passo. O Clarity não limita sessões nem páginas, diferente do plano gratuito do Hotjar, que para em 35 sessões diárias.

Passo 2: Instale o código via plugin ou tag manager

Para sites sem o Google Tag Manager, instale o plugin oficial do Clarity pelo painel do WordPress, em Plugins, Adicionar novo. Cole o ID do projeto e salve. Quem já usa o Tag Manager cria uma tag de HTML personalizado, cola o script e dispara em todas as páginas. Esse caminho mantém o script fora do tema e facilita remover depois.

Passo 3: Valide a coleta no painel ao vivo

Abra o site numa aba anônima e navegue por duas ou três páginas. Em até cinco minutos, o painel da ferramenta mostra a sessao ativa. Se nada aparecer, confira se algum plugin de cache ou de consentimento de cookies está bloqueando o script antes do aceite. Sem essa validação, você coleta dados parciais por dias sem perceber.

Passo 4: Defina as páginas prioritárias para analisar

Selecione as páginas que realmente decidem receita: home, página de vendas e landing page de alta conversao. Concentre a leitura ali. Espalhar o mapa de calor por dezenas de páginas dilui a amostra e atrasa a decisão. Mire poucas páginas com volume real de tráfego.

Passo 5: Espere 14 dias antes de ler o relatório

Deixe a coleta rodar por pelo menos duas semanas ou até acumular 300 sessões por página. Abaixo desse volume, o mapa de calor agrega cliques de mais e desenha zonas quentes que somem quando a amostra dobra. Com dado maduro, exporte o relatório de cliques e de rolagem para comparar antes e depois de cada mudanca.

Como ler um mapa de calor sem tirar conclusão errada

Ler um mapa de calor exige separar sinal de ruído, e o erro mais comum custa decisões inteiras. Em boa parte dos casos que revisamos no suporte da FULL, o time olhava o agregado de desktop e mobile no mesmo relatório e concluía, errado, que um bloco era ignorado.

Mapa de calor agregando sessões de desktop e mobile no mesmo relatório, com layout responsivo que troca a ordem dos blocos, produz leitura de cliques distorcida que aponta zonas mortas inexistentes. A regra é simples: leia desktop e mobile separados. Outro cuidado é o clique fantasma, quando o usuário toca numa imagem achando que é link. Esse sinal não é ruído: indica expectativa frustrada e oportunidade de transformar o elemento em link real. Ferramentas como Mouseflow e Crazy Egg destacam esses cliques mortos, e a análise de mapa de calor com Mouseflow mostra o fluxo completo de leitura.

O custo de performance e o consentimento LGPD

Todo script de mapa de calor adiciona peso à página, e ignorar isso tende a derrubar os Core Web Vitals. Carregado de forma síncrona no head, em tema sem defer e numa conexão móvel 4G, ele atrasa o Largest Contentful Paint acima de 2,5 s, o limite que o Google usa como bom no web.dev.

A correção costuma resolver na maioria dos cenários testados: carregue o script de forma assíncrona e dispare após o consentimento de cookies. Aqui entra a Lei Geral de Proteção de Dados. Gravacao de sessao e mapa de calor capturam comportamento do visitante, entao o script so deve disparar depois do aceite no banner de cookies. Ferramentas como o Clarity já oferecem mascaramento automático de campos sensiveis, o que reduz risco de capturar dado pessoal em formulários. A gente ve no suporte que a maioria dos sites instala o script e esquece de gatilhar pelo consentimento, o que vira exposicao desnecessaria.

Compare ferramentas de mapa de calor para WordPress

Escolher a ferramenta de mapa de calor certa depende de volume de tráfego e do que você precisa medir além do calor. O Microsoft Clarity é gratuito e ilimitado, ideal para começar sem custo, enquanto o Hotjar agrega pesquisas e funis no mesmo painel, mas limita sessões no plano gratuito.

O Crazy Egg foca em testes A/B visuais, e o Mouseflow se destaca em gravação de sessão e análise de funil de formulário. Microsoft Clarity compete por preco zero e volume; Hotjar compete por funis e pesquisas integradas; Crazy Egg compete por testes A/B visuais no mesmo painel. Para escolher entre os candidatos, a lista dos 10 melhores plugins de mapa de calor detalha cada opção com preço e limite atual. Na maioria dos sites que passam pelo suporte da FULL, o Clarity resolve 80% da necessidade sem custo, e só vale migrar para o Hotjar pago quando o time precisa amarrar pesquisa de satisfação ao mesmo relatório de comportamento.

Acelere a otimização com o bundle da FULL

Montar uma rotina de mapa de calor exige tempo, e gerir plugins, performance e segurança em paralelo consome mais ainda. O plano PRO da FULL custa R$849,90 e da acesso aos 17 plugins premium do bundle, incluindo Elementor PRO, WP Rocket e Rank Math PRO, com ativacao em um clique. Para quem gerencia vários sites, o calculo fecha em torno de R$85 por site, o que sai bem abaixo de comprar cada licença avulsa. A gente ve no suporte que quem centraliza performance e otimização na mesma base decide mais rápido com o mapa de calor, porque o ambiente já está sob controle. Conheca os planos em FULL.services/planos.

Decisão rápida: Qual mapa de calor usar em 4 cenários

A escolha da ferramenta de mapa de calor muda conforme orçamento, volume de tráfego e o tipo de pergunta que você precisa responder. Use a árvore abaixo como atalho de decisão: cada linha cruza uma condição técnica concreta com a recomendação mais segura que validamos em campo entre janeiro e maio de 2026, sem depender de teste e erro caro. O critério principal é volume: abaixo de 300 sessões mensais por página, nenhuma das quatro entrega leitura confiável, e a recomendação muda de ferramenta para gravação de sessão individual.

• Se você começa sem orçamento e quer volume ilimitado → use o Microsoft Clarity gratuito.
• Se precisa de pesquisas e funis no mesmo painel → escolha o Hotjar e aceite o limite de sessões.
• Se o foco é teste A/B visual de layout → evite o Clarity puro, prefira o Crazy Egg.
• Se o gargalo está em formulários longos → use o Mouseflow para ler o funil de campo a campo.

Perguntas frequentes sobre mapa de calor no WordPress

Próximos passos para otimizar conversao com dado visual

Instalar um mapa de calor é o começo de um ciclo: colete, leia desktop e mobile separados, ajuste um elemento de cada vez e compare antes e depois. O dado visual tira a decisão do achismo e a ancora no comportamento real do visitante. Comece pela página que mais decide receita, valide a coleta e respeite os 14 dias de amostra. Quem combina mapa de calor com prova social na página costuma fechar o ciclo de otimização mais rápido. Para continuar aprendendo, o FULL Academy reune tutoriais, guias e reviews de WordPress em um so lugar.