Fiz o passo a passo para colocar o icone flutuante do whatsapp, mas não deu certo. Ele aparece, porem fica fixo, encostado na parte inferior da pagina. Só vejo quando chego no fim dela. Ele não rola com a pagina, e não tem o distanciamento que coloquei. Como resolver?
Olá, mande o link da sua loja a beep irá te ajudar
www.ittemdecor.com.br
Prontinho, junto com o código do WhatsApp coloque isso na última linha do código
<style>
.whatsapp.fixo {position:fixed; bottom:0;top:auto;}
</style>
Da um beep pra gente se resolveu 
Muito obrigada!! Deu certo, agora ele rola de acordo com a página. Só não consigo mudar ele de lado, kkkkk. 
Mesmo escrevendo la a posição.
Maravilha, da um beep pra gente, como você gostaria que ficasse, no lado direito ?
Siiim, e com distanciamento. Coloquei assim:
/* WHATSAPP FIXO */
.whatsapp-fixo {
position: fixed;
bottom: 10px;
right: 10px;
z-index: 999;
Entendi, vou te ajudar, saber aquele codigo que mandei acima, apaga ele e adiciona esse:
<style>
.whatsapp.fixo {
position: fixed;
bottom: 10px;
left: auto !important;
right: 10px !important;
z-index: 999;
}
</style>
Da um beep pra gente se resolveu
Deuu certoo!! Muito Obrigada!! 
1 curtida
Maravilha, a Beep fica muito feliz 
1 curtida
Fala, pessoal!
Que bom que todo mundo conseguiu implementar o código e deu certo. Eu criei um tutorial em vídeo pra adicionar o botão flutuante do Whatsapp:
Tutorial em vídeo:
Eu ensino um passo a passo bem simples, que dá base pra fazer outras modificações. Este é o primeiro vídeo do canal, então se puder dar uma força lá eu fico feliz 
Se precisarem de alguma coisa estou a disposição!
Douglas Medina
Especialista em e-commerce
Whatsapp 
Criação de lojas
Instagram @_douglasmedina
Conteúdo douglasmedina.com
Curso Online Personaliza LI