Ícone do WhatsApp na Loja Virtual B2B

O botão verde do WhatsApp fica fixo em todas as páginas da loja. O clique abre uma conversa no número da empresa.

Como o botão aparece

O botão fica no canto da tela e acompanha a rolagem. Em qualquer página, o cliente clica e o WhatsApp abre já no número cadastrado.

Como configurar

Abra Configurações da Loja Virtual B2B, aba 02 - Layout. Cole o HTML no campo HTML da Loja B2B.

Se o campo já tiver outro HTML, mantenha o que está e acrescente o trecho do WhatsApp. Apagar o restante tira outras personalizações da loja.

Troque NUMERO_WHATSAPP pelo número com DDI e DDD, sem espaços, sem traço e sem o sinal de mais. Exemplo: 5551999999999.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<a href="https://api.whatsapp.com/send?phone=NUMERO_WHATSAPP" class="float" title="Fale com o nosso atendimento" target="_blank">
  <i class="fa fa-whatsapp my-float"></i>
</a>
<style>
  .float {
    position: fixed;
    width: 45px;
    height: 45px;
    bottom: 140px;
    right: 14px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 25px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
  }
  .my-float {
    margin-top: 10px;
  }
</style>

O texto “Fale com o nosso atendimento” aparece quando o mouse para em cima do botão.