Como adicionar um botão de WhatsApp ao seu site ou blog

Fiz esse código simples abaixo para adicionar um botão de WhatsApp fixo em qualquer página. O script não depende de nenhuma biblioteca externa e é facilmente configurável.

O código adiciona uma div, que contém um link de uma imagem, neste caso, o logo do WhatsApp. Após adicionar esses elementos, ele executa insertCss, que recebe como parâmetro o CSS do botão. Por final, executa-se a função adicionaWhats, que chama o código acima, e recebe como parâmetro o número, e opcionalmente uma mensagem pré-definida.

Devido à simplicidade do código, ele fica de fácil customização e é facilmente integrado a qualquer website, podendo ser customizado para executar outras funções, como Facebook Messenger, ou e-mail.

Abaixo pode-se ver um exemplo dele em funcionamento, tenho o html apenas uma estrutura básica para demonstração, sendo desnecessária a edição do html em qualquer página em que o script for ser utilizado.

Representando fielmente a minha posição enquanto escrevia este post, a foto é de:

unsplash-logoAnnie Spratt

Comments

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

pt_BRPortuguês do Brasil