# Widget en el sitio + chat en vivo

El primer paso es acceder a la configuración siguiendo el camino Configuración > Widget en el sitio + Chat en vivo

<figure><img src="/files/NvdbztmQgIXcegYWZNGs" alt=""><figcaption></figcaption></figure>

En el panel de abajo, debemos seleccionar el canal que queremos configurar como se indica a continuación:

<figure><img src="/files/D5fiz75c9blvo4BTbTlq" alt=""><figcaption></figcaption></figure>

Después de seleccionar el canal, es hora de configurar el widget.

<figure><img src="/files/FJfliQkk1FYMZt9g34ys" alt=""><figcaption></figcaption></figure>

1 – Este botón es para habilitar o deshabilitar el Widget

2 – Este campo mostrará todos los canales que hayas integrado a la plataforma, los cuales se muestran en la columna del ítem 6.

3: en esta parte, puede arrastrar elementos del campo 2 al campo 3 para agregar o eliminar elementos de los widgets.

4 y 5 – En esta opción es posible elegir la forma de visualización del Widget ya sea en la versión de escritorio para computadora o para Móvil.

6 – En este ítem podrás visualizar los cambios en el Widget.

**Personalización:**

Justo debajo, puedes elegir el tema del Widget, como en la captura de pantalla:

<figure><img src="/files/thk72Rnx7FjxPulSMJ45" alt=""><figcaption></figcaption></figure>

En la pantalla a continuación, podrás elegir el ícono en el Widget entre los que ya están definidos o elegir el suyo propio, como se indica en el ítem 2. También puede elegir la posición en la que se ubicará el Widget en el sitio web, ya sea en la versión móvil o de desktop, además del margen (la distancia entre el Widget y el lateral del sitio).

<figure><img src="/files/PYSqev0e5FIzk7ukWtMk" alt=""><figcaption></figcaption></figure>

Es posible elegir si el Widget aparecerá en forma expandida como en la captura de pantalla a continuación, o en forma reducida, mostrando solo el icono, que se expande cuando se hace clic.

<figure><img src="/files/2khTDf53n3U29SUGExQT" alt=""><figcaption></figcaption></figure>

En la impresión a continuación, es posible elegir el orden de los iconos horizontal o verticalmente, a continuación, el modo horizontal está habilitado.

<figure><img src="/files/J6DIQJXn84G1R2f3vZFr" alt=""><figcaption></figcaption></figure>

**Chat en vivo**

A continuación, las configuraciones son configuraciones relacionadas con el chat en vivo

<figure><img src="/files/X9JvUB6ufwq58F9Yfnky" alt=""><figcaption></figcaption></figure>

1 – Puedes programar el chat en vivo para que se abra automáticamente en el sitio web para su visitante después de ciertos segundos.

2 – Al habilitar o no, al abrir el chat o cuando el visitante haga clic en el chat, podrás programar si la URA, los mensajes de bienvenida se enviarán después de enviar el primer mensaje.

3 – En esta opción, a diferencia de la opción 2, el sistema la URA y los Mensajes de Bienvenida al hacer clic en el chat. En este caso, es posible habilitar la opción Eliminar Chats Vacíos, para que el sistema elimine los chats vacíos.

<figure><img src="/files/ejD5R3WwzMlSxb5Brd9A" alt=""><figcaption></figcaption></figure>

En la impresión anterior, los elementos marcados se refieren a:

1 – Puedes elegir el color de tu Chat en Vivo

2 – Puedes renombrar y nombrar tu Chat en Vivo

3 – Puede elegir si el nombre y la foto se mostrarán a su visitante en el chat en vivo.

&#x20;

**Campos obligatorios en el chat en vivo**

<figure><img src="/files/QRRGUnye7zzf8NQJPwEa" alt=""><figcaption></figcaption></figure>

Podrás colocar campos obligatorios dentro del Chat en Vivo, tanto dentro del Horario de Servicio como Fuera del Horario.

Es importante señalar que es posible colocar campos obligatorios a completar en cada caso. Dichos campos son los mismos que los presentes en Configuración General.

&#x20;

**Código fuente del widget:**

El sistema genera un código fuente en JavaScript que puedes copiar y pegar fácilmente en tu pie de página o en la página donde quieras mostrar el widget.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://c2dbr-pt.gitbook.io/c2dbr/centro-de-ayuda-de-chat2desk/configuracion-general/widget-en-el-sitio-+-chat-en-vivo.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.