> For the complete documentation index, see [llms.txt](https://c2dbr-pt.gitbook.io/c2dbr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://c2dbr-pt.gitbook.io/c2dbr/centro-de-ayuda-de-chat2desk/configuracion-general/widget-en-el-sitio-+-chat-en-vivo.md).

# 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.