Link HTML simples
- Entrada
- wa.me/5511912345678, texto "Fale conosco"
- Saída esperada
- <a href="https://wa.me/5511912345678" target="_blank" rel="noopener noreferrer">Fale conosco</a>
Sem estilo: herda a aparência dos links do seu site.
botão de WhatsApp para site HTML
Um botão de WhatsApp é só um link comum estilizado. Não precisa de plugin nem de script: basta um a com o endereço wa.me. O gerador abaixo cria o link com o seu número e a sua mensagem e entrega o HTML em três versões, mais Markdown e JavaScript.
Sem estilo: herda a aparência dos links do seu site.
O & vira & dentro do atributo href para o HTML ficar válido.
Útil para disparar o link a partir de um evento, como o clique em um botão de formulário.
Monte https://wa.me/ mais o número com DDI e DDD, depois ?text= e a mensagem codificada para URL. Aqui você digita o número e o texto e o link sai pronto, com quebras de linha, acentos e emojis já codificados. Quem clicar abre a conversa com a mensagem escrita, faltando só tocar em enviar.
Não. Um link com o endereço wa.me já faz o trabalho. Plugins acrescentam widgets, horários e relatórios, mas o botão em si é HTML puro e carrega mais rápido sem script de terceiros.
Use o bloco de HTML personalizado (ou o código embutido) da sua plataforma e cole o código gerado. O botão flutuante pode ir no rodapé do tema ou em um bloco global, para aparecer em todas as páginas.
Sim. No computador, o link abre o WhatsApp Web ou o aplicativo para desktop, com a mensagem preenchida. Teste nos dois ambientes antes de publicar.
Informe o número com DDD (ou deixe em branco e escreva só a mensagem para criar um link de compartilhamento, que abre a lista de contatos). O link aparece aqui, pronto para copiar, testar e virar QR Code.
Os links que você copiar ou testar aparecem aqui.
Tudo acontece no seu navegador: números, mensagens e listas nunca saem do seu dispositivo, e não guardamos nada em servidor. O histórico opcional fica só no armazenamento local.