← Volver

Un script y aparece el chat

Pega esta línea antes de </body> en tu web. Sin plugins ni cambios en el servidor.

Integración mínima

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.

WhatsApp Atención por mensajería con Twilio. Ideal para consultas fuera de la web.

Telegram Bot en Telegram enlazado al mismo corpus.

API / servicio web 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.