Preencha os campos, copie o HTML e cole antes do fechamento do body. Nada de plugin nem script externo.
Os campos abaixo mudam o código na hora. A prévia mostra exatamente o HTML que vai para o seu site — é a mesma string que está na caixa de código.
Prévia — é este HTML que você vai colar
Preencha o número acima para ver o botão e liberar o código.
Digite o seu número com DDI e DDD, apenas números. Sem ele não há link para copiar.
O fundo sai em verde escuro de propósito: é sobre ele que o texto branco do botão continua legível para quem lê com dificuldade — sobre o verde claro do WhatsApp o mesmo branco quase desaparece. Se preferir o verde claro, troque o valor de background no trecho copiado. O código é montado dentro do seu navegador. O botão colado no seu site aponta direto para o endereço do WhatsApp: ele não passa pelo MeuZap e não envia dado nenhum para nós.
A maioria dos geradores de botão entrega um <script> que aponta para o servidor de outra empresa. Funciona no dia da instalação e depende de terceiro em todos os outros: se o serviço mudar de plano, sair do ar ou passar a carregar rastreador, o seu site muda junto — e você costuma descobrir pelo cliente.
O código desta página é o oposto disso: um único elemento de link, com o estilo dentro do próprio atributo e o ícone desenhado em SVG embutido. Nenhuma requisição extra, nenhum arquivo para hospedar, nenhuma dependência para quebrar. Você cola e ele aparece. Se depois quiser mudar cor, lado ou distância do canto, o valor está ali, no mesmo trecho que você colou.
Em site próprio, cole logo antes do fechamento do body no template — assim o botão aparece em todas as páginas de uma vez. No WordPress, o caminho usual é o campo de HTML do rodapé no tema ou um plugin de inserção de código. Em construtores como Wix, Squarespace e Webflow, procure o bloco chamado HTML embutido, código personalizado ou embed.
Um script externo é uma requisição a mais no carregamento, um domínio a mais para o navegador resolver e um fornecedor a mais que pode mudar de política sem avisar. HTML com estilo no próprio elemento não faz requisição nenhuma: ele já chegou dentro do arquivo que o navegador acabou de baixar.
Ele abre a conversa, e nada além disso. Não é um chat dentro do site, não guarda histórico e não conta quantas pessoas clicaram. Se você precisa dessa contagem, aponte o botão para um link curto que você mede em vez do endereço cru — é a diferença entre saber e supor de onde vêm as conversas.
Cor: o valor de background. Lado: a palavra right ou left no começo do estilo. Distância do canto: os dois valores de 18px. Tamanho do ícone: a largura e a altura do SVG. Camada: o valor de z-index, que sai em 9999 — como o botão é fixo na tela, ele pode acabar por cima de outros elementos fixos do seu site, como banner de cookie, janela modal ou barra de compra; nesse caso reduza o z-index ou aumente o valor de bottom.
Não. O que você copia é HTML puro, com o estilo dentro do próprio elemento e o ícone em SVG embutido. Não há arquivo para subir, script para carregar nem conta para criar. Qualquer lugar do seu site que aceite HTML aceita esse trecho.
Sim, desde que você consiga inserir HTML em algum lugar. Os caminhos comuns são o campo de código do rodapé no tema, um plugin de inserção de código ou um bloco de HTML personalizado dentro do editor. O trecho colado é o mesmo nos três casos.
Dá, no próprio código que você colou, sem voltar aqui. O lado é a palavra right ou left no começo do estilo; a cor é o valor de background; a distância do canto são os dois valores de 18px.
Não. O trecho gerado aponta direto para o endereço do WhatsApp com o seu número. Não existe chamada para o nosso servidor nem quando a página do seu site carrega, nem quando o visitante toca no botão. A montagem do código também acontece dentro do seu navegador.
Sim, esse é o comportamento do próprio endereço: no celular ele tenta abrir o aplicativo instalado e no computador cai no WhatsApp Web. Quem não estiver conectado ali verá a tela de leitura do QR Code antes de chegar na conversa.
Pode, é o campo de mensagem desta página. O texto entra no endereço e aparece digitado na caixa do visitante, que ainda precisa apertar enviar. Nenhuma mensagem é disparada no lugar dele.
Veja também: o gerador de link na página inicial, mensagens prontas para WhatsApp, link do WhatsApp por segmento, como criar um link do WhatsApp e como gerar o QR Code.
Quem toca no botão não vê o endereço, mas quem chega pela bio, pelo cartão ou pelo balcão vê. Crie um link curto com o nome do seu negócio e use o mesmo destino nos dois lugares.
Criar meu link grátisNão requer cadastro nem cartão