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

# Personalizando el aspecto

> Colores, posición y texto del chat para que coincidan con su sitio.

Ajusta todo esto en el tablero, sin código adicional.

## Crea el widget

**Complementos → Chat AI → Nuevo widget**

1. **Nombre:** de su propia organización (por ejemplo, "Chat del sitio principal").
2. **Asistente:** quien contesta mensajes.
3. **Identificación:** pide los datos por adelantado o déjalo abierto.

Después de guardar, copie el script y péguelo en su sitio.

## Dominios permitidos

El chat solo se abre en los sitios que usted autoriza. Piensa en una lista VIP en la puerta:

* `mysite.com` también incluye `www.mysite.com`
* `shop.mysite.com` se aplica solo a ese subdominio

<Warning>
  Si el dominio no está en la lista, el chat **no aparece**. Agregue al menos su sitio principal.
</Warning>

## Colores y apariencia

### Botón flotante

| Setting      | Purpose                       |
| ------------ | ----------------------------- |
| Button color | Background of the corner icon |
| Icon color   | Drawing inside the button     |
| Custom image | Your logo or icon             |
| Position     | Bottom right or left          |
| Edge offset  | How far from the corner       |

### Ventana de chat

| Setting          | Purpose                   |
| ---------------- | ------------------------- |
| Background color | Conversation panel        |
| Corner radius    | More or less rounded look |

### Encabezado

| Setting    | Purpose               |
| ---------- | --------------------- |
| Title      | Name shown at the top |
| Show icon  | Yes or no             |
| Text color | Title color           |

### Burbujas de mensajes

El visitante y el asistente tienen colores separados: burbuja, texto, borde y redondeo.

### Input field

Ajuste el fondo, el texto y el estilo del campo y del botón de enviar.

## Copia personalizada

| Setting             | What it does                           |
| ------------------- | -------------------------------------- |
| Welcome message     | First message when opening             |
| Suggested questions | Up to 12 buttons with common questions |
| Show timestamp      | Time on each message                   |

<Tip>
  Buenas preguntas sugeridas: "¿Cuál es su horario?", "¿Hacen entregas?", "¿Métodos de pago?"
</Tip>

## Modo claro y oscuro

* **Automático:** sigue la preferencia del visitante (recomendado)
* **Siempre claro** o **siempre oscuro**
* Separar colores por modo en el tablero

## Comportamiento

| Setting               | Default | What it does                      |
| --------------------- | ------- | --------------------------------- |
| Max messages          | 50      | Limit per conversation            |
| Time between messages | 1 s     | Prevents spam                     |
| Inactivity            | 30 min  | New conversation after long pause |

## Vista previa

Use live preview in the dashboard. Test messages **before** publishing on the site.

## Próximos pasos

* [Seguridad](/es/ai-web-widget/seguranca): identificación y OTP
* [Consejos](/es/ai-web-widget/boas-praticas): lista de verificación antes de publicar
* [Chat AI en su sitio](/es/ai-web-widget/index)