Como adicionar um botão do WhatsApp
O WhatsApp é um componente de contato em nível de página — você o ativa uma vez para a página (flutuante ou posicionado), e não como um bloco de conteúdo repetido que você coloca várias vezes.
Antes de começar
Confirme que você tem:
- Uma página aberta no Page Builder.
- Um número comercial / de contato do WhatsApp no formato esperado pelo seu mercado.
- Uma mensagem pré-preenchida curta que identifique a oferta ou campanha.
- Pixel Meta opcional pronto se quiser rastrear inícios de chat. Veja Como adicionar pixels a uma página.
Passo 1: Ativar o WhatsApp na página
- Abra Pages e clique em Edit na página desejada.
- Abra as configurações do componente WhatsApp (área de widgets em nível de página).
- Ative Apply WhatsApp Button.
Diferente de um elemento Button normal, o WhatsApp é um componente singular gerenciado uma vez por página.
Veja Elemento WhatsApp (referência).
Passo 2: Definir número e mensagem
- Informe o número de telefone para roteamento do WhatsApp.
- Escreva uma mensagem padrão curta (por exemplo "Olá! Vim da página [oferta]").
- Mantenha a mensagem natural — textos muito longos podem desencorajar o visitante de enviar.
| Campo | Por que importa |
|---|---|
| Phone | Controla qual caixa de entrada do WhatsApp abre. |
| Default message | Ajuda sua equipe a identificar a campanha quando o chat começa. |
Passo 3: Escolher forma e posição
- Escolha uma forma: circular, quadrada ou texto.
- Se usar texto, adicione o rótulo de chat que os visitantes devem ver.
- Defina a posição (direita, meio ou esquerda) e o comportamento de nova aba, se disponível.
- Estilize cor, tamanho, espaçamento e animação para o controle permanecer legível e fácil de tocar.
Passo 4: Rastreamento de pixel opcional
- Se o relatório da campanha depende de inícios de chat, abra as configurações de Facebook pixel click do WhatsApp.
- Anexe o evento de clique ao pixel Meta configurado para esta página.
- Confirme que a lista de pixels é válida em Page settings → Pixel.
Veja Pixels e rastreamento.
Passo 5: Publicar e testar
- Clique em Save, depois em Publish.
- Abra a página ao vivo no desktop e no mobile.
- Clique no controle do WhatsApp e confirme que o chat abre com a mensagem pré-preenchida.
- Se um pixel estiver anexado, verifique o evento nas ferramentas de teste de eventos do Meta.
Dicas de posicionamento
- Não cubra avisos de cookie, botões de envio de formulário ou outros controles flutuantes.
- Combine o WhatsApp com um formulário normal ou CTA Button quando o chat for o caminho secundário.
- Teste sobreposição em telas pequenas depois que Cookie ou Notification também estiverem ativados.
Solução de problemas
| Problema | O que tentar |
|---|---|
| Botão não aparece | Confirme que Apply WhatsApp Button está ativado e a página foi republicada. |
| Chat errado abre | Verifique novamente o formato do número de telefone para o seu mercado. |
| Mensagem ausente | Reinsira a mensagem padrão e republique. |
| Pixel não dispara | Confirme que o pixel Meta da página está configurado e o evento de clique do WhatsApp está selecionado. |
Resultado
Os visitantes podem iniciar uma conversa no WhatsApp a partir da sua página publicada com o número correto e a mensagem de campanha pré-preenchida.
Documentação relacionada
Perguntas frequentes
O WhatsApp é um bloco normal da página?
Não. É um componente singular em nível de página ativado com Apply WhatsApp Button.
Posso rastrear cliques no WhatsApp?
Sim. A gaveta inclui configurações de clique do Facebook pixel quando o componente está ativado.
Quais formas estão disponíveis?
Opções de forma circular, quadrada e texto estão disponíveis quando o componente está ativado.