WhatsFloat.js

Facilitando a interação dos seus usuários com o WhatsApp diretamente do seu site. O WhatsFloat.js adiciona um ícone flutuante do WhatsApp na sua página web, permitindo que os visitantes iniciem uma conversa com você com apenas um clique.

📝 Como usar

Inclua o script whatsfloat.js na sua página logo antes do fechamento da tag </body> e inicialize-o com as configurações desejadas:

<!-- WhatsFloat.js - https://whatsfloat-js.rocket.srv.br -->

<script src="https://whatsfloat-js.rocket.srv.br/whatsfloat.js"></script>

<script>
  initWhatsAppIcon({
    phoneNumber: "+5511900001111",
  });
</script>

Experimente o WhatsFloat.js ao vivo! Acesse este exemplo interativo para ver como ele funciona.

⚙️ Configurações

• phoneNumber: Seu número de WhatsApp incluindo o código do país e sem espaços ou símbolos.

• message: Uma mensagem pra ser pré-preenchida no WhatsApp do usuário.

• style: Opção de estilo do ícone de Call To Action. (veja opções abaixo)

• position: Posição do ícone na tela (1: superior esquerdo, 2: superior direito, 3: inferior esquerdo, 4: inferior direito)

• zIndex : z-index para o ícone flutuante

• marginLeft : Margem esquerda

• marginRight : Margem direita

• marginTop : Margem superior

• marginBottom : Margem inferior

💡 Dica: A configuração phoneNumber é a única obrigatória. Todas as outras são opcionais para personalizar ainda mais a sua experiência.

Estilos de CTA

Ícone	Valor	Decrição
	01	Estilo padrão
	02	Estilo quadrado
	03	Estilo somente com o ícone verde
	04	Estilo do ícone verde com contorno branco
	05	Estilo com o ícone em preto
	06	Estilo com o ícone em branco

💰 Mantenedora

Este projeto é orgulhosamente mantido pela Rocket Produtora Digital.

🤝 Contribuições

Nossa liga de super coders está sempre pronta para a ação! 💥

• @tihhgoncalves 🚀 (O Mestre Jedi dos códigos)
• @Lucasfog 🌌 (O Guardião do Repositório)

Contribuições são sempre bem-vindas! Sinta-se à vontade para contribuir com melhorias no código, documentação ou funcionalidades.

🧠 Autor

Este é um projeto de Tihh Gonçalves, fundador da Rocket Produtora Digital.

🛠️ Suporte

Para relatar bugs ou solicitar novas funcionalidades, por favor, abra uma issue no GitHub. Sua contribuição é muito apreciada!

🚀 Releases

Acompanhe as atualizações e melhorias do WhatsFloat.js.

💡 Dica: Para ver a lista completa de mudanças, visite a página de releases.

1.2.0

Novidade

• Implementado várias opções de estilos de ícones de CTA.

1.1.0

Novidade

• É possível configurar uma mensagem pra ser pré-preenchida quando a pessoa clica no ícone do WhatsApp.

1.0.0

Lançamento

• Lançamento inicial do WhatsFloat.js.

• Funcionalidade básica de adicionar um ícone flutuante do WhatsApp em páginas web.