Prévia ao vivo
O código exato que você copia aparece em uma página de exemplo enquanto você edita.
Botão de conversa do WhatsApp grátis para sites
Gerador de widget do WhatsApp para seu site
Crie um botão flutuante do WhatsApp, veja-o ao vivo em uma página de exemplo e copie um pequeno trecho de HTML. Funciona em WordPress, Shopify, Wix, Squarespace, Webflow ou sites feitos à mão, sem plugin, sem script externo e sem rastrear seus visitantes.
Inclua o código do país. Espaços, hifens e um + no início são aceitos.
O visitante vê este texto no WhatsApp e pode editá-lo antes de enviar. Nada é enviado automaticamente.
Código de incorporação: cole antes de </body>
Digite um número de WhatsApp para gerar o código.
Grátis, sem cadastro. Gerado no seu navegador: nada do que você digita é enviado ao MyChatWrap.
O que é um widget do WhatsApp para site?
Um widget do WhatsApp é um botão fixo no canto do seu site que, ao ser clicado, abre uma conversa no WhatsApp com a sua empresa. Este gerador cria HTML e CSS puros: um link wa.me estilizado com um balão de boas-vindas opcional. Como nada é carregado de outro servidor, ele quase não pesa, não deixa o site lento e não exige banner de cookies.
Um botão de conversa leve e sob seu controle
Sem script e sem rastreamento
HTML e CSS puros, cerca de 1 KB, sem requisições a terceiros nem cookies.
Texto e cor do seu jeito
Use um texto como “Fale com a gente” ou um botão redondo só com ícone na cor da sua marca.
Balão de boas-vindas
Uma mensagem opcional acima do botão convida o visitante a conversar.
Pensado para celular
Pode virar só um ícone no celular para não cobrir o conteúdo.
Acessível por padrão
Estilos de foco para teclado e rótulo para leitores de tela já incluídos.
Como adicionar o WhatsApp ao seu site
1. Digite seu número
Informe seu número do WhatsApp ou WhatsApp Business com código do país.
2. Personalize o botão
Defina texto, saudação, cor, posição e mensagem pré-preenchida.
3. Cole o código
Copie o trecho e cole logo antes de </body> no seu site.
Onde colar o código
Cole o trecho uma única vez em um lugar carregado em todas as páginas:
- WordPress: um plugin de código para cabeçalho/rodapé, ou o footer.php do seu tema antes de </body>
- Shopify: Loja virtual → Temas → Editar código → theme.liquid, antes de </body>
- Wix: Configurações → Código personalizado → Final do body, em todas as páginas
- Squarespace: Configurações → Avançado → Injeção de código → Rodapé
- Webflow: Configurações do projeto → Custom code → Footer code
- Qualquer site HTML: logo antes da tag de fechamento </body>
Por que um widget em HTML puro?
A maioria dos plugins de chat carrega JavaScript do servidor de outra empresa a cada visita. Isso deixa a página mais pesada, pode instalar cookies de rastreamento e para de funcionar se o serviço mudar os planos. Este trecho é um link estilizado: se a sua página carrega, o botão funciona.
A desvantagem é que não há estatística de cliques embutida. Use uma mensagem pré-preenchida própria, como “Olá, vim pelo seu site”, para saber quais conversas vieram do widget.
Como fazer o botão converter
Diga o que vai acontecer (“Fale com a gente”, “Tire sua dúvida”) em vez de mostrar só um ícone, mantenha a saudação curta e humana e deixe uma mensagem pré-preenchida para ninguém encarar uma caixa vazia. No celular, um botão só com ícone não cobre fotos de produto nem botões de compra.
O que esta ferramenta faz
- Gera um botão flutuante do WhatsApp em HTML/CSS puro
- Mostra uma prévia ao vivo do trecho exato
- Permite texto, cor, saudação, posição e opções para celular
- Valida seu número antes de publicar
O que ela não faz
- Oferecer chat ao vivo, chatbots ou caixa de entrada compartilhada
- Contar cliques ou visitantes — não há rastreamento, de propósito
- Se instalar sozinha — você cola o trecho no seu site
Gerado com privacidade no seu navegador
Tudo nesta página é gerado no seu navegador. O número, a mensagem e as configurações que você digita não são enviados ao MyChatWrap nem armazenados em lugar nenhum. Só sai do seu aparelho o que você decidir copiar, baixar ou publicar.
Perguntas sobre o widget do WhatsApp
Outras ferramentas do WhatsApp
Gerador de link do WhatsApp
Crie um link wa.me para conversar com um clique, com mensagem pré-preenchida, pronto para copiar.
Gerador de QR code do WhatsApp
Crie um QR code do WhatsApp para conversar ao escanear, com cores próprias, em PNG ou SVG pronto para impressão.
Modelos de mensagem do WhatsApp
Preencha mensagens prontas de WhatsApp Business para pedidos, lembretes, ofertas e mais.
WhatsApp to PDF
Precisa de todas as mensagens? Crie um PDF com a transcrição cronológica completa.
Já conversa com clientes pelo WhatsApp?
Exporte uma conversa com clientes ou com a equipe e veja tempos de resposta, horários de pico, quem inicia as conversas e mais, analisados de forma privada no seu navegador.
Analisar uma conversa do WhatsApp