Saltar al contenido

¿Cómo instalo el chat de IA en mi sitio web?

Última actualización: 4 de junio de 2026 · Equipo de DIX

Para instalar el chat de IA en tu sitio copiás una línea de código —una etiqueta <script> con la clave de tu agente— y la pegás antes de cerrar </body>. Funciona en WordPress, Shopify, Webflow o cualquier web. El chat aparece y empieza a responder en segundos.

¿Qué es el widget?

El widget es el botón y la ventana de chat que aparecen en la esquina de una web (como en dix.chat). Tus visitantes hablan con el agente que configuraste, usando su base de conocimiento. No necesitan cuenta en DIX para chatear.

¿Cómo se instala?

  1. En DIX, abrí tu agente → pestaña Widget (sección de claves del agente).
  2. Copiá el código del script.
  3. Pegalo en el HTML de tu sitio, antes de cerrar </body>.
  4. Publicá los cambios en tu web. ¡Listo!
<script src="https://dix.chat/widget.js" data-token="pk_..."></script>
El widget está pensado para ser liviano y usa un contenedor aislado: no rompe el CSS de tu página.

La clave (data-token)

El data-token es una clave pública del agente: identifica qué agente y qué configuración de widget usar. Podés crear más de una clave por agente si necesitás entornos distintos. Evitá exponerla en repositorios públicos cuando puedas (usá variables de entorno en tus deploys).

Personalización del widget

Desde la configuración del widget podés ajustar su aspecto y comportamiento sin escribir CSS:

OpciónQué hace
TítuloNombre en la barra del chat (ej. "Soporte").
Mensaje de bienvenidaEl primer texto que ve el usuario.
Preguntas sugeridasChips clicables para arrancar la conversación.
Color principalBotón y acentos (hex, ej. #6366f1).
PosiciónEsquina inferior derecha o izquierda.
LogoAparece en el encabezado del chat.
Apertura automáticaSegundos para abrir el chat solo al cargar (0 = no abrir solo).

Dominios permitidos

Por seguridad podés restringir en qué dominios funciona la clave. Si el widget no carga en tu sitio, verificá que el dominio esté autorizado en la configuración de la API key. Para ajustar el comportamiento del asistente, mirá la guía de configuración del agente.

Preguntas frecuentes

Instalé el script y no aparece el chat, ¿qué reviso?

Verificá que el script esté antes de </body>, que el token pk_... sea correcto y esté activo, que tu dominio esté permitido en la clave API y que ningún bloqueador de scripts o CSP de tu sitio lo esté frenando.

¿Puedo cambiar los colores y textos del widget?

Sí. Desde la configuración del widget del agente podés cambiar el título, el mensaje de bienvenida, el color principal y las preguntas sugeridas.

¿Se puede quitar el "Powered by DIX"?

En los planes Pro y superiores podés ocultar la marca del widget. El plan Starter suele mostrarla.

¿En qué plataformas funciona el widget?

Funciona en WordPress, Shopify, Webflow, sitios a medida y landings estáticas. Solo necesitás poder pegar una etiqueta <script> en el HTML.

Probá DIX gratis

Creá tu primer asistente de IA en minutos. 7 días de prueba, sin tarjeta.

Crear mi asistente