Botão de WhatsApp para site

Cole o código logo antes de </body> em todas as páginas. Se as páginas usam um rodapé em comum, basta colar nele.

O jeito mais simples é o plugin gratuito WPCode: instale em Plugins > Adicionar plugin, depois abra Snippets de código > Cabeçalho e rodapé, cole o código no campo do rodapé e clique em Salvar alterações. Com Elementor Pro, use Elementor > Código personalizado, no fim do <body> e com a condição Todo o site. No WordPress.com, colar código exige um plano pago.

Em Configurações > Desenvolvimento e integrações > Código personalizado, clique em + Adicionar código personalizado, cole o código, escolha Todas as páginas e Corpo – fim e clique em Aplicar. O Wix só roda código em sites publicados com domínio próprio conectado, o que exige um plano Premium.

Em Loja virtual > Temas, abra o menu … do tema e escolha Editar código. Abra layout/theme.liquid, cole o código logo antes de </body> e clique em Salvar. Temas pagos só podem ser editados depois de comprados, e atualizar o tema desfaz a mudança.

A Nuvemshop tem botão próprio: no menu lateral, abra WhatsApp e ative Botão na loja, ou clique em Adicionar botão e informe o número. Ele só aceita números do Brasil. Colar código na loja exige o Google Tag Manager, que não está no plano Começo, então prefira o botão da Nuvemshop.

Instale o aplicativo Botão flutuante WhatsApp em Soluções > Aplicativos e informe o número com DDD. Para usar este código, vá em Visual > Incluir código HTML > Modo avançado, escolha Código no rodapé e Todas as páginas exceto checkout. As duas opções são dos planos pagos.

O criador de sites da Hostinger tem botão próprio: nas configurações de integrações, preencha o campo WhatsApp com o número (só dígitos, com o código do país) e uma mensagem, salve e atualize o site.

Não dá para ter um botão flutuante: o Google Sites não tem onde colar código em todas as páginas, e o código incorporado fica preso no bloco em que foi inserido. Clique em “Copiar link” abaixo e coloque o link num botão ou texto da página. O link leva seu número e sua mensagem; só o código do site consegue incluir a página do visitante.

Copiar linkGerador de link do WhatsApp →

Abra a página publicada, não o editor, no celular e no computador. Clique no botão, confira o número e a mensagem e veja se ele não cobre o aviso de cookies ou outro botão.

É grátis, sem cadastro e sem marca d’água. O número e a mensagem ficam no seu navegador e nunca vão para o WAWin.

Não. Ele não usa cookies, não envia dados dos visitantes para ninguém e não carrega arquivos de fora, a não ser o logo que você colocar na janela de chat. Com o balão, um script curto mostra o balão depois de 3 segundos e, se o visitante fechar, não mostra de novo até ele fechar a aba.

O balão é uma frase ao lado do botão que aparece depois de 3 segundos; ao clicar, o WhatsApp abre. A janela de chat funciona como um widget de chat: abre quando o visitante clica no botão e mostra seu nome, seu logo e a saudação, com um botão para iniciar a conversa. Nos dois casos, a conversa acontece no WhatsApp.

No celular, o WhatsApp abre com a mensagem pronta e o visitante só toca em enviar. No computador, abre uma página do WhatsApp para continuar no WhatsApp Web ou no aplicativo.

Gere o botão de novo aqui e troque o código antigo pelo novo. O código não depende do WAWin: o botão continua funcionando mesmo que esta página saia do ar.

Se o site usa o Google Analytics 4 com a medição otimizada ligada, os cliques no botão já aparecem como cliques de saída para wa.me. Não é preciso mudar o código. Um clique registra a tentativa de abrir o WhatsApp; não confirma que a conversa abriu nem que a mensagem foi enviada.

Aumente a margem inferior para subir o botão ou mude a posição para o outro lado.