Como adicionar um botão do WhatsApp ao HubSpot (Grátis — Sem necessidade de aplicativo)
Seu site HubSpot captura leads, mas os visitantes frequentemente querem uma resposta rápida antes de preencher um formulário: "Está em estoque?", "Vocês entregam na minha cidade?", "Pode me enviar um orçamento?" — e para bilhões de pessoas, a maneira mais rápida de perguntar é pelo WhatsApp.
Um botão flutuante do WhatsApp coloca o chat a apenas um toque. Ele abre uma conversa com o seu próprio número, para que você responda pelo aplicativo do WhatsApp que já usa — sem nova caixa de entrada, sem taxa mensal. Aqui está como adicionar um a qualquer site HubSpot em cerca de dois minutos.
O jeito rápido: abra nosso gerador gratuito de Gerador de botão do WhatsApp para HubSpot, insira seu número, escolha um estilo, copie o código e cole-o no HTML do rodapé. Esse é todo o setup.
Por que colocar um botão do WhatsApp no seu site HubSpot
- Os visitantes já vivem no WhatsApp. Mais de 2,7 bilhões de pessoas o usam — e em mercados como Índia, Brasil e México, é a forma padrão pela qual os clientes enviam mensagens para empresas.
- Perguntas acontecem antes da conversão. Uma conversa rápida responde à hesitação enquanto a intenção está quente, em vez de perder o cliente em potencial para um formulário que ele talvez nunca complete.
- As respostas chegam no seu telefone. O botão abre o WhatsApp com seu número e uma mensagem pré-preenchida — você responde em segundos de qualquer lugar.
- Ele complementa seu pipeline do HubSpot. As conversas se tornam bate-papos que você pode gerenciar pessoalmente; quando estiver pronto, conecte o mesmo número ao The Tech Pad para respostas de IA e uma caixa de entrada para a equipe.
O que você obtém com o gerador gratuito
O Gerador de botão de WhatsApp do HubSpot te dá um botão flutuante real:
- 8 estilos apenas para WhatsApp — o logotipo oficial do WhatsApp e marcas de bolha em cores da marca (verde, verde escuro, branco, azul-petróleo)
- Seu número + mensagem pré-preenchida — defina a primeira mensagem que os visitantes veem
- Forma, tamanho e posição — redondo ou quadrado, esquerda ou direita, qualquer tamanho
- Pré-visualização ao vivo — veja o botão exato antes de copiar qualquer coisa
- Sem conta, sem chave de API, sem custo — gratuito para sempre
| Capacidade | Botão gratuito | O upgrade do The Tech Pad |
|---|---|---|
| Os visitantes iniciam um chat do WhatsApp com seu número | ✅ | ✅ |
| Estilos apenas para WhatsApp + pré-visualização ao vivo | ✅ | ✅ |
| IA responde 24/7 na língua do cliente | — | ✅ |
| Uma caixa de entrada de equipe para WhatsApp + chat do site | — | ✅ |
| API oficial do WhatsApp Business (Meta) | — | ✅ |
| Preço | Gratuito para sempre | Gratuito para começar |
Adicione o botão ao HubSpot em 3 etapas
- Gere seu código. Abra o gerador gratuito, insira seu número do WhatsApp com o código do país (apenas números, por exemplo,
919876543210), escolha um estilo e clique Copiar código. - Abra as configurações do seu site. No HubSpot, vá para Configurações → Sites → Páginas e role até a caixa de HTML do rodapé (opções avançadas).
- Cole e salve. Cole o código na caixa de HTML do rodapé e clique Salvar — o botão aparece em todas as páginas do seu site publicado.
O código é apenas uma pequena tag de script que carrega de forma assíncrona, então não deixa seu site mais lento:
<script async src="https://thetechpad.com/chat/widget.js" data-ttp-wa="919876543210" data-ttp-wa-icon="wa-classic" data-ttp-wa-shape="round" data-ttp-wa-size="56" data-ttp-wa-pos="right"></script>Quer que apareça em apenas uma página? Use um Módulo de HTML Customizado e coloque o mesmo código no módulo dessa página — o botão então aparece somente lá.
Por que usar código em vez de um app do marketplace do HubSpot?
O marketplace de apps do HubSpot tem ferramentas de WhatsApp, mas muitas são assinaturas pagas vinculadas à própria caixa de entrada deles. Usar o código mantém as coisas simples:
- Nada para instalar ou aprovar — sem listagem no marketplace, permissões ou solicitação de assinatura
- Seu número, suas regras — as conversas vão para o número de WhatsApp que você escolher, não para uma caixa de entrada de terceiros
- Funciona na maioria dos planos do HubSpot — a configuração de HTML do rodapé está amplamente disponível; o módulo de HTML personalizado cobre o resto
- O mesmo código funciona em outros lugares — também administra um Shopify, Squarespace, Webflow, Blogger ou Wix site? Cada um tem sua própria página geradora com passos de colagem.
Quer que o botão responda por você?
Um botão é o primeiro passo — o próximo é responder instantaneamente, mesmo à meia-noite ou quando sua equipe está ocupada. The Tech Pad transforma esse mesmo número de WhatsApp em um assistente de IA 24/7:
- IA responde instantaneamente do seu site e das páginas de produto — no idioma do seu cliente
- Uma caixa de entrada compartilhada da equipe para chats do WhatsApp, chat do site e notificações
- A API oficial do WhatsApp Business no seu próprio número verificado pelo Meta
- Grátis para começar, sem cartão de crédito — conecte-se em thetechpad.com
Dois minutos hoje te garantem um botão ao vivo do WhatsApp no HubSpot. Adicionar o The Tech Pad depois faz com que ele responda por você.