> ## Documentation Index
> Fetch the complete documentation index at: https://docs.shimli.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Conectar Live Chat

> Configura el widget de chat en vivo de Shimli en tu sitio web — nombre, color, posición, ícono, dominios permitidos y código de inserción.

El **Live Chat** es un canal que Shimli te da desde el momento en que creas tu cuenta. Te permite poner un widget de chat en cualquier sitio web para que los visitantes escriban directamente y sean atendidos por tu equipo o por IA.

<Callout type="info">
  El Live Chat ya está disponible al crear tu cuenta — no necesitas conectar nada externo. Solo lo personalizas y pegas el código en tu web.
</Callout>

## Configurar el Live Chat

<Steps>
  <Step title="1. Ve a Channels">
    Desde el sidebar, haz clic en **Channels** y selecciona el canal de **Live Chat**.
  </Step>

  <Step title="2. Personaliza el chat">
    En la pestaña **Customization** puedes configurar:

    * **Chat Name** — el nombre del widget (máx. 128 caracteres).
    * **Chat Description** — una descripción (máx. 512 caracteres).
    * **Chat Color** — el color del widget.
    * **Chat Position** — dónde aparece la burbuja: esquina inferior izquierda o derecha.
    * **Chat Icon** — sube un ícono personalizado.
    * **Welcome Message** — el mensaje que ven los visitantes al abrir el chat.
  </Step>

  <Step title="3. Configura los dominios permitidos">
    En el campo **Domains**, lista los dominios donde permites que se use el widget. Esto es una medida de seguridad: si alguien copia tu código y lo pega en otro sitio, el widget no cargará.
  </Step>

  <Step title="4. Configura Icebreakers">
    En la pestaña **Ice Breakers**, define frases de inicio que aparecen cuando un visitante abre el chat por primera vez.
  </Step>

  <Step title="5. Configura Commands">
    En la pestaña **Commands**, crea comandos rápidos que tus visitantes pueden usar dentro del chat.
  </Step>

  <Step title="6. Obtén el código de inserción">
    Haz clic en el botón **Get Embedded Code** y luego en **Copiar**. Pega ese script en el HTML de tu sitio web — en el `<head>` o antes de cerrar el `</body>`.
  </Step>
</Steps>

## Preview en vivo

Mientras configuras, Shimli muestra un **Live Chat Preview** a la derecha de la pantalla donde puedes ver cómo se ve tu widget con los cambios en tiempo real: posición, color, ícono y mensaje de bienvenida.

## Dónde puedo ponerlo

El widget funciona en **cualquier sitio web** donde puedas pegar el script: WordPress, Shopify, sitios custom, landing pages, etc. Solo asegúrate de que el dominio esté en la lista de dominios permitidos.

<Callout type="warning">
  Si agregas el widget a un dominio nuevo, no olvides agregarlo a la lista de **Domains** en la configuración. Si no lo haces, el widget no cargará en ese dominio.
</Callout>

<Accordions>
  <Accordion title="¿Necesito programar algo para usar el Live Chat?">
    No. Solo personalizas el widget desde Shimli, copias el código de inserción y lo pegas en tu sitio web. No necesitas backend ni configuración de servidor.
  </Accordion>

  <Accordion title="¿Las conversaciones del Live Chat aparecen en el inbox?">
    Sí. Todos los mensajes que entran por el Live Chat se gestionan desde el mismo inbox unificado de Shimli, junto con los de WhatsApp, Facebook, etc.
  </Accordion>

  <Accordion title="¿Puedo cambiar el color y la posición después de instalarlo?">
    Sí. Los cambios que hagas en Shimli se reflejan automáticamente en el widget — no necesitas volver a pegar el código en tu web.
  </Accordion>
</Accordions>
