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

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


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 um botão WhatsApp no seu site ou blog, para aumentar a visibilidade de sua empresa. Como colocar um botão 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, através de um botão no seu site ou blog, sirva-se deste protocolo: whatsapp:// digitando depois do WhatsApp\\send?text=Siga-nos no http: //....., no atributo href de um hyperlink. Poderia ser assim:whatsapp://send?text=Siga-nos no: http: //xxxxxxxxxx.com.br. Lembre-se que os espaços ou caracteres especiais não são suportados neste protocolo. 

Você pode, também e se desejar, ocultar o endereço do seu site, adicionando a baliza %20%depois de Text= e antes e depois de todas as palavras do protocolo (nome do seu site), tudo colado e 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/endereço web de seu sitehttp://www.xxxxxxxxxxxxx.com.br/js/whatsapp-button.js, logo abaixo do encerramento da tag /body

Agora, 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 WhatsAppserá exibido na sua página.
Postar um comentário

Postagens mais visitadas deste blog

Colecionando problemas: Google Pixel tem falha na função toque duplo para despertar

Microsoft patenteia leitor de digital e gestos como o do Google Pixel

BlackBerry deixa de fabricar smartphones e licencia marca para chinesa