Configurar Adaptive Cards

Puede utilizar Adaptive Card para personalizar una ventana de chat. Adaptive Card 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.

Adaptive Card 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, Adaptive Card se utilizan para la comunicación con los bots. Si no están habilitadas las Adaptive Card para su sistema, aparece texto de respaldo. Póngase en contacto con su Representante de cuenta para obtener ayuda para habilitar esta función.

Mostrar Adaptive Card 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 Adaptive Card.

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

Después de agregar Adaptive Card a un chat, debe probarlas para asegurarse de que aparecen correctamente. Puede probarlas utilizando Bot Builder o la Microsoft herramienta de pruebas .