<link rel="stylesheet" href="meu-arquivo-css.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/v4-shims.css">
<a href="https://chat.whatsapp.com/Gq1cxEdQSXZJlIuvYWNvTe" style="position:fixed;width:40px;height:40px;bottom:95px;right:45px;background-color:#32CD32;color:#FFFFFF;border-radius:30px;text-align:center;font-size:25px;box-shadow: 1px 1px 2px #888; z-index:1000;" target="_blank"><i style="margin-top: 9px" class="fa fa-whatsapp"></i></a>Faça as seguintes mudanças
1. Exemplo: mude esta URL que você vê no código pelo do seu grupo do WhatsApp: https://chat.whatsapp.com/Gq1cxEdQSXZJlIuvYWNvTe
2. Agora se você que colocar apenasseu telefone, coloque a URL junto com seu telefone: https://wa.me/55 DDD e número de telefone.
Onde colocar? Coloque o código antes ou depois das tags <head> </head> no cabeçalho de seu site.
Notação importante: nesse código não há necessidade de colocar imagem. Ele é feito só de HTML. Veja que ele está funcionando em nosso site do lado direito, e configurado para ficar acima do botão do topo. Veja que ele fica posicionado no lado direito do site. Mas se você quiser mudar o botão para o lado esquerdo do site, é só trocar esta tag “right” por esta tag “left”, que vai direto para o lado esquerdo do segue site.
Além disso, este código não precisa de imagem, e poder mudar o botão de cor, tamanho e subir ou descer ele para o rodapé ou afastar ou aproximar ele da lateral.
