Un script y aparece el chat
Pega esta línea antes de </body> en tu web. Sin plugins ni cambios en el servidor.
Copia y publica
<script src="https://www.dragonsac.com/static/js/widget.js" data-assistant-uuid="TU-UUID-DEL-ASISTENTE" > </script>
Sustituye TU-UUID-DEL-ASISTENTE por el UUID que ves en el panel (Asistentes → Configurar).
También puedes usar data-project-uuid si prefieres el UUID del proyecto.
- Aparece una burbuja en la esquina; el visitante chatea sin salir de tu dominio.
- Mismo corpus y respuestas que configuras en el panel.
- Funciona en web pública, tienda o intranet (según dónde pegues el script).
No solo en la web
El mismo asistente puede atender por otros canales, con la misma base documental. Lo activas en el panel del asistente.
POST https://www.dragonsac.com/api/integrate/ask con clave de integración para tu app o ERP.
Burbuja con opciones (posición, título…)
Atributos opcionales en el mismo script. El mínimo de arriba sigue siendo válido.
<script src="https://www.dragonsac.com/static/js/widget.js" data-assistant-uuid="TU-UUID" data-position="bottom-right" data-title="¿Te ayudamos?" > </script>
| Atributo | Valores habituales |
|---|---|
data-position | bottom-right, bottom-left, top-right, top-left |
data-open | true — abrir el panel al cargar |
data-width | 380px, 100% |
Chat embebido en un bloque de la página
Copia la experiencia completa de /chat dentro de un contenedor.
<div id="mi-chat"></div> <script src="https://www.dragonsac.com/static/js/widget-fullscreen.js" data-assistant-uuid="TU-UUID" data-mode="fullscreen" data-container="#mi-chat" > </script>
Enlace directo o iframe (sin script)
Página de chat a pantalla completa:
https://www.dragonsac.com/chat/TU-UUID
Iframe:
<iframe src="https://www.dragonsac.com/chat/TU-UUID" title="Asistente" style="border:0;width:100%;min-height:600px"></iframe>
API para integradores (servicio web)
Para conectar tu CRM, portal B2B o app móvil. Genera una clave en el panel (Asistentes → API integración).
POST https://www.dragonsac.com/api/integrate/ask
Header: X-Dragonsac-Api-Key: tu-clave
Body JSON: { "question": "…", "assistant_uuid": "…" }
Probador: https://www.dragonsac.com/integrate-demo
Accesibilidad (WCAG 2.1 AA)
El widget y el modo conversación están desarrollados para cumplir WCAG 2.1 AA. Evita colocar la burbuja sobre menús principales o enlaces legales obligatorios.
Atajos: Tab para navegar, Escape para cerrar el panel. Informes técnicos en la documentación del proveedor.
¿Dudas? Configura el asistente en el panel y prueba el snippet en una página de prueba antes de publicar.