Como colocar botão do whatsapp no site?

Como essa:



Com um link como esse:

<a href="https://api.whatsapp.com/send?phone=CELULAR_DO_WHATSAPP&amp;text=Oi%2C%20encontrei%20o%20site%20na%20internet%2C%20gostaria%20de%20saber%20mais%20sobre" target="_blank">
                          
<img src="/imagens/whats.png">
                      
</a>

O link é para api do whatsapp. Nele são passados alguns parâmetros obrigatórios ou não.

O primeiro é o phone,  aqui é passado o telefone com whatsapp que irá receber a mensagem. Esse parâmetro é obrigatório.

Depois pode ser passado um texto padrão para o contato, passado no text. Neste exemplo é passado "Oi encontrei o site na internet gostaria de saber mais sobre".

Por último se usa uma tag a target com _blank para abrir a página do whatsapp em uma nova aba, sem tirar o cliente do site.
Seja bem vindo ao blog Espaço HTML

Com dicas que vão direto ao ponto sobre html

Desenvolvimento Web: Desvendando os Segredos da CSS, HTML e JS

Vamos desvendar juntos como essas linguagens fundamentais se combinam para criar não apenas estética visual, mas também uma presença online otimizada e impactante.

Cores para HTML: Desvendando o Universo das Cores em um Guia Completo para Design Visual e SEO Eficiente

Explore as infinitas possibilidades de design no HTML, desvendando os segredos das cores que cativam visitantes e elevam seu site nos rankings de busca.

Explorando o Universo da Codificação HTML: Caracteres Especiais, Entidades, Elementos, Números e Símbolos

Descubra o poder oculto por trás da codificação HTML: desde a elegância dos caracteres especiais até a versatilidade das entidades, elementos, números e símbolos.

Como dar espaço em html?

Desvende os truques do espaçamento em HTML e CSS com esta lista imperdível de 10 itens. A surpresa do número 6 vai redefinir suas noções de design web!

Exemplo de Aviso de Cookies Verificação de AdBlock