Se você utiliza um funil de captura de leads com uma Página de Obrigado, sabe que o maior desafio é manter o timing da venda. O lead preenche o formulário, assiste ao seu vídeo, mas quando clica no botão do WhatsApp, a mensagem é genérica e ele precisa explicar tudo de novo.
Isso mata a experiência do usuário.
Neste tutorial, vou te ensinar como capturar o nome e o motivo do contato do formulário (ou qualquer outra informação) e injetá-los dinamicamente no botão de WhatsApp da sua página de agradecimento. Vamos nessa!!
Passo 1: Configure o Redirecionamento do Formulário após o envio (aqui eu uso o Elementor)
No seu formulário original, vá em Ações após o envio > Redirecionar. No campo da URL, você deve apontar para a sua página de obrigado, passando as informações (IDs dos campos) como parâmetros.
Use este modelo de URL:
https://seusite.com.br/obrigado/?nome=[field id="nome"]&motivo=[field id="motivo"]Dica: Verifique na aba “Avançado” de cada campo do formulário se o ID é exatamente “nome” e “motivo”.
Passo 2: Prepare o Botão na Página de Obrigado
Para que o código encontre o botão de Whatsapp na página de obrigado, precisamos dar um “nome” exclusivo para ele (um ID).
- Edite sua Página de Obrigado.
- Clique no botão de WhatsApp.
- No campo Link, coloque sua URL padrão do WhatsApp (para quem entrar na página direto).
- Vá na aba Avançado > ID CSS e digite:
btn-zap-dinamico
Passo 3: Cole esse Script (HTML)
Agora, arraste um widget de HTML para qualquer lugar da sua página de obrigado e cole o código abaixo. Ele será o responsável por ler a URL e “escrever” a mensagem personalizada no botão automaticamente.
<script>
document.addEventListener("DOMContentLoaded", function() {
// 1. Captura as informações que vieram na URL
const urlParams = new URLSearchParams(window.location.search);
const nomeLead = urlParams.get('nome');
const motivoLead = urlParams.get('motivo');
// 2. Só executa se os dados existirem (Evita erros)
if (nomeLead && motivoLead) {
// 3. Define a mensagem personalizada (com negrito para o WhatsApp)
const mensagem = `Olá, meu nome é *${nomeLead}*. Gostaria de saber mais sobre: *${motivoLead}*.`;
const mensagemCodificada = encodeURIComponent(mensagem);
// 4. Configure SEU TELEFONE abaixo (Ex: 5511999999999)
const seuTelefone = "5521998756452";
const linkFinal = `https://wa.me/${seuTelefone}?text=${mensagemCodificada}`;
// 5. Aplica o link dinâmico no botão do Elementor
const containerBotao = document.getElementById('btn-zap-dinamico');
if (containerBotao) {
const linkReal = containerBotao.querySelector('a');
if (linkReal) { linkReal.href = linkFinal; }
}
}
});
</script>Por que isso ajuda nas suas vendas?
Quando o lead clica no botão e já vê o nome dele e o assunto que ele escolheu, ele sente que o atendimento é exclusivo e imediato. Além disso, o seu time comercial já recebe o contato sabendo exatamente o que o cliente quer, sem perder tempo com perguntas básicas.
