Para adicionar um link flutuante do whatsapp é bem simples, para isso tenha como base o código abaixo:

<style>
.whatsapp {
    position: fixed;
    top: 82%;
    left: 1%;
    padding: 10px;
    z-index: 10000000;
}
</style>
<div>
    <a href="https://api.whatsapp.com/send?phone=55###########" 
       target="_blank">
       <img  class="whatsapp" src="https://images.tcdn.com.br/static_inst/integracao/imagens/whatsapp.png" />
    </a>
</div>

No parametro `phone`, altere para o numero de whatsapp que deseja direcionar a mensagem, esse numero deve possuir a seguinte ordem:

phone=5511222222222

1. Código do Pais (No exemplo 55 - Brasil)
2. Código de Área (No exemplo 11)
3. Numero do Whatsapp (No exemplo 2 - Sem nenhum tipo de separador)

Adicionando na loja

Após alterado o script acima, basta inseri-lo através do painel da plataforma através do menu Minha Loja >> Integrações em "Atendimento online".

Após inserir o código, salve as alterações e aguarde alguns instantes, onde será exibido na loja o link.

Taynara Sene

24 de janeiro de 2022 15:49