Principal Marketing Link Flutuante de Whatsapp

Link Flutuante de Whatsapp

Última atualização em May 24, 2026

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.pro/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)

Passo a passo

Acesse o menu Aplicativos e em seguida clique em Códigos HTML.

Clique no botão Adicionar código para adicionar novo código HTML.

Na tela seguinte, realize os seguintes passos.

  1. Cadastre um Nome para este código (pra você lembrar futuramente).

  2. Deixe escolhido Rodapé para o local da publicação.

  3. Deixe selecionado Todas as páginas.

  4. Cole o código que você obteve no início dessa página.

  5. Substitua o trecho pelo seu número de Whatsapp.

Pequeno video guia