Este artículo sirve como guía completa para configurar e integrar el Chat Widget en su sitio web, brindando así a sus clientes la opción de ponerse en contacto con sus servicios y agentes a través del chat.
Siga los pasos que se detallan en este artículo para sacar el máximo partido al canal de chat. Añada valor a su sitio web al configurar e integrar fácilmente el Chat Widget, garantizando así su disponibilidad para los clientes.
Para facilitar la navegación, utilice el índice que aparece a continuación:
- Excepciones del Firewall
- Creación de un Chat Touchpoint
- Chat App
- Chat Touchpoint
- Sección de Quickstart
- Integración de Chat Widget
- Integración del Modo CSP Seguro de Chat Widget
- Personalización del Chat Widget
- Experiencias de Contacto
- Variables de Contexto
- Identificación de Visitantes
- Recursos Adicionales
Excepciones del Firewall
Cuando un sitio web tiene activada la Política de Seguridad de Contenido (CSP), restringe los tipos de contenido que se pueden cargar en el sitio. Para garantizar que las funciones de chat se ejecuten correctamente, se tienen que incluir determinadas fuentes en la lista blanca.
Política de Seguridad de Contenido (CSP) - Chat Widget V1
A continuación, se ofrece una descripción de la configuración de CSP necesaria para el Chat Widget V1, como las regiones de Talkdesk td-us-1, td-eu-1, td-ca-1 y td-usfed-1, para garantizar que el chat funcione correctamente en el sitio web.
| Región de Talkdesk | Reglas de la CSP |
| td-us-1 |
script-src 'self' https://talkdeskchatsdk.talkdeskapp.com; connect-src 'self' https://api.talkdeskapp.com wss://tsock.us1.twilio.com https://mcs.us1.twilio.com https://*.dynatrace.com; img-src 'self' data: blob: https://talkdeskchatsdk.talkdeskapp.com https://qa-cdn-talkdesk.talkdeskdev.com https://media.us1.twilio.com; video-src 'self' data: blob: https://media.us1.twilio.com; audio-src 'self' data: blob: https://media.us1.twilio.com; frame-src 'self' https://api.talkdeskapp.com; font-src 'self' https://talkdeskchatsdk.talkdeskapp.com; |
| td-eu-1 |
script-src 'self' https://talkdeskchatsdk.talkdeskapp.com; connect-src 'self' https://api.talkdeskapp.eu wss://tsock.ie1.twilio.com https://mcs.ie1.twilio.com https://*.dynatrace.com; img-src 'self' data: blob: https://talkdeskchatsdk.talkdeskapp.com https://qa-cdn-talkdesk.talkdeskdev.com https://media.ie1.twilio.com; video-src 'self' data: blob: https://media.ie1.twilio.com; audio-src 'self' data: blob: https://media.ie1.twilio.com; frame-src 'self' https://api.talkdeskapp.eu; font-src 'self' https://talkdeskchatsdk.talkdeskapp.com; |
| td-ca-1 |
script-src 'self' https://talkdeskchatsdk.talkdeskapp.com; connect-src 'self' https://api.talkdeskappca.com wss://tsock.us1.twilio.com https://mcs.us1.twilio.com https://*.dynatrace.com; img-src 'self' data: blob: https://talkdeskchatsdk.talkdeskapp.com https://qa-cdn-talkdesk.talkdeskdev.com https://media.us1.twilio.com; video-src 'self' data: blob: https://media.us1.twilio.com; audio-src 'self' data: blob: https://media.us1.twilio.com; frame-src 'self' https://api.talkdeskappca.com; font-src 'self' https://talkdeskchatsdk.talkdeskapp.com; |
| td-usfed-1 |
script-src 'self' https://talkdeskchatsdk.talkdeskapp.com; connect-src 'self' https://api.talkdeskapp-pubsec.com wss://tsock.us1.twilio.com https://mcs.us1.twilio.com https://*.dynatrace.com; img-src 'self' data: blob: https://talkdeskchatsdk.talkdeskapp.com https://qa-cdn-talkdesk.talkdeskdev.com https://media.us1.twilio.com; video-src 'self' data: blob: https://media.us1.twilio.com; audio-src 'self' data: blob: https://media.us1.twilio.com; frame-src 'self' https://api.talkdeskapp-pubsec.com; font-src 'self' https://talkdeskchatsdk.talkdeskapp.com; |
Dominios de la CSP
A continuación, se ofrece una descripción del propósito de los dominios de la CSP. Cada uno de estos dominios desempeña un papel fundamental a la hora de activar los servicios de chat, ya que especifica las fuentes de confianza desde las que se puede cargar el contenido, garantizando así tanto la funcionalidad como la seguridad de los usuarios en sus respectivas regiones.
| Dominios de la CSP | Descripción |
| https://talkdeskchatsdk.talkdeskapp.com | Host remoto de JSSDK para TalkDesk Chat Widget |
| https://qa-cdn-talkdesk.talkdeskdev.com | Host de imagen remota predeterminado de JSSDK para TalkDesk Chat Widget |
| https://api.talkdeskapp.com | Host de la región de los Estados Unidos de TalkDesk Gateway |
| https://api.talkdeskapp.eu | Host de la región de la UE de TalkDesk Gateway |
| https://api.talkdeskappca.com | Host de la región de CA de TalkDesk Gateway |
| https://api.talkdeskapp-pubsec.com | Host de la región de FedRAMP de TalkDesk Gateway (Esta es un área especial que los clientes que no pertenecen a FedRAMP no necesitan configurar) |
| https://*.dynatrace.com | Puerta de enlace de informes de registro de JSSDK para TalkDesk Chat Widget, utilizado para registrar registros de errores |
| wss://tsock.us1.twilio.com | Canal de conversación WebSocket en td-us-1 o td-ca-1 |
| wss://tsock.ie1.twilio.com | Canal de conversación WebSocket en td-eu-1 |
| https://mcs.us1.twilio.com | Servicio de adjuntos de chat en td-us-1 o td-ca-1 |
| https://mcs.ie1.twilio.com | Servicio de adjuntos de chat en td-eu-1 |
| https://media.us1.twilio.com | Servicio de vista previa de archivos adjuntos de chat en td-us-1 o td-ca-1 |
| https://media.ie1.twilio.com | Servicio de vista previa de archivos adjuntos de chat en td-eu-1 |
| data: | El JSSDK de Chat Widget a veces muestra archivos locales, por lo que se necesita este host |
| blob: | El JSSDK de Chat Widget a veces muestra archivos locales, por lo que se necesita este host |
Política de Seguridad de Contenido (CSP) - Chat Widget V2
A partir del 19 de julio de 2024, al crear un Chat Touchpoint, el sistema generará automáticamente el Chat Widget V2. A continuación, se ofrece una descripción de la configuración de CSP necesaria para el Chat Widget V2, como las regiones de Talkdesk td-us-1, td-eu-1, td-ca-1 y td-usfed-1, para garantizar que el chat funcione correctamente en el sitio web.
| Región de Talkdesk | Reglas de la CSP |
| td-us-1 |
script-src 'self' https://talkdeskchatsdk.talkdeskapp.com; frame-src 'self' https://talkdeskchatsdk.talkdeskapp.com; connect-src 'self' https://api.talkdeskapp.com; |
| td-eu-1 |
script-src 'self' https://talkdeskchatsdk.talkdeskapp.com; frame-src 'self' https://talkdeskchatsdk.talkdeskapp.com; connect-src 'self' https://api.talkdeskapp.eu; |
| td-ca-1 |
script-src 'self' https://talkdeskchatsdk.talkdeskapp.com; frame-src 'self' https://talkdeskchatsdk.talkdeskapp.com; connect-src 'self' https://api.talkdeskappca.com; |
| td-usfed-1 |
script-src 'self' https://talkdeskchatsdk.talkdeskapp.com; frame-src 'self' https://talkdeskchatsdk.talkdeskapp.com; connect-src 'self' https://api.talkdeskapp-pubsec.com; |
Dominios de la CSP
A continuación, se ofrece una descripción del propósito de los dominios de la CSP. Cada uno de estos dominios desempeña un papel fundamental a la hora de activar los servicios de chat, ya que especifica las fuentes de confianza desde las que se puede cargar el contenido, garantizando así tanto la funcionalidad como la seguridad de los usuarios en sus respectivas regiones.
| Dominios de la CSP | Descripción |
| https://talkdeskchatsdk.talkdeskapp.com | Dominio remoto de JSSDK de TalkDesk Chat Widget |
| https://api.talkdeskapp.com | Dominio de TalkDesk Gateway para la región de los Estados Unidos |
| https://api.talkdeskapp.eu | Dominio de TalkDesk Gateway para la región de la UE |
| https://api.talkdeskappca.com | Dominio de TalkDesk Gateway para la región de CA |
| https://api.talkdeskapp-pubsec.com |
Dominio de TalkDesk Gateway para la región de FedRAMP
Nota: El dominio se utiliza para FedRamp; si no necesita implementar en FedRamp, puede ignorarlo. |
Seguridad OneTrust
Si su sitio web utiliza OneTrust, tenga en cuenta que, como parte de su funcionalidad, OneTrust utiliza la secuencia de comandos OtAutoBlock.js para bloquear comportamientos sospechosos, por lo que se puede bloquear su carga y, como resultado, es posible que el iniciador del chat no aparezca en el sitio web.
Le recomendamos que añada Talkdesk Chat a su configuración de confianza de OneTrust. Para ello:
- Inicie sesión en su cuenta de OneTrust.
- Vaya hasta los ajustes de la gestión de secuencias de comandos.
-
- Los ajustes para gestionar la carga de secuencias de comandos se suelen encontrar en las secciones "Cookie consent" o "Script management".
-
- Defina los scripts incluidos en la lista de permitidos:
-
- Añada a la configuración sus archivos remotos de JavaScript de confianza (https://talkdeskchatsdk.talkdeskapp.com/v2/talkdeskchatsdk.js) o dominios.
- Nota: Se bloqueará cualquier secuencia de comandos que no esté en la lista blanca hasta que se obtenga el consentimiento del usuario.
-
Creación de un Chat Touchpoint
Para crear un nuevo "Chat Touchpoint", vaya a "Admin" > "Channels" > "Chat" y haga clic en el botón Create Touchpoint.
Esto abrirá una ventana emergente en la que se le pedirá que proporcione el dominio (obligatorio) y el nombre descriptivo (obligatorio) del nuevo Chat Touchpoint. Haga clic en Create.
El nuevo Chat Touchpoint ahora será visible en la lista y estará inactivo de forma predeterminada. Haga clic en el dominio del Touchpoint para completar su configuración.
Busque la sección "Touchpoint" y haga clic en Edit.
Ahora puede seleccionar el flujo de Studio que se debe asignar al nuevo Chat Touchpoint. Haga clic en Save para volver a la página de configuración.
Seleccione la pestaña Customization y haga clic en Edit. Aquí tiene la opción de personalizar el contenido del Chat Widget, como por ejemplo:
- Mensaje de bienvenida.
- Campos (información del cliente).
- Menús desplegables (por ejemplo, selección de idioma).
- Mensajes (información valiosa).
- Botones de acción (por ejemplo, "Start chat").
Integre el Chat Widget en las páginas que desee de su sitio web. Esto puede hacerse a través de iframe (opción recomendada) o a través de secuencias de comandos. Consulte la sección "Widget Integration" para obtener más información.
Tras integrar el Chat Widget en su sitio web, vaya a "Admin" > "Channels" > "Chat" > Touchpoint.
En la pestaña Touchpoint, haga clic en Edit.
Ahora puede activar el Chat Touchpoint deslizando el interruptor "Status". Haga clic en Save para guardar su progreso.
Recargue su sitio web y debería poder ver el Chat Widget en las páginas web en las que se ha integrado.
Al configurar el touchpoint de chat, tenga en cuenta las siguientes directrices:
Dominio
- Protocolos y "www."
El sistema diferencia entre los dos protocolos disponibles ("http:" y "https:") y no diferencia entre dominios que incluyen "www." y dominios que no incluyen "www.".
Sin embargo, es posible eliminar la información del protocolo y funcionará para todas las combinaciones.
Implementar en un Dominio y sus Subdirectorios
| DOMINIO DEL TOUCHPOINT | URL |
|
talkdesk.com |
|
|
https://talkdesk.com | |
| https://www.talkdesk.com/abc | |
| http://talkdesk.com/def |
Notas:
- Se admiten todos los subdirectorios, como https://www.talkdesk.com/abc dentro de www.talkdesk.com para implementar el Chat Touchpoint.
La conversación del chat se mantendrá mientras el contacto navega entre las páginas y subpáginas dentro del dominio. Esto garantiza una comunicación ininterrumpida.
Implementar en Subdominios
| DOMINIO DEL TOUCHPOINT | URL |
| *.talkdesk.com |
https://def.talkdesk.com |
| *.abc.talkdesk.com | http://hij.abc.talkdesk.com |
Notas:
- La implementación de subdominios utiliza el comodín (*) para hacer coincidir los subdominios. Se admiten todos los subdominios que terminan en talkdesk.com para implementar el Chat Touchpoint.
La conversación de chat NO se transferirá cuando un contacto navegue a un subdominio diferente. Esto permite una clara separación de las conversaciones entre los distintos subdominios.
Implementar en Una Página
| DOMINIO DEL TOUCHPOINT | URL |
| http://www.talkdesk.com/abc | http://www.talkdesk.com/abc |
| http://talkdesk.com/abc | http://talkdesk.com/abc |
| https://www.talkdesk.com/abc | https://www.talkdesk.com/abc |
| https://talkdesk.com/abc | https://talkdesk.com/abc |
Nota: El sistema utiliza 'http:' y 'https:' para identificar el enlace que se implementará. Cualquier dominio que comience con estos términos sólo se desplegará en el enlace específico. No se admiten los subdirectorios bajo el enlace de dominio, como http://www.talkdesk.com/abc/def.html, para implementar el Chat Touchpoint.
Crear Instancia de Chat Regional
Al crear un Chat Touchpoint, se crea una instancia regional del chat en función de la región de implementación de dicho Chat Touchpoint. Las instancias de chat regionales sirven como centros de datos distintos a nivel global, facilitando el procesamiento y almacenamiento esenciales para las funcionalidades de comunicación de su aplicación. Por ejemplo:
- Los administradores que creen un Chat Touchpoint en la región de EE. UU., crearán automáticamente una instancia regional de chat en dicha región.
-
Los administradores que creen un Chat Touchpoint en la región de la UE, crearán automáticamente una instancia regional de chat en la UE después del 30 de mayo de 2024.
-
Se tienen que añadir las siguientes excepciones de firewall para la región de la UE.
-
- https://api.talkdeskapp.eu
- wss://tsock.ie1.twilio.com/v3/wsconnect
- https://mcs.ie1.twilio.com
- https://media.ie1.twilio.com
-
-
Es necesario añadir las siguientes políticas de seguridad de CSP para las regiones de la UE.
-
- https://api.talkdeskapp.eu
- wss://tsock.ie1.twilio.com
- https://mcs.ie1.twilio.com
- https://media.ie1.twilio.com
-
-
Se tienen que añadir las siguientes excepciones de firewall para la región de la UE.
Notas:
- Los Touchpoints de chat creados en la región de EE. UU. antes del 30 de mayo de 2024 seguirán conectándose con la instancia de chat regional correspondiente ubicada en EE. UU. Si desea migrar la Chat App existente de la región de la UE a la instancia Chat EU, siga las instrucciones del artículo Migración de Touchpoints de Chat de la UE. El documento descargable también se encuentra al final de este artículo.
- Los Touchpoints de chat creados en la región de CA siguen conectándose con la instancia regional de chat ubicada en EE. UU.
Chat App
Acceda a Workspace y vaya a "Admin" > Channels. En la pestaña "Channels list", encontrará el canal "Chat". Selecciónelo para configurar todos los Touchpoint de Chat.
- Channels list: Los canales disponibles en su cuenta. Seleccione Chat para configurar los Touchpoints del canal.
- Global settings: Configuración aplicable a uno o más canales. Por ejemplo, la definición de la importancia de la ocupación de cada conversación para cada canal.
- Templates: Cree mensajes preescritos para ayudar a los agentes a ser más eficientes.
- Chat channel: Para configurar este canal, haga clic en la sección Chat dentro de la aplicación "Channels".
- Number of touchpoints: Esta etiqueta indica el número de Touchpoints que ya estaban configurados para el chat.
Utilice el botón Create new touchpoint para crear un nuevo touchpoint. Al hacer clic, se pedirá el dominio del sitio web y un nombre descriptivo para el Touchpoint.
Si hace clic en el botón "More options" (...), podrá:
- Editar el Touchpoint de Chat.
- Editar la apariencia del chat.
- Duplicar las configuraciones de apariencia a un nuevo Touchpoint (se le pedirá el dominio y el nombre descriptivo).
- Activar o desactivar el touchpoint.
- Eliminar el touchpoint (solo es posible si primero se desactiva el chat. Nota: Tenga en cuenta que también tiene que eliminar el código del Widget del sitio web).
Touchpoint de Chat
Para cada chat Touchpoint hay cuatro pestañas:
- "Touchpoint"
- “Personalización”
- "Compromiso"
- "Ajustes"
Touchpoint: En esta pestaña puede configurar el dominio de su sitio web, asignar un flujo de Studio, conectarlo a un flujo de comentarios y copiar el código del Widget para añadirlo a su sitio web.
Nota: El fragmento de código solo está disponible en el modo de visualización.
Customization: En esta pestaña podrá personalizar la apariencia, como el color de la marca, el logotipo de la marca, el iniciador de chat y las preferencias de Chat Widget.
Engagement: En esta pestaña, podrá personalizar el formulario inicial y el mensaje del chat de Chat Widget.
Settings: En esta pestaña, podrá configurar el permiso de vista previa de conversaciones en la aplicación Inbox en función de los touchpoints y las funciones.
Para cambiar la pestaña seleccionada del modo de visualización al modo de edición, haga clic en el botón Edit.
Pestaña Touchpoint
Al entrar en la pestaña Touchpoint, estará en el modo de visualización. Para cambiar al modo de edición, haga clic en el botón Edit para comenzar a configurar su Touchpoint de chat.
Utilice "Domain" para añadir la URL del sitio web en el que desea que aparezca el Widget (consulte las directrices disponibles aquí). En el campo "Friendly name", introduzca un nombre descriptivo para el touchpoint, es decir, el nombre que se mostrará a los agentes.
Luego, seleccione en el menú desplegable el Studio flow que se asignará al Touchpoint.
Al configurar el chat por primera vez, puede abrir el enlace Configure a Studio flow, que le redirigirá a Studio para que pueda crear un flujo de Studio.
Nota: Puede cambiar el flujo de Studio asignado tantas veces como sea necesario, sin tener que cambiar el fragmento de código en su sitio web.
Deslice el conmutador "Status" para activar o desactivar el Touchpoint de Chat. Haga clic en Save para guardar su progreso.
: Una vez que se añada el código del Widget al sitio web, el Chat Widget aparecerá para todos los visitantes del sitio web.
: Al desactivarlo, el Chat Widget desaparecerá del sitio web. Las conversaciones en curso no se perderán, pero el visitante no podrá iniciar otra conversación.
Nota: El botón Save solo se activará una vez que añada el dominio y seleccione un flujo de Studio.
Después de guardar sus configuraciones, volverá al modo de visualización, donde podrá ver la configuración aplicada y el código del widget que debe añadir a su sitio web.
En "Domain Information", puede ver el dominio, el nombre descriptivo del dominio y el Studio flow asignado.
Después de guardar las configuraciones del Touchpoint, se generará el código del widget. Consulte esta sección para obtener más información sobre cómo añadir el código del Widget a su sitio web.
Nota: La sección de código del Widget solo se muestra en el modo de visualización.
Conexión al Flujo de Comentarios
Busque la opción "Connect to Feedback flow" y utilice el menú desplegable para seleccionar el flujo de comentarios que desea asignar al touchpoint.
También puede abrir el enlace Configure a Studio flow [1] para acceder al flujo de comentarios y crear una encuesta de chat.
Para desconectar una encuesta de chat del touchpoint de chat, pulse el icono "x" a la derecha del nombre del flujo.
Pestaña Customization
Al entrar en la pestaña Customization, estará en modo de visualización. Para cambiar al modo de edición, haga clic en el botón Edit para comenzar a configurar la apariencia de su chat.
Pestaña Appearance [1]: Personalice el tema, el color y el icono de Chat Widget, como el color de la marca, la imagen de marca, el iniciador de chat y el color del iniciador.
Pestaña Preference [2]: Aquí puede activar, desactivar y configurar los ajustes generales de Chat Widget, como el botón para finalizar el chat, la descarga de la transcripción del chat, el indicador de escritura, la visualización del nombre del agente, la personalización de Autopilot, etc.
Vista previa [3]: Vista previa de las pantallas de Chat Widget
Pestaña Appearance
Al entrar en la pestaña "Appearance", podrá comenzar a configurar la apariencia de su chat. Las siguientes funcionalidades estarán disponibles para su edición:
Dentro de "Chat Widget", puede seleccionar "Brand color" para elegir el color del tema del widget de chat que coincida con sus preferencias de marca. Esta selección actualizará varios elementos del widget de chat, incluido el fondo del encabezado, el texto del encabezado y el color de fondo del widget, entre otros.
Si selecciona la opción "More color settings", podrá especificar y obtener una vista previa de los colores del widget de chat para alinearlos con su marca. Estas opciones son:
- "Header background": El color de fondo del encabezado.
- "Header text": El color del texto del encabezado.
- "Welcome message background": El color de fondo del mensaje de bienvenida en la pantalla inicial del formulario.
- "Welcome message text": El color del texto del mensaje de bienvenida en la pantalla inicial del formulario.
- "Widget background": El color de fondo del widget de chat.
- "Action button": El color de fondo, contorno o frontal del botón de acción, incluyendo: el "botón Start chat", el "botón Start new chat", el "botón End chat", el "botón Cancel chat" y los botones de acción (digital component carousel, quick reply, etc.).
- "Agent’s bubble": El color de fondo de la burbuja de chat de un agente.
- "Agent’s text": El color del texto de un mensaje de chat de un agente.
- "Customer’s bubble": El color de fondo de la burbuja de chat del cliente.
- "Customer’s text": El color del texto del mensaje de chat del cliente.
- "Branding - Logo URL" [1]: Introduzca una URL para personalizar y previsualizar los logotipos de la marca en el Chat Widget.
- "Title" [2]: Introduzca el título y la descripción para personalizar y previsualizar las marcas en el Chat Widget.
- "Chat launcher - Icon URL" [3]: Introduzca una URL para personalizar y previsualizar el icono del iniciador del chat.
- "Launcher color" [4]: Seleccione un color para personalizar y previsualizar el color de fondo del iniciador del chat.
Pestaña Preference
Al ampliar la pestaña "Preference", verá una vista previa de cómo se verá el Widget en la sección Preview style.
También podrá configurar las siguientes funcionalidades activando o desactivando los respectivos selectores:
- Botón "Close conversation": activa/desactiva la opción que permite a los visitantes cerrar la conversación de chat (aparecerá en la cabecera del widget de chat).
- Indicador de escritura: Activa/desactiva la visibilidad del indicador de que el agente o el contacto está escribiendo (o de que Autopilot está cargando la respuesta).
Después de guardar sus configuraciones, volverá al modo de visualización, donde podrá ver las configuraciones aplicadas y qué contenido se mostrará en el Widget de Chat. Una etiqueta de estado indica si la opción “Close conversation" está habilitada o no.
Activar/Desactivar la Descarga de la Transcripción del Chat
La función de descarga de transcripciones de chat permite a los usuarios ver o archivar el historial de conversaciones importantes descargando las transcripciones de chat directamente desde el widget de chat.
Utilice el botón resaltado para activar o desactivar la opción que permite a los contactos descargar la transcripción del chat. Esta opción estará disponible en el menú More Options (tres puntos).
Una vez activada la opción «Descargar transcripción», los contactos pueden localizarla en el menú del widget de chat y hacer clic para descargarla como texto sin formato. El archivo descargado estará accesible desde la lista de descargas del navegador, para futuras consultas y fines de registro.
Mostrar Aviso Legal de la Política de Privacidad
Cuando se activa esta opción, los administradores pueden configurar y mostrar un aviso legal de la Política de Privacidad a los usuarios finales, que admite formato enriquecido, como enlaces incrustados, que aparecerán directamente en el Chat Widget. Este aviso legal suele informar a los usuarios sobre cómo se recopilan, almacenan y utilizan sus datos antes de que interactúen con el sistema, y los usuarios pueden hacer clic en el botón Cancel para cerrarlo.
Mostrar Nombre del Agente
Cuando este selector esté activo, los contactos podrán ver el nombre del agente en sus mensajes y se mostrará un mensaje informativo cuando el agente se haga cargo: por ejemplo, "Graham Shaw se encargará de su chat". Los administradores pueden personalizar la visualización para mostrar el nombre completo, el nombre de pila, los apellidos o un nombre específico del agente.
Personalizar el Nombre y Avatar de Autopilot
Active el interruptor "Customize autopilot's name" [1] para personalizar el nombre del Autopilot. Los contactos pueden ver el nombre del Autopilot junto a los mensajes correspondientes. El nombre predeterminado es "ChatBot".
Para personalizar el avatar del Autopilot [2], active el interruptor y configure el avatar del Autopilot introduciendo la URL del avatar. Los contactos podrán ver el avatar del autopilot bajo los respectivos mensajes.
Borrar Historial de Conversaciones
Cuando se activa esta configuración, el Chat Widget borra automáticamente el historial de conversaciones del lado del cliente una vez finalizada la sesión de chat y no almacena información personal en el navegador, como el historial de conversaciones, nombres, direcciones de correo electrónico, números de teléfono y otros datos introducidos por el usuario. Esto contribuye a proteger la privacidad del cliente en dispositivos compartidos o públicos al evitar que los usuarios posteriores accedan a conversaciones anteriores, lo que permite mantener la confianza del cliente y reforzar la protección de la privacidad de los datos.
Nota importante: Una vez activado este modo, Chat Widget se ejecuta de forma independiente en cada pestaña del navegador y no comparte datos entre pestañas. A diferencia de cuando el modo está desactivado, donde todas las pestañas comparten una única sesión de conversación, los usuarios pueden ejecutar varias conversaciones de chat independientes simultáneamente en diferentes pestañas dentro del mismo navegador.
Todos los usuarios se tratan como nuevos usuarios y el chat no puede reconocer a los usuarios recurrentes para las condiciones de asistencia proactiva por chat.
Pestaña Engagement
Inicio de la Conversación
Al acceder a la pestaña Engagement, estará en modo de visualización. Para cambiar al modo de edición, haga clic en el botón Edit para comenzar la configuración. Al desplegar la pestaña "Conversation", podrá activarla o desactivarla.
Activar o Desactivar "Chat immediately"
El selector "Chat immediately" ofrece una forma sencilla de iniciar conversaciones de chat sin requerir ninguna intervención por parte del usuario. Por ejemplo, cuando está habilitado y el formulario inicial está desactivado:
- La conversación por chat comienza instantáneamente cuando el usuario hace clic en el icono de inicio de chat.
- La contact person será dirigida en función del Studio Flow configurado, ya sea a Autopilot o a un agente en directo, lo que reduce la fricción y permite una asistencia inmediata.
Nota: En Chat Widget V2, esta función sustituye a la casilla de verificación anterior "Route conversation immediately after the user clicks this button". Los Touchpoints de chat existentes pasan automáticamente a la nueva configuración, lo que garantiza que los flujos de Studio se activen en cuanto el usuario interactúe con el botón de chat.
Pantalla Inicial
Al expandir la pestaña "Initial screen", podrá activar y configurar sus componentes.
Utilice el interruptor "Show/Hide initial screen" [1] para activar o desactivar la pantalla inicial de Chat Widget.
Nota: El "Preview style" [2] se actualizará cada vez que haga algún cambio en sus componentes.
Añada un "Welcome message" [3] en la parte superior del Chat Widget para darle la bienvenida a sus visitantes. Puede estar compuesto por un título de hasta 20 caracteres y un texto de hasta 120 caracteres.
Nota: Las URL añadidas a estos elementos serán enlaces en los que se podrá hacer clic.
Luego, puede crear un formulario de conversación previa para conseguir información del visitante que puede utilizarse con fines de enrutamiento o para facilitar contexto adicional a sus agentes.
Tenga en cuenta que, por defecto, hay un mensaje personalizado, un campo personalizado, un menú desplegable personalizado y un botón personalizado. Estos componentes por defecto no se pueden eliminar, pero solo se mostrarán si los configura.
Puede utilizar el botón + Add field para añadir otro componente personalizado a la pantalla inicial, según el tipo que seleccione:
- "Button"
- "Dropdown"
- "Field"
- "Message"
El "Custom button" añade un botón (al que puede asignar una etiqueta) para activar una acción. Actualmente, solo existe una opción de activación: "Start the chat".
Nota: Active la opción "Route conversation immediately after the user clicks this button" si desea que el flujo de Studio se active tan pronto como el usuario haga clic en el botón. Si está desactivada, el usuario tiene que enviar un mensaje para activar el flujo de Studio.
Con el "Custom dropdown" puede añadir un menú desplegable personalizado a la pantalla inicial.
En el "Custom field" podrá añadir un campo de entrada a la pantalla inicial, que permitirá al visitante introducir información. Puede añadir la etiqueta del campo en el cuadro de texto y luego asignarla al valor que está recopilando.
Nota: Por ejemplo, si desea solicitar la dirección de correo electrónico del visitante, escriba "Email" como nombre del campo personalizado y seleccione la opción "Contact email" en el menú desplegable. En caso de que desee solicitar otro tipo de información (por ejemplo, el número de pedido), puede definir el valor del campo personalizado como "Custom option".
La opción de añadir un "Custom message" añadirá un mensaje a la pantalla inicial. Al activar el conmutador "Chat bubble", el mensaje se mostrará dentro de una burbuja de chat.
Si elimina un campo mediante el icono correspondiente, se eliminará ese componente personalizado de la pantalla inicial.
Nota: Los componentes predeterminados no se pueden eliminar y, por lo tanto, tiene que eliminar su configuración para ocultarlos de la pantalla inicial.
El selector "Required" establece qué campos son opcionales u obligatorios antes de que el visitante pase a la pantalla del chat. Cada componente dispone de una herramienta de arrastrar y soltar que le permitirá cambiar el orden de presentación de los componentes en la pantalla inicial.
Después de guardar las configuraciones, volverá al modo de visualización y verá la configuración aplicada y qué contenido se mostrará en el widget de chat.
Verá una etiqueta de estado que indica si la pantalla inicial está habilitada o no, así como una vista previa de su configuración.
Para cada campo personalizado o menú desplegable personalizado, se generará un valor "Studio Argument". Cada argumento se puede asignar al componente "Incoming Message" del flujo de Studio del Touchpoint para brindar contexto a los agentes o para fines de enrutamiento.
Quickstart
Al expandir la sección "Quickstart", puede editar la siguiente configuración.
Messages
En la sección Messages [1], puede añadir mensajes estáticos que aparecerán una vez que el visitante esté en la pantalla de chat.
Por defecto, hay un cuadro de texto [2] para añadir un mensaje, pero solo se mostrará si lo configura. Puede añadir tantos mensajes como desee haciendo clic en el botón Add another message [3].
Consejo: Vacíe el mensaje para evitar que aparezcan mensajes en la pantalla de chat.
Cada mensaje dispone de una herramienta de arrastrar y soltar que le permitirá cambiar el orden de presentación de los mensajes en la pantalla del chat.
Quickstart
En la sección "Quickstart" [4], puede seleccionar una guía de inicio rápido de la lista desplegable para asociarlo con el Touchpoint de chat. Cuando se abre el widget de chat, la opción de inicio rápido que está seleccionada aparecerá al instante.
Vista previa de Quickstart
Al ampliar la sección "Quickstart", puede obtener una vista previa del inicio rápido.
El Chat Widget le permite obtener una vista previa del color y el estilo visual de un Quickstart seleccionado antes de publicarlo. Cuando se activa la opción Fly Out de Quickstart, la vista previa muestra el Quickstart flotando fuera de la burbuja de chat, lo que le ayuda a comprender exactamente cómo aparecerá y se comportará para los visitantes de su sitio web.
Cuando un usuario pasa el cursor sobre el Flyout de Quickstart en un navegador de sobremesa, aparece el botón Cancel. Si el usuario descarta el Quickstart, el Flyout se suprimirá y no se volverá a mostrar durante las siguientes 24 horas.
Tras guardar la configuración, volverá al modo de visualización, donde podrá ver la configuración aplicada y el contenido que se mostrará en el Chat Widget.
Pestaña Settings
En la pestaña "Settings", puede configurar los ajustes a nivel del touchpoint, así como ver un resumen de la configuración actual de los ajustes disponibles. Haga clic en el botón Edit del Touchpoint deseado para configurar los ajustes.
Conversation Preview
Con la opción "Conversation Preview", tiene la posibilidad de conceder o restringir a determinados roles la vista previa de las conversaciones de chat directamente desde la aplicación "Inbox".
- Allow previews: Activa o desactiva la vista previa de la conversación. Si se activa, todas las conversaciones de este Touchpoint podrán ser previsualizadas por los usuarios autorizados.
- Authorized roles: Cuando la opción "Allow previews" está activada, puede seleccionar las funciones que previsualizar las conversaciones del Touchpoint.
Sección de Quickstart
En el canal de chat hay 2 pestañas: "Touchpoint" y "Quickstart". Al hacer clic en la pestaña Quickstart, se le redirigirá a la lista de inicio rápido.
El inicio rápido de chat permite que la contact person vea componentes enriquecidos (como respuestas rápidas y mensajes enriquecidos) de inmediato después de abrir el widget de chat. Esto elimina el waiting time, lo que permite a los usuarios participar en conversaciones de inmediato y sin esperas. Con acceso instantáneo a elementos interactivos, los usuarios pueden iniciar el chat sin problemas y comunicarse con un agente en Autopilot o con un agente en vivo.
La lista Quickstart [1] detalla el tipo, la fecha de creación y la fecha de la última actualización de las guías de inicio rápido. Nota: Los tipos de mensaje y respuesta rápida de la plantilla de inicio rápido se crean de forma predeterminada.
Utilice el botón Create quickstart [2] para crear un nueva guía de inicio rápido. Una vez que se haga clic, se le pedirá que introduzca el nombre y la selección de la plantilla (por ejemplo, mensaje y respuesta rápida). Puede obtener más información en la sección Creación de Quickstart.
Con el botón “Más opciones“ (...) podrá realizar las siguientes acciones:
- Duplicate [3]: Se utiliza para duplicar una guía de inicio rápido.
- Delete [4]: Haga clic aquí para eliminar una guía de inicio rápido.
Creación de Quickstart
Después de hacer clic en el botón Create quickstart, aparecerá una ventana emergente. Aquí, los administradores pueden asignar un nombre para el inicio rápido [1] y elegir una plantilla [2] para crearlo (por ejemplo, "Message" o "Quick reply"). Tras hacer clic en el botón Create [3], se creará la guía de inicio rápido.
Edición de Quickstart: Mensaje
Nota: Los mensajes de las guías de inicio rápido admiten un formato enriquecido, que incluye texto en negrita, cursiva y subrayado, viñetas, enlaces incrustados, emojis y mucho más.
Los administradores pueden editar el mensaje mientras crean una opción de inicio rápido o haciendo clic en una opción de inicio rápido existente de la lista.
Para comenzar a editar, seleccione el icono Edit [1]. Ahora podrá utilizar el editor Quickstart Message [2] para redactar mensajes con formato de texto enriquecido. El editor admite:
- Negrita, cursiva, subrayado.
- Listas con viñetas y numeradas.
- Inserción de hipervínculos para dirigir a los usuarios a recursos relevantes.
Para completar la edición, haga clic en el botón Save [3].
Si desea eliminar esta guía de inicio rápido, haga clic en el botón Delete [4]. En ese caso, aparecerá una ventana de diálogo de confirmación para confirmar la eliminación del inicio rápido.
Edición de Quickstart: Respuesta Rápida
La respuesta rápida muestra botones interactivos para fomentar la participación del usuario. Cuando un usuario hace clic en uno de los botones, se envía un mensaje que contiene el valor de respuesta para iniciar la conversación de chat. Si el Autopilot está activado, gestionará y responderá al mensaje de respuesta automáticamente.
Para gestionar una respuesta, haga clic en ella para Edit [1] su etiqueta e introducir el mensaje de respuesta deseado [2]. Este es el mensaje que recibe y al que responde el Autopilot.
La secuencia de respuestas se puede modificar arrastrando y soltando las respuestas.
Para eliminar un mensaje de respuesta, solo tiene que hacer clic en el icono "Delete" [3] correspondiente al mensaje.
Haga clic en el botón Confirm [4] para confirmar los cambios.
Nota: El número de respuestas permitidas es de hasta 10 botones. Se necesita al menos un botón.
Edición de Quickstart: Botones
Los botones de inicio rápido ofrecen una interfaz interactiva que fomenta la participación del usuario. Cuando un usuario hace clic en uno de los botones, se envía un mensaje que contiene el valor de respuesta para iniciar la conversación de chat. Si el Autopilot está activado, gestionará y responderá al mensaje de respuesta automáticamente.
Para modificar un botón, haga clic en él para editar su contenido. Puede modificar "Label" [1] en el campo correspondiente. En el menú desplegable "Action type" [2], encontrará las siguientes opciones:
- Postback: El mensaje que Autopilot recibe y al que responde.
- Open url: Para configurar una URL válida que abra la página web en una nueva pestaña desde el widget de chat.
- Call to number: Configura un número válido para hacer una llamada desde el widget de chat.
La secuencia de botones se puede modificar arrastrando y soltando los botones correspondientes.
Haga clic en el botón Confirm [3] para confirmar los cambios.
Nota: El número de respuestas permitidas es de hasta 10 botones. Se necesita al menos un botón.
Edición de Quickstart: Activar Fly Out
El mensaje emergente dinámico del chat muestra una invitación flotante fuera de la burbuja del iniciador de chat para captar al instante la atención del visitante. Cuando está activado, aparece de forma dinámica, invitando a los usuarios a iniciar una conversación sin tener que abrir primero el iniciador. Esto ayuda a aumentar la participación y la conversión al hacer que las invitaciones al chat sean más visibles y oportunas.
Para activarlo, active el interruptor "Fly Out" [1]. La configuración se aplica a todos los tipos de Inicio rápido, incluidos los mensajes, las respuestas rápidas y los botones.
Nota: Fly Out Message solo se admite en Chat Widget V2. En los touchpoints de chat V2 que usan código personalizado para modificar el iniciador de chat, es posible que la función no se muestre como se espera. Envíe un ticket de asistencia si desea activar el Fly-Out Message en este caso.
[Preview] Edición de Quickstart: Editar Condiciones
Nota: Esta es una función en fase de prueba. Póngase en contacto con su representante de Talkdesk para activar esta función.
El chat proactivo aprovecha una combinación de datos de comportamiento (como el tiempo en el sitio web y el número de páginas visitadas), la visita a la URL de la página y variables personalizadas para activar un mensaje personalizado.
Esto cambia la asistencia de reactiva a proactiva, lo que garantiza una intervención oportuna y contextual en páginas de gran valor para evitar fricciones, aumentar las conversiones y mejorar la experiencia general del cliente.
Busque el inicio rápido específico que desea editar. Haga clic en el icono Edit para abrir la vista del editor de condiciones.
Visitante [1]
- Todos: La condición establecida se aplica a todos los visitantes del sitio web.
- Visitante nuevo: La condición establecida solo se aplica a los usuarios que visitan el sitio por primera vez.
- Visitante recurrente: La condición establecida solo se aplica a los usuarios que han visitado anteriormente el sitio.
Nota: Chat Widget identifica si un visitante es un usuario nuevo o recurrente en función de sus interacciones con las páginas web en las que está implementado el Widget. La identificación del usuario se basa en el dispositivo y el navegador utilizados. Se considerará que una persona de contacto es un nuevo usuario si:
- Utiliza otro navegador.
- Utiliza otro dispositivo.
- Borra el almacenamiento local de su navegador.
Cumple [2]
- Cumple TODAS estas condiciones: El Fly Out solo se activará si el visitante cumple todas las condiciones enumeradas (por ejemplo, tiene que estar en la página del carrito Y tener una puntuación baja en la encuesta Y haber visitado 3 páginas).
- Cumple UNA de estas condiciones: El Fly Out se activará si el visitante cumple cualquiera de las condiciones enumeradas.
Tiempo en el Sitio Web [3]
El tiempo en el sitio web registra la duración de la interacción activa del visitante dentro del sitio web, específicamente en las páginas implementadas por el Chat Widget. El rango configurable es de 10 a 1800 segundos. Los periodos de inactividad o tiempo de inactividad (como ver otras pestañas del navegador o cerrar la ventana) se excluyen para garantizar una medición precisa del tiempo concentrado.
Número de Páginas Visitadas [4]
Esta condición requiere que el visitante haya visto un número mínimo especificado de páginas durante la sesión de navegación actual. Cada página vista, incluidas las visitas repetidas a la misma página, contribuye a este total.
URL de la Página [5]
La condición URL de la Página le permite activar el chat proactivo en función de la dirección específica de la página que está viendo el visitante. Esto es esencial para seleccionar o excluir páginas específicas de gran valor.
La condición utiliza cuatro operadores principales:
- 'is' activa el chat solo si la URL coincide exactamente.
- 'is not' lo activa si la URL no coincide exactamente.
- 'contains' es flexible y activa el chat si alguna parte de la URL incluye la palabra clave especificada.
- 'doesn't contain' activa el chat si la URL no tiene la palabra clave especificada.
Variable Personalizada [6]
Permite la segmentación personalizada mediante pares clave-valor transmitidos desde el sitio web mediante el método SDK webchat.setContextParam().
Estas variables, que proporcionan contexto, como el idioma del usuario o un estado VIP, se pueden evaluar con varios operadores: is,' 'is not,' 'is greater than,' 'is less than,' 'contains,' y 'doesn't contain'.
Esto permite a los administradores crear reglas basadas en datos dinámicos recibidos desde el navegador del cliente para controlar con precisión el activador del Chat Fly Out. Consulte Chat Widget V2 para obtener información sobre cómo configurar el contexto.
Nota importante: La función de chat proactivo monitoriza el comportamiento del usuario en un intervalo de tiempo de una hora. Esto significa que, si un visitante permanece activo en el sitio web durante más de una hora, no se hará ningún seguimiento de su actividad posterior a ese período.
Integración de Chat Widget
Integración del Widget mediante Secuencia de Comandos
Acceda a "Admin" > "Channels" > "Chat" > "Touchpoint". En la pestaña Touchpoint, en el modo de visualización, localice la sección del código del Widget.
Seleccione el fragmento de código y haga clic en el botón Copy. Pegue el fragmento de código antes de la siguiente etiqueta de cierre en su propio sitio web:
- </body>
Nota: Cópielo en todas las páginas en las que desee que aparezca el Chat Widget.
Integración del Modo CSP Seguro de Chat Widget
La secuencia de comandos de integración del Chat Widget inserta etiquetas <style> en línea durante la ejecución. En entornos sanitarios regulados (por ejemplo, DigiD/RGPD), las políticas de seguridad prohíben el uso de 'unsafe-inline' en la directiva CSP style-src. Como resultado, el navegador bloquea los estilos insertados, impidiendo la carga del widget y provocando potencialmente un error no gestionado.
Cuando su sitio web aplica una Política de Seguridad de Contenido (CSP) estricta con la opción 'unsafe-inline' desactivada, el fragmento de código predeterminado del SDK de JavaScript de Chat Widget no funcionará, ya que depende de estilos en línea generados dinámicamente. Este comportamiento está restringido en entornos de CSP seguros.
Para implementar correctamente Chat Widget en estas condiciones, siga las recomendaciones de la sección "Integración del Modo CSP Seguro de Chat Widget con CSP unsafe-inline desactivado" en el Chat Widget V2.
Personalización del Chat Widget
Para adaptar mejor el Chat Widget a las características de su sitio web, puede personalizar la apariencia del Widget y la experiencia del usuario. Consulte este artículo para obtener más información.
Experiencias de Contacto
Visualización del Formato Markdown
El widget de chat ahora admite la representación del formato Markdown directamente dentro del chat, lo que permite que los mensajes generados por la Agentic AI platform muestren un formato enriquecido. Esto mejora la claridad del mensaje, la legibilidad y el compromiso en las interacciones por chat, lo que hace que las respuestas asistidas por IA sean más visualmente estructuradas y fáciles de usar.
- Configuraciones: Los administradores no tienen que activar ni configurar esta función. El sistema representa automáticamente el contenido Markdown generado por el AI Agent.
-
Markdown admitidos: Se admiten los formatos Markdown más utilizados generados por Agentic AI.
- Encabezados
- Negrita, cursiva
- Listas
- Tablas
- Enlaces incrustados
- Bloques de código
- Citas de bloque
Nota: La renderización de Markdown solo se admite en el canal de chat. Para canales como WhatsApp y SMS, se recomienda utilizar instrucciones para evitar que Agentic AI genere mensajes en formato Markdown, lo que garantiza que los mensajes permanezcan en texto plano para una visualización óptima.
Variables de Contexto
El componente del paso inicial en el flujo "Incoming Message" en Studio le permite incorporar el contexto proveniente del Chat Widget.
Es posible recopilar variables de contexto de las siguientes maneras:
- Datos proporcionados por el visitante: Solicitud de información en la pantalla inicial mediante Custom Fields y menús desplegables personalizados. Posteriormente, el visitante rellenará la información solicitada.
- Datos proporcionados por su sistema: Recepción de información de su sitio web cuando el visitante abre el Chat Widget o cuando inicia una conversación de chat.
Nota: Puede utilizar ambas formas al mismo tiempo.
Las variables recopiladas deben asignarse al componente "Incoming Message" del Studio flow que se asigna al Touchpoint de Chat. Después de eso, puede utilizarlos para gestionar qué variables desea presentar a sus agentes como contexto adicional para fines de enrutamiento o crear integraciones con otros Talkdesk Products.
Variables de Contexto Recibidas de la Pantalla Inicial
Vaya a "Admin" > "Channels" > "Chat" > "Touchpoint", abra la pestaña "Appearance" y haga clic en el botón Edit. Active la pantalla inicial y añada los campos que recopilarán el contexto que necesita. Consulte esta sección para obtener más información.
Verifique los argumentos Studio relacionados con cada campo de la pantalla inicial. Para más información sobre los argumentos de Studio, lea los siguientes artículos:
Abra el Studio flow del Touchpoint en modo de edición. Seleccione el componente Incoming Message, añada los argumentos y asigne las variables de flujo correspondientes:
- "Argument name": Copie el nombre del argumento del campo que aparece en la pestaña "Appearance" (modo de visualización) y péguelo en el cuadro de entrada del argumento.
- "Map to flow variable": Para las variables de datos de contacto, se debe aplicar la siguiente nomenclatura:
- field_name1 > contact_name
- field_number1 > contact_number
- field_email1 > contact_email
- Se puede utilizar cualquier otro nombre de variable para cualquier otro argumento.
Finalice la configuración según sus necesidades y haga clic en Save.
Variables de Contexto Recibidas del Sitio Web
En el código del widget, busque la sección comentada con la siguiente función y descoméntela:
- setContext()
Ejemplo: Recepción de variables al iniciar la conversación (con variables estáticas).
Luego, busque la función que se muestra a continuación y modifique sus parámetros para pasar los datos deseados:
- webchat.setContextParam()
Ahora elegirá cuándo desea recibir las variables context de su sitio web.
Para recibirlas al iniciar la conversación, mantenga la función:
- webchat.onConversationStart = function() { setContext() }
Y luego elimine la función:
- webchat.onOpenWebchat = function() { setContext() }
Para recibirlas cuando el Chat Widget esté abierto, mantenga la función:
- webchat.onOpenWebchat = function() { setContext() }
Y luego elimine la función:
- webchat.onConversationStart = function() { setContext() }
Los nombres de las variables que ha añadido a la función que se muestra a continuación corresponden a los argumentos de Studio:
- webchat.setContextParam()
Abra el Studio flow de Touchpoint en modo de edición. Seleccione el componente Incoming Message, añada los argumentos y asigne las variables de flujo correspondientes:
- "Argument name": Copie el nombre de la variable que ha añadido al código del widget dentro de la función "webchat.setContextParam" y péguelo en el cuadro de entrada de argumentos.
- “Map to flow variable”: Para las variables existentes, debe aplicarse la siguiente nomenclatura:
- argumento que recopila el nombre ➞ contact_name
- argumento que recopila el número ➞ contact_number
- argumento que recopila el correo electrónico ➞ contact_email
- Se puede utilizar cualquier otro nombre de variable para cualquier otro argumento.
Finalice la configuración de Studio Flow y haga clic en Save para guardar las configuraciones.
Posibles Aplicaciones de las Variables de Contexto
Mostrar Contexto Adicional a los Agentes
En la sección "Manage context" del Studio flow del Touchpoint, puede definir el contexto que se mostrará a sus agentes. Para hacerlo, abra Studio Flow en el modo de edición y haga clic en este botón: . Luego, seleccione las variables a las que desea que su agente tenga acceso durante la conversación de chat.
Ejemplos recibidos de la pantalla inicial y un ejemplo recibido del sitio web.
Rellenar previamente la tarjeta de datos de contacto
Al recibir el nombre, el número de teléfono y la dirección de correo electrónico del visitante, puede rellenar la tarjeta de datos de contacto.
Para ello, necesita exponer esas variables como contexto en la sección "Manage contex". Abra Studio Flow en el modo de edición y haga clic en: . Luego, seleccione las variables correspondientes a los datos de contacto.
Nota: Si obtiene un número de teléfono válido, el agente podrá seleccionar ese número al hacer clic para llamar al visitante.
Enrutar Conversaciones Según Declaraciones Condicionales
Con el componente Conditional Statement, puede enrutar una conversación de chat a una cola que coincida con las condiciones predefinidas.
Puede utilizar las variables de contexto para establecer estas condiciones y, posteriormente, utilizar el componente "Assign agents to message" para establecer la cola a la que se debe enrutar la conversación de chat.
Otras Posibles Aplicaciones
Existen varios usos para las variables context dentro de los diferentes componentes de Studio, por ejemplo, asignar una conversación a un ring group basándose en el valor de la variable en el componente "Assign agents to message".
Estas variables también se pueden pasar a sistemas externos a través de integraciones o automatizaciones que es posible configurar dentro del sistema de Talkdesk.
Identificación de Visitantes
En la Conversations app, un visitante se identificará como "Visitor #NNN" si no se crea o asigna ningún Contact al visitante durante la conversación de chat.
Nota: Si se rellena el campo "Name" de la tarjeta "Contact Details", el visitante se identificará por ese nombre en la pestaña Assigned to you, incluso si el contacto no se ha guardado.
En Reporting, un visitante será identificado como "Visitor #NNN" si no se ha creado o asignado ningún Contact al visitante cuando se esté gestionando una conversación de chat.
La identificación de los visitantes puede hacerse manual o automáticamente en función de cómo se consiga la información de contacto. Las opciones son:
-
El contacto se crea o identifica manualmente cuando el visitante proporciona los datos:
- Opción 1: El visitante facilitará la información solicitada y el agente rellenará la tarjeta "Contact Details" y luego la guardará como un nuevo contacto o la fusionará con un contacto existente.
- Opción 2: El visitante rellenará la información solicitada en la pantalla inicial del Widget de Chat, y el agente validará la información que se ha rellenado en la tarjeta "Contact Details". Luego puede guardarse como un nuevo contacto o fusionarse con uno ya existente.
En estos casos, si el mismo visitante vuelve a ponerse en contacto y facilita la misma información de contacto, Talkdesk no identificará al visitante automáticamente.
Nota: El contacto no se crea automáticamente para que los agentes puedan verificar la fiabilidad de la información proporcionada. Este paso es fundamental, ya que no existe ningún mecanismo que impida que los usuarios introduzcan datos de contacto incorrectos o erróneos en el formulario previo a la conversación, incluida la posibilidad de introducir la información de contacto de otra persona.
- El contacto se crea o identifica automáticamente cuando su sistema proporciona los datos al recibir la información de contacto de su sitio web, con la función "Chat User Identification".
Esta función le permite enviar la dirección de correo electrónico o el número de teléfono del visitante a Talkdesk, a través de una variable designada en el código del Widget de Chat. Cuando el visitante inicia una conversación por chat, el sistema recibe el número de teléfono o la dirección de correo electrónico del visitante y luego lo guarda automáticamente como nuevo contacto o lo relaciona con un contacto existente.
En este caso, si el mismo visitante vuelve a ponerse en contacto, Talkdesk identificará al contacto.
La función "Chat User Identification" es útil para las secciones del sitio web que exigen la autenticación del usuario. Con esta función, los visitantes pueden ser identificados de forma fiable, garantizando que la información que se envía procede del usuario que inicia la conversación de chat.
Nota: Talkdesk solo creará el contacto si el número de teléfono o la dirección de correo electrónico recibidos tienen un formato válido.
Creación e Identificación Manual de un Contacto
Cuando el visitante proporciona su información de contacto, los agentes tienen que decidir si crean (o no) un nuevo contacto o si asignan (o no) la conversación de chat a un contacto existente. Esto se debe a que el agente necesita validar la información facilitada.
Uso de un Formulario Previo a la Conversación para Recopilar la Información de Contacto
Vaya a "Admin" > "Channels" > "Chat" > "Touchpoint". Abra la pestaña "Appearance" y haga clic en Edit.
Amplíe la sección de la pantalla inicial. A continuación, añada Custom Fields y defínalos como "Contact name", "Contact number" y "Contact email".
Haga clic en "save" y compruebe los argumentos de Studio.
Abra el Studio flow del Touchpoint en modo "Edit". Seleccione el componente Incoming Message y añada los argumentos de la siguiente manera:
- field_name1 > contact_name
- field_number1 > contact_number
- field_email1 > contact_email
Finalice la configuración según sus necesidades y presione Save.
Haga clic en el botón y seleccione las variables de los datos de contacto:
Cómo funciona
Si no solicita la información de contacto por adelantado, sus agentes tendrán que hacer la petición de esa información durante la conversación de chat.
Luego deben copiar y pegar esa información en la tarjeta "Contact Details" y después guardarla como un nuevo contacto o fusionarla con uno ya existente.
Si utiliza la pantalla inicial para hacer la petición de la información de contacto por adelantado, la tarjeta "Contact Details" se rellenará con esa información.
Luego los agentes deben validar qué información quieren conservar y guardarla como un nuevo contacto o fusionarla con uno ya existente.
Creación e Identificación Automática de un Contacto
La función "Chat User Identification" ofrece un proceso automatizado para crear e identificar a los visitantes que inician una conversación de chat con sus agentes.
Los visitantes pueden ser identificados por su número de teléfono o dirección de correo electrónico.
Pasos de configuración
En primer lugar, busque la siguiente función en el código del widget:
- webchat.setContextParam()
Para enviar el número de teléfono del visitante (en formato E.164) o la dirección de correo electrónico desde su sitio web al sistema Talkdesk, utilice la siguiente variable:
- td_contact_person_identification
Nota: Los datos se tienen que recibir en un formato válido.
Asegúrese de mantener una o dos de las siguientes funciones en esa sección del código del widget:
- webchat.onConversationStart = function() { setContext() }
- webchat.onOpenWebchat = function() { setContext() }
Cómo funciona
Si la variable "td_contact_person_identification" contiene un número de teléfono o una dirección de correo electrónico válidos, el sistema buscará un número de teléfono y una dirección de correo electrónico coincidentes en la lista "Contacts".
- Si no encuentra ninguna coincidencia, se crea automáticamente un nuevo contacto. El nombre, el número de teléfono o la dirección de correo electrónico se rellenarán con el valor de la variable.
- Si encuentra una única coincidencia, se identificará el contacto.
- Si encuentra varias coincidencias, el sistema dará la opción de elegir entre varios contactos coincidentes.
Notas:
- Si el valor de la variable está vacío o tiene un formato no válido, el sistema no creará ni identificará a los visitantes automáticamente. El procedimiento manual será el que se deberá seguir. Consulte esta sección para obtener más información.
- Si se proporciona el número de teléfono o la dirección de correo electrónico en la pantalla inicial, el sistema anulará esa información a la hora de crear e identificar el contacto.