Compartir vía


Probar el canal de mensajería personalizada

Plataforma omnicanal para Customer Service le permite implementar un conector para integrar canales de mensajería personalizada. El completo código de muestra ilustra cómo puede crear su propio conector que se integre con la Plataforma omnicanal para Customer Service usando el bot de Direct Line.

Código de ejemplo para probar el canal de mensajería personalizada

Puede usar el siguiente código de ejemplo para probar el canal de mensajería personalizada que desea incorporar a Plataforma omnicanal para Customer Service. Puede modificar el código de ejemplo para adaptarlo a las necesidades de su organización.

<!DOCTYPE html>
<html lang="en-US">
<head>
    <title>Web Chat: Full-featured bundle</title>

    <script src="https://cdn.botframework.com/botframework-webchat/latest/webchat.js"></script>

    <style>
    html, body { height: 100% }
    body {
      margin: 0;
      background-color: paleturquoise;
    }
    #webchat {
      height: 100%;
      width: 100%;
    }
  </style>
</head>
<body>
       <div id="webchat" role="main"></div>
    <script>
    (async function () {
        const res = await fetch('https://directline.botframework.com/v3/directline/conversations', 
{ method: 'POST', headers: { Authorization: 'Bearer ***************Insert Direct Line Secret here *******************' }});

      const { token } = await res.json();

      (async function () {
	window.WebChat.renderWebChat({
      directLine: window.WebChat.createDirectLine({ token }),
      styleOptions: {
        rootHeight: '100%',
        rootWidth: '50%',
		bubbleMaxWidth: 1200,               
        botAvatarInitials: 'C',                
        userAvatarInitials: 'A',  
      }
    }, document.getElementById('webchat'));
    })()
    })().catch(err => console.error(err));
   </script>
</body>
</html>

Pasos siguientes

Conceptos clave en Direct Line API 3.0

Consulte también

Traer su propio canal de mensajería personalizada con Direct Line
Configurar el canal de mensajería personalizado