Link Flutuante de Whatsapp

Código

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

<style>
.whatsapp {
    position: fixed;
    top: 82%;
    right: 1%;
    padding: 10px;
    z-index: 10000000;
}
</style>
<div>
    <a href="https://api.whatsapp.com/send?phone=55###########" 
       target="_blank">
       <img  class="whatsapp" src="https://assets.boxloja.io/shop/img/whatsapp.png" />
    </a>
</div>

No parâmetro `phone`, altere para o numero de Whatsapp que deseja direcionar a mensagem, esse numero deve possuir a seguinte ordem:

phone=5511222222222
  • Código do País (No exemplo 55 - Brasil)
  • Código de Área (No exemplo 11)
  • Número do Whatsapp (No exemplo 22222222 - sem nenhum tipo de separador)

Adicionando na loja

Para instalar um link Flutuante de Whatsapp em sua loja, você precisa primeiro instalar o aplicativo Código HTML.

Clique no menu " Aplicativos".

Em seguida instale o aplicativo "Códigos HTML".

Após a instalação ser realizada, você poderá realizar o cadastro do código desejado através do botão " Adicionar código".

Passo a passo:

  1. Descrição: Whatsapp
  2. Local da publicação: Rodapé
  3. Página da publicação: Todas as Páginas
  4. Tipo de código: HTML
  5. Código: cole o código que você ajustou anteriormente, configurado para o seu número de Whatsapp

Prontinho, o código será carregado no rodapé da sua loja!

Este artigo ajudou você? Obrigado! Ops, tivemos um problema ao salvar sua resposta. Por gentileza tente novamente mais tarde.