Gerador de botão para WhatsApp: coloque em seu site em 2 min

Coloque um botão com link de WhatsApp no seu site em 2 min: gere o botão agora e cole o código

Publicado em 11/10/2018

1 Número de Whatsapp
? Coloque o número com o código de país (55 para o Brasil) e código de área.
Exemplo: +55(41)99526-6655
2 Mensagem
?A mensagem que você quer que seja escrita automaticamente (deixe em branco para nada)
3Animação
? Você quer que o botão seja animado?
4Código:

Preview
⬇️

Como usar:

É muito simples: você só precisa colar o código em seu site, em algum lugar que te permita colocar HTML/CSS personalizado.

O ideal é incorporar o CSS com o já existente na sua página, mas não é essencial.


Se você gostou deste texto, deve estar interessado nos tópicos que escrevo (e leio) sobre.

Eu compartilho toda segunda feira um texto novo, junto de artigos e livros interessantes.

Experimente e veja se gosta:


Como funciona?

É só um CSS simples usando media queries para exibir dois links diferentes: um que abre o WhatsApp web, em telas maiores, e um que usa a API do WhatsApp, para celulares.

Wordpress:

Eu vou fazer um plugin para colocar automaticamente muito em breve (creio que em uma ou duas semanas.)

Por agora, você pode colar o código no rodapé do seu site:

Aparência > Editor

Editor de Aparência

Ir até o arquivo footer.php e colar no começo do arquivo.

Não altere nada além disso no arquivo. Não delete nem substitua nada se você não souber o que está fazendo.

Editando footer Wordpress

Não se esqueça de atualizar o arquivo.