Sitio web
LiveDesk permite añadir el widget de chat del canal Sitio web a páginas web para que puedas recibir consultas de visitantes, asignar conversaciones y ofrecer chat en tiempo real en tu sitio web.
El widget de chat en tiempo real es compatible con la mayoría de los navegadores modernos. Las versiones de navegador compatibles son las siguientes:
| Navegador |
|---|
| Mozilla Firefox: v52 y posteriores |
| Google Chrome: v57 y posteriores |
| Chromium: v57 y posteriores |
| Apple Safari: v14.1 y posteriores |
| Microsoft Edge: v16 y posteriores |
Cómo añadir un canal de Sitio web
"Add Channel" - "Website"

Introducir la información de configuración
Sigue las instrucciones que aparecen en pantalla para completar la información básica del canal Sitio web y, a continuación, haz clic en "Confirm" para crear el canal. Después de crearlo, puedes continuar con configuraciones adicionales en pestañas como "Integration", "Settings", "Widget Builder", "Conversation Assignment", "Human Agent" y "AI Agent".
Rellena la información de configuración según las instrucciones en pantalla y, a continuación, haz clic en "Confirm" para completar el proceso.

| Elemento de configuración | Descripción |
|---|---|
| Website Name | Nombre del sitio web |
| Website Domain | Establece el dominio utilizado para recibir la información del cliente; por ejemplo: www.example.com |
| Title | Título del widget de la ventana de mensajes |
| Tagline | Mensaje de bienvenida |
| Enable Channel Greeting | Indica si se envía automáticamente un saludo cuando un cliente inicia una conversación enviando un mensaje |
| Add Customer Service Agent | Especifica el agente de atención al cliente asignado |
Añadir el widget de chat al sitio web
Después de la creación, la página redirige a la página de configuración de detalles del canal. En la pestaña "Integration", puedes copiar el fragmento de código generado y pegarlo en tu sitio web para completar la instalación.
Actualmente se admiten los siguientes métodos de instalación:
| Método de instalación | Descripción |
|---|---|
| Bubble Code | Inserta el código estándar de la burbuja de chat en una página web y es adecuado para la mayoría de los escenarios |
| iframe Code | Inserta la ventana de chat mediante un iframe y es adecuado para escenarios que requieren un contenedor independiente |
| GTM Installation | Implementa el código del chat a través de Google Tag Manager |
Configuración detallada
Desplázate hacia abajo para ver más ajustes. Aquí puedes configurar la integración del canal Sitio web, los ajustes básicos, el formulario previo al chat, el horario laboral y la apariencia del widget.
Integration
"Integration" proporciona principalmente métodos para integrar el código de la burbuja de chat y ajustes de seguridad relacionados.
Messenger Script
Permite cambiar entre "Bubble Code", "iframe Code" y "GTM Installation", así como copiar el código de instalación correspondiente. El código incluye el
websiteTokendel canal Sitio web actual y la dirección de referencia desdk.js, que es necesaria para su funcionamiento.

User Authentication
Está desactivado por defecto. Después de activarlo, la página muestra información de claves relacionada con la autenticación, que puede copiarse y utilizarse en el lado del servidor para generar parámetros de verificación de identidad del visitante y mejorar la fiabilidad de la identidad del usuario.

Domain Whitelist
Está desactivado por defecto. Después de activarlo, solo los dominios de la lista blanca pueden inicializar el widget de Sitio web. Si hay varios dominios, introduce cada uno en una línea separada. Para la depuración local, incluye el número de puerto; por ejemplo:
localhost:3000,127.0.0.1:8080.

Settings
Configura los parámetros básicos, los métodos de interacción con los visitantes y el formulario previo al chat del canal Sitio web.
Channel Information
Permite modificar el nombre del canal Sitio web actual.
Enable Channel Greeting
Está desactivado por defecto. Después de activarlo, cuando un usuario inicia una consulta por primera vez, el sistema envía automáticamente un mensaje de respuesta predeterminado.
Quick Commands
Está desactivado por defecto. Después de activarlo, se fija un título de comandos rápidos encima del cuadro de entrada del chat para guiar a los usuarios a enviar rápidamente preguntas frecuentes. Se pueden añadir varios comandos rápidos. Se recomienda para preguntas habituales, puntos de entrada de consultas o indicaciones de redirección de tráfico.
Enable CSAT
Está desactivado por defecto. Después de activarlo, cuando el estado de la conversación cambia a "Resolved", se envía al usuario una encuesta de satisfacción para recopilar comentarios sobre el servicio.

Email Collection
Admite las dos configuraciones siguientes:
Email Collection Box: muestra automáticamente al usuario un cuadro de entrada para recopilar el correo electrónico cuando se inicia la conversación, pero no es obligatorio.
Conversation Continuity: cuando el usuario está desconectado, puedes seguir comunicándote con él por correo electrónico. Antes de utilizar esta función, primero debes completar la configuración correspondiente del canal de Email.
User Behavior Control
Admite la configuración "User Ends Conversation". Después de activarla, los usuarios pueden finalizar activamente la conversación actual en el widget y el sistema cambia el estado de la conversación a "Resolved".

Pre-chat Form
El formulario previo al chat se ha trasladado a la pestaña "Settings" para una configuración unificada. Después de activarlo, los usuarios deben rellenar el formulario antes de entrar oficialmente en el chat.
Permite configurar el siguiente contenido:
Form Body: se utiliza para explicar la finalidad del formulario, por ejemplo: "Hola, por favor, rellena la siguiente información para que podamos ponernos en contacto contigo."
Form Options: permite configurar los campos del formulario uno por uno, incluidos parámetros como "Enable", "Variable Name", "Variable Type", "Name", "Placeholder" y "Required".
System Preset Fields: admite campos comunes como
email,phone,firstnameylastname.Conversation Attribute Fields: permite seleccionar atributos de conversación existentes como campos previos al chat, que se escriben en los atributos de conversación correspondientes después del envío.
Email Field: puede utilizarse para rastrear la identidad del visitante y para la transferencia posterior a un agente humano o el seguimiento fuera de línea.

Working Hours
Está desactivado por defecto. Después de activarlo, puedes configurar el horario laboral, una zona horaria y el texto descriptivo fuera del horario de oficina para el canal Sitio web actual. Durante las horas no laborables, el sistema notifica a los visitantes que el servicio no está disponible en ese momento según el contenido configurado y gestiona la atención humana de acuerdo con las reglas de asignación de conversaciones.

Widget Builder
"Widget Builder" se utiliza para configurar la apariencia y el contenido mostrado del componente de chat del lado del visitante. El área de vista previa de la derecha muestra los resultados de la configuración en tiempo real.
- Theme Settings

Permite configurar los siguientes parámetros:
Theme Color: establece el color principal del widget.
Text Color: establece el color de visualización del texto, como los títulos y el contenido principal.
Background Image: permite subir y reemplazar la imagen de fondo del área de bienvenida.
Width: establece el ancho del widget. El valor predeterminado es 400.
Height: establece la altura del widget. El valor predeterminado es 700.
Bubble Settings

Permite configurar el siguiente contenido:
Bubble Style: admite tres modos de visualización: "Icon", "Icon + Text" y "Text".
Icon: el icono predeterminado puede sustituirse.
Text: cuando se selecciona el estilo "Icon + Text" o "Text", puedes configurar el texto de la burbuja. El texto no puede superar los 20 caracteres.
Size: admite distintos tamaños, como mini, pequeño, mediano, grande y extragrande.
Bubble Position: permite establecer la posición de visualización y configurar el espaciado respecto a la parte inferior y al lateral.
Welcome Message

Permite configurar:
Title: título principal del área de bienvenida.
Content: contenido principal del área de bienvenida.
Guidance Text: se muestra en el área "Instant Answers" para guiar a los usuarios a iniciar rápidamente una consulta.
Social Media

Está desactivado por defecto. Después de activarlo, puedes configurar plataformas sociales o canales de contacto y mostrarlos en la tarjeta de bienvenida del widget.
- Submit Ticket

Está desactivado por defecto. Después de activarlo, se muestra una entrada de ticket en el widget, lo que permite a los usuarios ver o enviar tickets.
- External Links

Está desactivado por defecto. Después de activarlo, puedes añadir tarjetas de enlaces externos para mostrar un centro de ayuda externo, una página de preguntas frecuentes u otros puntos de entrada de navegación.
Conversation Assignment
Muestra las reglas de asignación de conversaciones del canal actual. Admite reglas de enrutamiento, respuestas del AI Agent y respuestas del Human Agent. El orden de prioridad de asignación de conversaciones es: reglas de enrutamiento > AI Agent > Human Agent.
Cuando existen reglas de enrutamiento, el sistema comprueba primero si se cumplen las condiciones de enrutamiento. Si existen varias reglas al mismo tiempo, se emparejan por orden. Si la conversación actual no cumple ninguna regla de enrutamiento, se asigna primero al AI Agent. Si no hay ningún AI Agent configurado, se asigna entonces al Human Agent correspondiente.
Se admite la asignación automática, incluida la asignación por carga de trabajo concurrente, la asignación secuencial equilibrada y la asignación basada en la carga de trabajo personalizada de atención al cliente.
Assignment by Workload
La asignación se basa en la cantidad de carga de trabajo definida, dando prioridad a los agentes de atención al cliente con menor carga de trabajo concurrente.
Sequential Even Assignment
No se tienen en cuenta los ajustes de carga de trabajo de cada agente de atención al cliente. Las conversaciones se asignan de forma equilibrada a cada agente de atención al cliente en secuencia.
Assignment by Custom Customer Service Workload
Establece un valor de carga de trabajo personalizado para cada agente de atención al cliente de forma individual, dando prioridad a los agentes con menor carga de trabajo concurrente.

Human Agent
Permite configurar agentes humanos para gestionar los mensajes de conversación de este canal. Se pueden añadir o eliminar miembros.

AI Agent
Permite configurar agentes de IA para gestionar los mensajes de conversación de este canal. Se pueden activar o desactivar, y también se puede añadir un GPT AI Agent.











