whatsapp na loja integrada

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.

image
Tela do Gerenciador de Arquivos.

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.

image 1
Página para adicionar código HTML.

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)

Whatsapp flutuante

Compartilhar é se importar:

Restou alguma dúvida?

Não deixe de perguntar, sua dúvida pode ser de mais alguém!
Deixe sua dúvida nos comentários da postagem abaixo ou acesse nossa comunidade do Facebook, lá você pode tirar todas as suas dúvidas relacionada a plataforma Loja Integrada!
No grupo estão mais de 200 lojistas, ajudando uns aos outros.

Deixe um comentário

O seu endereço de e-mail não será publicado.