1. Início
  2. Blog
  3. UTM Elementor Forms
Elementor

Como rastrear UTMs nos formulários do Elementor

Se você usa o Elementor Pro para criar landing pages com formulário, sabe que os leads chegam com os dados do formulário — mas sem nenhuma informação de campanha. Veja como capturar a origem de cada lead gerado pelo Elementor Forms.

O cenário típico: Google/Meta → Landing Page Elementor → lead

Você cria uma landing page com Elementor Pro, coloca um formulário e ativa uma campanha. O fluxo esperado:

  1. Usuário vê o anúncio no Google ou Meta Ads
  2. Clica no link que contém UTMs (ex: ?utm_source=google&utm_medium=cpc&utm_campaign=captacao)
  3. Chega à landing page criada no Elementor
  4. Preenche e envia o formulário
  5. Você recebe o lead

O que você quer: que o lead chegue com a informação de qual campanha o originou. O que acontece sem rastreamento: o lead chega apenas com nome, e-mail e telefone.

Requisito: Elementor Pro

O widget de formulário avançado do Elementor (com envio de dados, webhooks e integrações) é parte do Elementor Pro. A integração automática com plugins de rastreamento também depende do Pro, pois usa o hook elementor_pro/forms/new_record — disponível apenas na versão paga.

Se você usa o Elementor Free, as opções são a abordagem manual com JavaScript ou usar um plugin de formulário compatível como o Contact Form 7. Veja: Como rastrear UTMs no Contact Form 7.

O problema de rastreamento no Elementor

O Elementor Pro não captura parâmetros UTM por padrão. Quando o formulário é submetido, ele envia os campos que foram configurados no widget — sem nenhuma informação de URL, referrer ou campanha.

Assim como no CF7, o desafio não é apenas ler a URL no momento do envio — é preservar os UTMs da visita inicial mesmo que o usuário tenha navegado antes de converter. Para entender esse problema em detalhes, veja: Como descobrir de qual campanha veio um lead no WordPress.

Abordagem manual: campos hidden no Elementor

No editor do Elementor Pro, você pode adicionar campos do tipo "Hidden" ao formulário. A ideia: um script JavaScript preenche esses campos com os UTMs da URL ou do cookie antes do envio.

Passos:

  1. Edite o formulário no Elementor Pro
  2. Adicione campos do tipo Hidden com IDs: utm_source, utm_medium, utm_campaign
  3. Adicione um script no footer que lê os UTMs da URL ou do sessionStorage e preenche os campos pelo ID
Limitação da abordagem manual Campos preenchidos via JavaScript podem ser resetados pelo Elementor se houver validação do formulário em etapas (multi-step). Além disso, o sessionStorage não persiste entre sessões — se o usuário retornar dias depois, os dados se perdem.

Integração automática com UTM Tracker DL

O UTM Tracker DL tem integração nativa com Elementor Pro. Quando um formulário do Elementor é enviado com sucesso, o plugin captura automaticamente o snapshot de atribuição do visitante atual — incluindo First Touch e Last Touch — e registra como lead.

O plugin usa o hook elementor_pro/forms/new_record, que é disparado após a submissão bem-sucedida de qualquer formulário do Elementor Pro.

O que acontece automaticamente:

  1. Visitante chega via UTM → plugin detecta e armazena no banco de dados
  2. Visitante navega → First Touch mantido; Last Touch atualizado se houver novo UTM ou referrer
  3. Formulário enviado → plugin registra lead com snapshot completo de atribuição
  4. Lead aparece no painel UTM Tracker DL → Leads, com todos os dados de campanha

Nenhuma modificação no formulário Elementor é necessária para o registro da conversão no painel do plugin.

Incluindo UTMs nos dados do formulário (para e-mail/webhook)

Se você usa o Elementor Pro para enviar os dados do formulário por e-mail ou webhook (ex: para um CRM), pode querer incluir os campos UTM nesses envios. Para isso, adicione campos Hidden ao formulário e use o atributo data-utmdl nos inputs para que o script do plugin os preencha automaticamente:

<!-- Campos adicionados ao HTML da página via snippet -->
<input type="hidden" name="utmdl_first_source" data-utmdl="first_source">
<input type="hidden" name="utmdl_first_campaign" data-utmdl="first_campaign">
<input type="hidden" name="utmdl_last_source" data-utmdl="last_source">

O JavaScript do plugin (localizado server-side via wp_localize_script) preenche automaticamente todos os inputs com data-utmdl ao carregar a página.

Dados capturados por lead

Cada lead registrado inclui:

  • First Source, First Medium, First Campaign, First Term, First Content
  • Last Source, Last Medium, Last Campaign, Last Term, Last Content
  • Landing page inicial e de conversão
  • Referrer (site de onde veio)
  • Click ID e tipo (gclid, fbclid, msclkid, etc.)
  • Data e hora da conversão
  • Tipo: elementor
  • ID do formulário Elementor

Referrer e landing page

Além dos UTMs, o plugin captura o referrer HTTP — o endereço do site de onde o visitante veio — e a landing page (path da URL onde o visitante entrou pela primeira vez).

Isso é útil para identificar tráfego orgânico (de buscadores como Google ou Bing) e tráfego de referência (de outros sites), mesmo quando não há UTMs na URL.

Limitações

  • Requer Elementor Pro: a integração usa hooks que não estão disponíveis no Elementor Free.
  • Cookie-based: usuários com bloqueadores de cookies não são rastreados.
  • Não é um CRM: os dados ficam no WordPress. Para gestão de leads e follow-up, você ainda precisa do seu CRM ou ferramenta de automação.

Usa Elementor Forms e precisa identificar a origem dos leads?

O UTM Tracker DL tem integração nativa com Elementor Pro — cada envio de formulário registra automaticamente os dados de campanha no painel do WordPress.

Baixar gratuitamente