como adicionar um botão Flutuante do whatsApp na loja integrada (Plano Gratuito)

Para instalar um botão flutuante do WhatsApp na Loja Integrada siga o passo a passo a seguir.

Baixe o Ícone do WhatsApp

Antes de tudo é preciso baixar o ícone do WhatsApp que será usado no botão flutuante.

Subir o ícone no painel da loja integrada

Acesse o gerenciador de arquivos no Painel da Loja Integrada.

Após subir a imagem do ícone do WhatsApp a loja integrada vai criar uma url para o ícone. Copie esse endereço!

Vai ser algo parecido com isso… https://cdn.awsli.com.br/0000/1861669/arquivos/whatsapp-icon-lt.png

Ajuste o código com a url gerada

<div class="whatsapp-chat">
    <a href="https://api.whatsapp.com/send?phone=5521999999999&text=Ol%C3%A1" rel="nofollow" target="_BLANK">
        <img src="https://cdn.awsli.com.br/00/0000/arquivos/whatsapp-icon-lt.png" title="Contato via Whatsapp" >
    </a>
</div>
<style>
  .whatsapp-chat {
      position: fixed;
      z-index: 999;
      bottom: 20px;
      right: 20px;
  }
  .whatsapp-chat img {
      height: 60px;
      width: auto;
  }
</style>

Você vai precisar ajudar o Telefone e a url da imagem no código, com os seus dados. Os dois estão em negrito para facilitar.

Adicione o código no painel da loja integrada

No painel acesse a página para incluir código HTML na Loja Integrada.

Preencha uma descrição e deixe os campos como estão. Em conteúdo adiciona o código que você ajustou anteriormente e clique em “Criar código”.

Pronto, seu botão flutuante do WhatsApp deve estar funcionando!

Veja o resultado final (exemplo)

Conteúdo criado por…

Pedro Licio

Analista de Sistemas, pós-graduado pela PUC-RJ, expert prata oficial em produtos do Google Ads (Product Expert desde 2021 ), trabalha com E-commerces desde 2014, é ex lojista Top Seller da LI, vendeu sua loja e através de sua experiência como empreendedor digital, presta consultoria a lojistas dos mais diversos segmentos.

Compartilhar é se importar: