Como adicionar o botão do WhatsApp no seu site ou blog

Agosto 2017


O WhatsApp ocupa um lugar importante na estratégia de marketing das empresas, esse é um fato incontestável. Então, não é de se estranhar que, como aconteceu com outros programas similares, seja possível inserir o botão do WhatsApp no seu site ou blog, para aumentar a visibilidade da empresa. Como colocar o botão do WhatsApp, para que seus visitantes possam compartilhar conteúdos, no seu site ou blog?

Primeiro método

Se você quiser compartilhar as atividades do WhatsApp de sua empresa, por meio do botão no seu site ou blog, sirva-se do protocolo whatsapp:// digitando depois do
WhatsApp\\send?text=Siga-nos no http: //.....
, no atributo href de um hyperlink. O que daria
whatsapp://send?text=Siga-nos no: http: //xxxxxxxxxx.com.br
. Lembre-se de que os espaços ou caracteres especiais não são suportados neste protocolo.

Você também pode, se quiser, ocultar o endereço do seu site, adicionando a baliza %20% depois do Text= e antes e depois de todas as palavras do protocolo (nome do seu site), tudo junto, sem espaços:
whatsapp://send?text=siga-nos no%20%: http:\\...
, e assim por diante.

Segundo método

Baixe o arquivo Zip, abra a pasta Dist e baixe o arquivo whatsapp-button.js no seu servidor:



Entre na página HTM de seu site e coloque o código

substituindo "seusite" pelo nome e/ou endereço web do site
http://www.xxxxxxxxxxxxx.com.br/js/whatsapp-button.js
, logo abaixo do encerramento da tag /body.

Em seguida, escolha a posição onde deve figurar o botão do WhatsApp na sua página e insira o seguinte código:


Desta forma, o URL da página será sempre compartilhado e o botão Encontre-nos no WhatsApp aparecerá na sua página.

Fonte: Criar o botão de compartilhamento do WhatsApp e Como colocar o botão do WhatsApp no seu site

Foto: © Pixabay.

Veja também

Publicado por ninha25. Última modificação: 29 de julho de 2016 às 09:26 por pintuda.
Este documento, intitulado 'Como adicionar o botão do WhatsApp no seu site ou blog', está disponível sob a licença Creative Commons. Você pode copiar e/ou modificar o conteúdo desta página com base nas condições estipuladas pela licença. Não se esqueça de creditar o CCM (br.ccm.net) ao utilizar este artigo.