Wie setzt man step-by-step Leitfäden in Chats ein

Stellen Sie sicher, dass Sie step-by-step Guides für Agenten aktiviert und konfiguriert haben. Nachdem Sie die Leitfäden konfiguriert haben, stellen Sie sicher, dass sie angezeigt werden, wenn ein Kontakt für einen Mitarbeiter reserviert ist, der ihn beantworten kann.

Richten Sie Ihren Flow so ein, dass er Ansichten im Chat-Flow aufruft, indem Sie den View-Block anzeigen verwenden, genauso wie Sie ihn für Ihren Agenten konfigurieren würden. Im folgenden Beispiel wird der Guide ausgelöst, wenn der Kunde die Chat-Blase auswählt. Der Flow durchläuft zwei Ansichten, bevor der Chat an einen Agenten übertragen wird.

Erstellen Sie auf der Admin-Seite ein gehostetes Chat-Widget. Stellen Sie den Chat-Flow auf den von Ihnen erstellten ein.

Dieser gehostete Chat generiert ein Skript, das dem folgenden ähnelt:

<script type="text/javascript">
  (function(w, d, x, id){
    s=d.createElement('script');
    s.src='https://d38ij7tdo5kvz7.cloudfront.net/amazon-connect-chat-interface-client.js';
    s.async=1;
    s.id=id;
    d.getElementsByTagName('head')[0].appendChild(s);
    w[x] =  w[x] || function() { (w[x].ac = w[x].ac || []).push(arguments) };
  })(window, document, 'amazon_connect', '0b68a091-3538-4dcd-888e-f3b3ae64c5aa');
  amazon_connect('styles', { iconType: 'CHAT', openChat: { color: '#ffffff', backgroundColor: '#123456' }, closeChat: { color: '#ffffff', backgroundColor: '#123456'} });
  amazon_connect('snippetId', 'QVFJREFIZ3R0VzRTQkxzUnR6S1BPcXRseVBOUVlvWVlFclZwZmJ5bWZUc1hHVU1SM0FHM3BsdU4yaTZVTW9jeTRqQTRWMDJZQUFBQWJqQnNCZ2txaGtpRzl3MEJCd2FnWHpCZEFnRUFNRmdHQ1NxR1NJYjNEUUVIQVRBZUJnbGdoa2dCWlFNRUFTNHdFUVFNRFB0SmlxckgzenRMTjJ4cUFnRVFnQ3RxUHVQZm1Zd1F2ZjZVTzJ2ZTk5am1aUWEwZW53SHFzcmQ5bkdzRVdrNHJIbkJGTk81ekRBK0o4L1Q6OnBwUTZuLzRRKzVvdWdiUHhJRUU2MGM0TDlhcXEyZ0tramVmNkp3N2YvNXBIMTRwdDJSWmFVcjdzVTNzaXorc1BHTHhSOGd0b285dWpiemFrTU1tbWZoY0VCUEY4S3Z1ckdXNnZtV0ZjcVNFYnhrZlpuMVpsb1FGQjZ1SW5LMi9laHlmQVhXY3JXS1NDL1oxd29UejVkSUYwOFBoT3QvUT0=');
  amazon_connect('supportedMessagingContentTypes', [ 'text/plain', 'text/markdown' ]);
</script>                                      
                    

Die letzte Zeile enthält eine Reihe erlaubter Nachrichten. Sie können interaktive Nachrichten hinzufügen, um Guides im Chat zu aktivieren. Beispielsweise:

amazon_connect('supportedMessagingContentTypes', ['text/plain', 'application/vnd.amazonaws.connect.message.interactive', 'application/vnd.amazonaws.connect.message.interactive.response']);                        
                    

Fügen Sie Ihrer Zulassungsliste Folgendes hinzuURLs, damit step-by-step Guides im Chat funktionieren können:

Wenn Sie ein Widget CSP für den Chat verwenden, um auf Ihrer Website zu arbeiten, sollten Sie bereits über eine Cloudfront-URL verfügen. Beispielsweise: