Configurar Tarjeta adaptables

Puede utilizar Tarjeta adaptable para personalizar una ventana de chat. Tarjeta adaptable muestran información interactiva a los contactos. Permiten enviar mensajes con texto enriquecido y gráficos. También puede incluir controles de entrada y botones para recopilar comentarios de los usuarios que ven la tarjeta.

Tarjeta adaptable están disponibles para los canales deChat en Vivo Los agentes y contactos interactúan en tiempo real y Mensajes de Chat Chat asíncrono en el que los contactos envían un mensaje de chat en cualquier momento y esperan una respuesta. Actualmente, Tarjeta adaptable se utilizan para la comunicación con los bots. Si no están habilitadas las Tarjeta adaptable para su sistema, aparece texto de respaldo. Póngase en contacto con su Representante de cuenta CXone para obtener ayuda para habilitar esta función.

Mostrar Tarjeta adaptable en la Ventana de Chat

1. Haga clic en el selector de aplicaciones y seleccioneACD.

2. Ir aDigital >Puntos de contacto digital.

3. Haga clic enChat.

4. Haga clic en Personalización para el canal de chat que quiere configurar.

5. Desplácese hasta Personalización (CSS y JS) e ingrese el siguiente texto en el cuadro de texto CSS personalizado:

   
               button.ac-pushButton {

   color: #faac4b; 

   background: white;

   padding: 10px; 

   border: 1px solid; 

   border-radius: 10px; 

   cursor: pointer;

   }

6. Realice cambios y personalizaciones hasta que esté satisfecho con el formato y el aspecto de la Tarjeta adaptable.

7. Ingrese el siguiente texto en el cuadro de texto JS personalizado:

   
       window.addEventListener('load', function() {

   if (!window.MutationObserver) {

   return;

   }

   var iframeObserver = new MutationObserver(function(){

   var button = document.querySelector('.ac-pushButton');

   if (button) {

   button.onclick = function () {

   alert('roshan');

   };

   }

   });

   iframeObserver.observe(document.body, {

   attributes: true,

   subtree: true,

   childList: false,

   characterData: false

   });

   });

8. Haga clic en Guardar.

Después de agregar Tarjeta adaptable a un chat, debe probarlas para asegurarse de que aparecen correctamente. Puede probarlas utilizando Creador de bots o la Microsoft herramienta de pruebas .