Pular para o conteúdo
Menu

Buscar no site

Digite para buscar em guias, blog, API e produto.

↑ ↓ para navegar · Enter para abrir · Esc para fechar

Grátis · Sem cadastro · Funciona em qualquer site

Widget do WhatsApp para o seu site

Monte o seu balão flutuante do WhatsApp, veja as mudanças ao vivo e copie o código. Grátis, sem cadastro, e funciona do mesmo jeito no seu site ou no do seu cliente.

O seu número de WhatsApp

É a única coisa de que o widget precisa para funcionar.

Como ele fica

Cada mudança aparece na hora na pré-visualização ao lado.

Cor do botão
Posição do botão
Estilo do botão
Textos do widget

Copie e cole

Cole este código logo antes da tag de fechamento </body> do site. Funciona do mesmo jeito em um site próprio ou no de um cliente.

</body>
<script
  src="https://tbit.app/js/whatsapp-button.js"
  async
  onLoad="whatsappButton({
    locale: 'pt',
    phoneNumber: '',
    buttonName: 'WhatsApp',
    brandName: 'A sua marca',
    brandSubtitleText: 'Normalmente responde em até um dia',
    callToAction: 'Iniciar conversa',
    welcomeMessage: 'Olá 👋',
    buttonPosition: 'right',
    buttonStyle: 'icon-with-text'
  })"
></script>

Digite o seu número de WhatsApp acima e o código aparece aqui.

Não pedimos cadastro nem e-mail. O código é montado no seu navegador e é seu.

Pré-visualização

Dispositivo da pré-visualização
A sua marcaNormalmente responde em até um dia

A sua marcaOlá 👋

O que o visitante envia ao tocar no botão

Iniciar conversa

Digite o seu número de WhatsApp para ver a pré-visualização

Como instalar o widget na sua plataforma

Escolha onde você vai colar. São dois minutos em qualquer uma das cinco.

WordPress

1. No painel do WordPress, vá em "Aparência" > "Editor de temas"
2. Selecione "footer.php" no menu lateral
3. Cole o script logo antes da tag </body>
4. Salve as alterações

Alternativa: use um plugin como o "Insert Headers and Footers" e cole o código no campo "Footer", sem editar arquivos.

Shopify

1. Acesse o painel de administração do Shopify
2. Navegue até "Configurações" > "Temas"
3. Clique em "Ações" > "Editar código"
4. No menu lateral, selecione "theme.liquid"
5. Cole o script logo antes da tag </body>
6. Salve as alterações

Wix

1. No Editor do Wix, clique em "Configurações" (⚙️) na barra superior
2. Selecione "Configurações avançadas" > "Código personalizado"
3. Clique em "+ Adicionar código" > "Injetar código"
4. Cole o script no campo de código
5. Em "Colocar código em", escolha "Body - fim"
6. Salve e publique o seu site

Webflow

1. Abra o seu projeto no Webflow
2. Vá em "Configurações do projeto" > "Código personalizado"
3. Em "Código do site" > "Footer code", cole o script
4. Publique o seu site para ver as alterações

HTML puro

1. Abra o arquivo da sua página, por exemplo index.html
2. Desça até o fim do documento e procure a tag </body>
3. Cole o script logo antes dessa tag
4. Suba o arquivo para o seu servidor

Se o seu site tiver várias páginas, repita o passo no modelo que todas compartilham.

Adicione o WhatsApp ao seu site em minutos

Como adicionar um botão do WhatsApp ao seu site

Adicionar um botão flutuante do WhatsApp ao seu site é simples: basta copiar e colar um pequeno script HTML antes do fechamento </body> da sua página. Este widget de chat aparece automaticamente em todas as suas páginas e permite que os seus visitantes escrevam para você direto no WhatsApp com um único clique.

Widget de chat flutuante do WhatsApp em HTML

O nosso widget flutuante do WhatsApp é feito com HTML, CSS e JavaScript puros, o que significa que funciona em qualquer plataforma: WordPress, Shopify, Wix, Webflow ou HTML estático. Não exige plugins nem configuração complicada: basta inserir o código e pronto.

WhatsApp: uma alternativa melhor que o chat ao vivo

Ao contrário dos chats ao vivo tradicionais, que somem quando o usuário sai do seu site, o WhatsApp mantém a conversa aberta. Isso significa que você pode continuar vendendo, respondendo perguntas ou enviando informações mesmo depois que o visitante deixa a sua página.

Plugin de chat para Shopify, WordPress, Wix e Webflow

O nosso widget do WhatsApp funciona como um plugin universal: compatível com Shopify, WordPress, Wix, Webflow e qualquer construtor de sites. Você não precisa instalar plugins extras nem se preocupar com compatibilidade: o código funciona em qualquer plataforma que permita inserir HTML personalizado.

Perguntas frequentes sobre o widget do WhatsApp

O que é o widget do WhatsApp?

É um balão flutuante que aparece no seu site e permite que os seus visitantes escrevam para você direto no WhatsApp com um único clique. Eles não precisam salvar o seu número nem preencher formulários: a conversa começa na hora.

Como instalo o widget no meu site?

Digite o seu número nesta mesma página, ajuste os textos e a cor e copie o código que aparece abaixo. Cole-o logo antes da tag de fechamento </body> do seu site e salve.

Depois de instalado, o balão aparece automaticamente em todas as suas páginas, sem nenhuma configuração extra.

É grátis? Preciso me cadastrar?

O gerador é grátis e não pede cadastro, e-mail nem cartão. O código é montado no seu navegador enquanto você digita, e você pode copiá-lo quantas vezes quiser.

Você também não precisa de uma conta da TBit para usá-lo: só de um número de WhatsApp ativo.

Posso instalar no site de um cliente?

Sim, é justamente para isso que ele foi pensado. Digite o número de WhatsApp do seu cliente, ajuste o nome da marca, a cor e os textos até a pré-visualização combinar com o site dele, copie o código e cole no modelo do site.

Você pode repetir isso com quantos clientes quiser: cada código é independente e não fica vinculado a nenhuma conta.

Posso personalizar o logo ou a mensagem de boas-vindas?

Sim. Você pode adicionar o logo da sua empresa para que ele apareça junto ao balão e definir a mensagem de boas-vindas que os seus visitantes vão ver, por exemplo:

"Olá! Quer mais informações sobre os nossos produtos?"

Assim você mantém a identidade visual da sua marca e oferece uma experiência coerente desde o primeiro contato.

Por que colocar um balão do WhatsApp no meu site?

Porque ele transforma visitantes em conversas reais.

As pessoas confiam mais no WhatsApp do que em formulários ou e-mails. Ao oferecer um canal direto, você aumenta as suas oportunidades de venda, responde mais rápido e cria uma comunicação mais próxima com os seus clientes.

Qual a diferença para um chat ao vivo tradicional?

Diferente de um chat ao vivo, que some quando o visitante sai da página, o WhatsApp mantém a conversa aberta mesmo depois.

Isso permite continuar o papo, enviar informações ou fechar uma venda sem perder o contato com o cliente.

O widget é seguro?

Sim. Toda a comunicação acontece direto dentro do WhatsApp, então as informações ficam protegidas pela criptografia da plataforma.

A TBit não armazena as suas mensagens nem as suas conversas. O código é gerado no seu navegador com os dados que você digita nesta página.

Funciona em qualquer site ou país?

Sim. O widget funciona em qualquer site que permita inserir código HTML e em todos os navegadores modernos. Você só precisa de uma conta ativa do WhatsApp, Business ou pessoal.