Keeper Widget

Assitente de IA flutuante para seu site

Clique no ícone flutuante no canto inferior direito para testar →

⭐ Demo Ativa

Este é um exemplo de como o Keeper funciona integrado ao seu site. O widget flutuante é visível no canto inferior direito.

Clique para abrir e testar o chat!

🚀 Como Integrar no Seu Site

1. Copie a pasta `chatbot/` para seu projeto

2. Configure credenciais em `chatbot/api/config.php`

3. Adicione ao seu HTML:

<!-- No <head> -->

<link rel="stylesheet" href="./chatbot/styles.css">



<!-- No final do <body> -->

<script src="./chatbot/config.js"></script>

<script src="./chatbot/chat.js"></script>

<script src="./chatbot/orb.js"></script>

<script src="./chatbot/form.js"></script>

<script src="./chatbot/widget.js"></script>



<script>

  window.KeeperWidget.init({

    containerId: 'keeper-widget-container',

    position: 'bottom-right'

  });

</script>

✨ Orbe Animado

Visual atraente com olhos animados que seguem o mouse

💬 Chat Inteligente

Respostas baseadas em IA (Groq) com base em conhecimento editável

📱 Responsivo

Funciona perfeitamente em desktop, tablet e mobile

⚙️ Modular

Fácil copiar para outro projeto, configurar e usar

🎯 Customização

Editar respostas do Keeper: Abra `chatbot/docs/faq.md`

Mudar WhatsApp/contato: Edite `chatbot/config.js`

Ajustar cores/estilos: Edite `chatbot/styles.css`

Usar em outro projeto: Copie a pasta `chatbot/` e pronto!

📚 Arquivos Importantes

config.js — Configuração (WhatsApp, prompt, saudações)
chat.js — Lógica de chat e parser
orb.js — Animação do orbe
form.js — Validação e formulários
widget.js — Widget flutuante (NOVO!)
styles.css — Todos os estilos
docs/faq.md — Base de conhecimento (EDITE AQUI!)
api/keeper.php — Backend que chama Groq

🔐 Segurança

Arquivo `api/config.php` contém credenciais e é ignorado pelo Git. Configure localmente com suas chaves Groq.

📖 Documentação Completa

Veja `README.md` para documentação detalhada e exemplos de integração.

Keeper Widget v1.0.0

Clique no ícone no canto inferior direito para testar!