Uma biblioteca leve, moderna e sem dependências para aumentar suas conversões conectando seus visitantes diretamente ao WhatsApp.
Basta adicionar uma única linha de código e o arquivo CSS. Funciona em qualquer framework ou HTML puro.
Projetado para funcionar perfeitamente em dispositivos móveis e desktops, com animações suaves.
Defina o número de telefone, mensagem padrão e posição através de atributos data- simples.
Antes de de fechar o HEAD do seu site, adicione:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/whatsapp-floating-widget@latest/widget.css">
Antes de fechar o BODY do seu site, adicione:
<script src="https://cdn.jsdelivr.net/npm/whatsapp-floating-widget@latest/widget.js"
data-phone="553340420000"
data-message="Olá, gostaria de saber mais!"
data-position="right">
</script>
Troque os valores dos campos data-phone="", data-message="" e data-position="" para os valores desejados. O número do telefone não pode conter parêntesis, traços ou espaços e deve iniciar com código internacional do país (ex. 55 para Brasil) e a posição pode ser right para posicionar o botão à direita ou left para a esquerda.
* Veja o arquivo README.md no repositório para todas as opções de configuração.