Heatmap (Mapa de Calor)

Heatmap WordPress é a ferramenta visual que sobrepõe ao layout do site um mapa colorido mostrando onde os visitantes clicam, rolam e movem o mouse. Áreas vermelhas indicam alta atividade. Áreas frias indicam zonas ignoradas. Em uma página de produto, o heatmap revela em segundos se o botão de compra está sendo notado, se os campos do formulário recebem atenção ou se a maioria dos visitantes desiste antes de chegar ao final do conteúdo.

O que é um heatmap

Um heatmap, ou mapa de calor, é uma visualização que codifica densidade de eventos em cores. No contexto de UX e CRO em sites WordPress, os eventos rastreados são interações do usuário: cliques, rolagem, movimento do mouse e em alguns casos cliques em mobile via toque na tela. A ferramenta agrega esses eventos de centenas ou milhares de visitantes e gera um mapa que mostra padrões.

Diferente do Google Analytics, que mostra números agregados (cliques em links rastreados, eventos configurados), o heatmap mostra comportamento espacial. Onde o dedo do usuário foi atraído. Que parte do hero capturou olhar. Que área da página foi ignorada apesar de ter informação importante.

Essa diferença é importante para decisões de design. Saber que o CTA tem 2% de CTR via GA é um dado. Ver no heatmap que 80% dos visitantes nem sequer rolam até o CTA é insight diferente: o problema não é o botão, é o que vem antes que está prendendo o visitante ou afastando ele.

O mapa de calor faz parte do toolkit de CRO há mais de 15 anos. Ferramentas como Crazy Egg foram pioneiras nos anos 2000. Hotjar popularizou nos anos 2010. Microsoft Clarity democratizou em 2020 com versão gratuita ilimitada. Hoje é parte integrada do trabalho de qualquer equipe que toma decisão baseada em dados visuais.

Tipos de heatmap: clique, scroll, mouse

Heatmap de clique mostra onde os visitantes clicam, em formato de pontos vermelhos sobrepostos à página. Inclui cliques em elementos clicáveis (links e botões) mas também em áreas que parecem clicáveis e não são, o que revela falhas de UX: imagens sem link que parecem botões, textos com cor de link que confundem.

Heatmap de scroll mostra até onde os visitantes rolam a página. Geralmente em formato de degradê: o topo é vermelho (todos veem), o meio fica amarelo (parte continua), o final é azul (poucos chegam). É a ferramenta mais útil para validar tamanho de página, posicionamento de CTAs e ordem de seções. Se o conteúdo crítico está abaixo da linha onde 60% saem, há problema claro.

Heatmap de movimento de mouse rastreia onde o cursor passa, baseado na hipótese de que o mouse acompanha o olhar do usuário em desktop. A correlação entre olhar e mouse é parcial, mas em layouts complexos ainda dá pistas. Em mobile esse tipo não existe, substituído por heatmap de toque que registra tap events.

Plataformas modernas como GA4 com integrações de eventos, Hotjar e Clarity oferecem os três tipos juntos por padrão. Cada visita gera dados para todos os mapas, e o analista escolhe qual visualizar conforme a pergunta a responder.

Ferramentas: Hotjar, Clarity, Lucky Orange

Hotjar é a ferramenta mais conhecida no mercado. Oferece heatmaps, gravações de sessão, formulários de feedback e pesquisas embutidas. A versão gratuita atende sites pequenos com limite de 35 sessões por dia. Versões pagas escalam para volumes maiores e adicionam recursos como funnels e segmentação avançada.

Microsoft Clarity é a alternativa que mudou o mercado em 2020. Gratuita e ilimitada para qualquer volume de tráfego, sem limite de sessões nem de páginas. Inclui heatmaps, gravações de sessão e métricas próprias como rage clicks (cliques repetidos em áreas que não respondem) e dead clicks (cliques em elementos não interativos). Em 2026, é o ponto de partida natural para quem quer começar com hotjar wordpress sem custo.

Lucky Orange é a opção de meio termo, com chat ao vivo integrado, formulários e funnels além dos heatmaps. Usada principalmente em e-commerce, onde a combinação de gravação de sessão com chat permite atendimento contextualizado em tempo real. Preço entre Hotjar e Clarity, com integração nativa para WooCommerce.

Outras opções incluem Crazy Egg (foco em A/B testing de variações de página), FullStory (analytics avançado com captura completa de sessão) e Mouseflow (boa relação custo-benefício no segmento médio). A escolha depende de orçamento, volume e nível de profundidade desejado.

Como instalar e analisar heatmaps

A instalação é semelhante em todas as ferramentas: crie uma conta, configure o site, copie o snippet de código e cole no header do WordPress. Plugins de SEO modernos têm campo dedicado para Hotjar e Clarity em algumas versões. Em outros casos, o caminho passa por Google Tag Manager, com tags Custom HTML que carregam o snippet sob demanda.

Após a instalação, é preciso esperar tráfego acumular. Em sites pequenos, dá para começar a tirar conclusões com 100 a 200 sessões por página analisada. Em sites com mais de mil sessões diárias, os mapas estabilizam em poucas horas. Análises com menos de 50 sessões podem dar leituras enganosas por amostra insuficiente.

Análise útil parte de perguntas claras, não da contemplação do mapa. Exemplos: o CTA principal está sendo clicado mais que os links de menu? Os usuários rolam até a seção de prova social? O formulário tem algum campo onde a maioria desiste? Cada pergunta gera ação concreta no design da página.

Combinar heatmap com gravações de sessão multiplica o valor. O mapa mostra padrão; a gravação mostra o caso individual. Em CRO sério, o ciclo é mapa para identificar zonas problema, gravação para entender comportamento, hipótese de melhoria, teste A/B com a hipótese, novo ciclo. Conectar isso à CRO WordPress e à monitoração contínua de Core Web Vitals em UX WordPress bem desenhada vira ciclo virtuoso.

Para sites que rodam heatmaps, gravações e tracking junto sem comprometer performance, a FULL Services entrega o SEOPress dentro da stack profissional, com integração simplificada para Microsoft Clarity, Google Analytics e Tag Manager. O painel já entrega tudo conectado, sem precisar configurar mapa de calor a cada projeto novo.