Personalice los widgets de chat en vivo usando etiquetas de datos
Puede personalizar widgets de chat en vivo usando etiquetas de datos en el script widget. Puede usar las siguientes etiquetas en el script de chat widget que copie de su aplicación de administración, como el centro de administración de Customer Service. Más información: Incrustar widget de chat en su sitio web o portal
| Attribute name | Descripción | Ejemplo |
|---|---|---|
data-hide-chat-button |
Cuando implemente su widget de chat, puede agregar un botón de chat que se alinee con su experiencia de aplicación móvil en lugar de usar el botón de chat predeterminado. En tales casos, use esta etiqueta de datos para ocultar el botón de chat abierto predeterminado disponible en el widget de chat en directo. | <script id="Microsoft_Omnichannel_LCWidget" src="<valid-src>" data-app-id="<valid-app-id>" data-org-id="<valid-org-id>" data-org-url="<valid-org-url>" data-hide-chat-button="true"></script> |
data-hide-minimize-button |
Cuando implementa su widget de chat, puede desactivar el botón de minimizar dentro del chat predeterminado. Utilice esta etiqueta de datos para ocultar el botón predeterminado para minimizar el chat que está disponible en el widget de chat en vivo. | <script id="Microsoft_Omnichannel_LCWidget" src="<valid-src>" data-app-id="<valid-app-id>" data-org-id="<valid-org-id>" data-org-url="<valid-org-url>" data-hide-minimize-button="true"></script> |
data-disable-telemetry |
De forma predeterminada, la recopilación de datos de telemetría está activada para todos los widgets. Establezca el valor de esta etiqueta de datos como true si desea deshabilitar la recopilación de datos de telemetría. Más información: Telemetría del widget de chat activo |
<script id="Microsoft_Omnichannel_LCWidget" src="<valid-src>" data-app-id="<valid-app-id>" data-org-id="<valid-org-id>" data-org-url="<valid-org-url>" data-disable-telemetry="true"></script> |
data-render-mobile |
Abra el widget de chat en modo móvil. El widget de chat no tiene un encabezado cuando se usa en un dispositivo móvil. Más información: Personalizar un widget de chat en directo para aplicaciones móviles | <script id="Microsoft_Omnichannel_LCWidget" src="<valid-src>" data-app-id="<valid-app-id>" data-org-id="<valid-org-id>" data-org-url="<valid-org-url>" data-render-mobile="true" ></script> |
data-color-override |
Utilice esta etiqueta de datos para anular el color del tema predeterminado del widget de chat. Esta anulación tiene prioridad sobre cualquier configuración de tema de color en la aplicación de administración. | Este es un ejemplo, en el que el color del tema del widget de chat cambia a azul.<script id="Microsoft_Omnichannel_LCWidget" src="<valid-src>" data-app-id="<valid-app-id>" data-org-id="<valid-org-id>" data-org-url="<valid-org-url>" data-color-override="#0000FF"></script> |
data-font-family-override |
La familia de fuentes predeterminada es Segoe UI. Utilice esta etiqueta de datos para anular la familia de fuentes predeterminada con otra fuente admitida nativa. | Ejemplo 1: para anular la fuente Segoe UI predeterminada y establecer la familia de fuentes en Arial: <script id="Microsoft_Omnichannel_LCWidget" src="<valid-src>" data-app-id="<valid-app-id>" data-org-id="<valid-org-id>" data-org-url="<valid-org-url>" data-font-family-override="Arial, Segoe UI"></script> Ejemplo 2: para agregar una familia de fuentes personalizada como Monotype Corsiva: <script id="Microsoft_Omnichannel_LCWidget" src="<valid-src>" data-app-id="<valid-app-id>" data-org-id="<valid-org-id>" data-org-url="<valid-org-url>" data-font-family-override="Monotype Corsiva"></script> |
data-open-in-window |
Utilice esta etiqueta de datos para abrir el chat widget en una nueva ventana. Puede establecer esta etiqueta en true o false (valor por defecto). De forma predeterminada, el widget de chat se abre en la misma ventana del explorador. Si se establece como true, el widget de chat se abre en una nueva ventana del explorador cuando se seleccione. |
<script id="Microsoft_Omnichannel_LCWidget" src="<valid-src>" data-app-id="<valid-app-id>" data-org-id="<valid-org-id>" data-org-url="<valid-org-url>" data-open-in-window="true"></script> |
data-suggested-action-layout |
Utilice esta etiqueta de datos para mostrar las acciones sugeridas verticalmente. De forma predeterminada, las acciones sugeridas se muestran horizontalmente. Para mostrar las acciones sugeridas verticalmente, establezca el valor de esta etiqueta de datos como stacked. |
<script id="Microsoft_Omnichannel_LCWidget" src="<valid-src>" data-app-id="<valid-app-id>" data-org-id="<valid-org-id>" data-org-url="<valid-org-url>" data-suggested-action-layout="stacked"></script> |
data-enable-lcw-autofill |
Utilice esta etiqueta de datos para permitir que el widget de chat complete automáticamente la ventana del navegador en modo incrustado. | <script id="Microsoft_Omnichannel_LCWidget" src="<valid-src>" data-app-id="<valid-app-id>" data-org-id="<valid-org-id>" data-org-url="<valid-org-url>" data-enable-lcw-autofill="true"></script> |
data-custom-close-button-text |
Utilice esta etiqueta de datos para personalizar el botón de cierre del chat widget. La entrada es una cadena de texto que aparece en lugar del botón de cierre predeterminado 'X'. | <script id="Microsoft_Omnichannel_LCWidget" src="<valid-src>" data-app-id="<valid-app-id>" data-org-id="<valid-org-id>" data-org-url="<valid-org-url>" data-custom-close-button-text="End Chat"></script> |
data-enable-sso-magic-code |
Utilice esta etiqueta de datos para enviar automáticamente un código mágico al usuario después de iniciar sesión, ya sea en el chat o en silencio a través del cliente. Esta función es similar a la autenticación multifactor y ayuda a prevenir ataques de phishing. Puede establecer esta etiqueta en true (valor predeterminado) o false. Si se establece en false, el código se envía automáticamente a través del cliente en silencio, después de iniciar sesión. Si se establece en true, se muestra un código magic al usuario para entrar manualmente en el chat, después de iniciar sesión. Consulte la sección Configuraciones adicionales para navegadores de este artículo para obtener más información. |
En este ejemplo, el código mágico se pasa automáticamente a través del cliente después de iniciar sesión, sin necesidad de entrada de usuario. <script id="Microsoft_Omnichannel_LCWidget" src="<valid-src>" data-app-id="<valid-app-id>" data-org-id="<valid-org-id>" data-org-url="<valid-org-url>" data-enable-sso-magic-code="false"></script> |
Configuraciones adicionales para navegadores
Realice los pasos específicos del navegador que se describen aquí para pasar automáticamente el código mágico.
Navegadores basados en Chromium
- En Microsoft Edge, introduzca "edge://flags/#third-party-storage-partitioning" en la barra de direcciones. En Google Chrome, introduzca "chrome://flags/#third-party-storage-partitioning" en la barra de direcciones.
- En la página que aparece, establezca la bandera Partición de almacenamiento de terceros en Desactivada.
Firefox
- En Firefox, ingrese "about:preferences#privacy" en la barra de direcciones.
- En la página que aparece, seleccione Personalizada y, para Cookies, seleccione Cookies de rastreo a través de sitios.
Safari
En el cuadro de diálogo de configuración, seleccione Indicadores de funciones y borre la selección de Partición de origen BroadcastChannel.
Pasos siguientes
Desarrollar un widget de chat en vivo personalizado
Consulte también
Iniciar chat proactivo
Telemetría del widget de Chat activo
Personalizar los widgets de chat en directo para aplicaciones móviles
Referencia de las SDK de chat activo