Die vorliegende Übersetzung wurde maschinell erstellt. Im Falle eines Konflikts oder eines Widerspruchs zwischen dieser übersetzten Fassung und der englischen Fassung (einschließlich infolge von Verzögerungen bei der Übersetzung) ist die englische Fassung maßgeblich. # Aktivieren der Textformatierung für die Chat-Umgebung Ihrer Kunden in Amazon Connect Mit der Nachrichtenformatierung von Amazon Connect können Ihre Kunden und Kundendienstmitarbeiter Chat-Nachrichten schnell Struktur und Klarheit verleihen. **Topics** + [Unterstützte Formatierungstypen](#supported-format-types) + [Aktivieren der Nachrichtenformatierung](#how-to-enable-message-formatting) + [So fügen Sie E-Mail- und Telefon-Links hinzu](#add-email-phone-links) + [So fügen Sie Chatbot-Nachrichten hinzu](#add-bot-messages) ## Unterstützte Formatierungstypen Mithilfe von Markdown können Sie sowohl auf der Chat-Benutzeroberfläche als auch in der Anwendung für Kundendienstmitarbeiter die folgenden Formatierungsarten angeben: + Fett + Kursiv + Aufzählungsliste + Nummerierte Liste + Hyperlinks + Emoji + Anlagen Folgen Sie den Anweisungen unter [Aktivieren von Anhängen in Ihrem CCP, damit Kunden und Kundendienstmitarbeiter Dateien teilen und hochladen können](enable-attachments.md), um Anlagen zu aktivieren. ## So aktivieren Sie die Nachrichtenformatierung 1. Wenn Sie eine neue [Chat-Benutzeroberfläche](add-chat-to-website.md) erstellen, ist die Rich-Text-Formatierung standardmäßig aktiviert. Es ist keine zusätzliche Konfiguration erforderlich. 1. Um einer vorhandenen [Chat-Benutzeroberfläche](add-chat-to-website.md) Funktionen zur Textformatierung hinzuzufügen, aktualisieren Sie den [Kommunikations-Widget-Code](add-chat-to-website.md) mit dem folgenden Code, der fett hervorgehoben ist: ``` (function(w, d, x, id){ s=d.createElement('script'); s.src='https://your-instance-alias.my.connect.aws/connectwidget/static/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', 'widget-id'); amazon_connect('styles', { openChat: { color: 'white', backgroundColor: '#123456'}, closeChat: { color: 'white', backgroundColor: '#123456'} }); amazon_connect('snippetId', 'snippet-id'); amazon_connect('supportedMessagingContentTypes', [ 'text/plain', 'text/markdown' ]); ``` Der rot hervorgehobene Code wird auf die richtigen Werte gesetzt, wenn Sie das Snippet von der Amazon Connect Konsole abrufen. Hinzuzufügen oder zu entfernen ist ausschließlich die letzte fettgedruckte Zeile für `supportedMessagingContentTypes`. 1. Gehen Sie wie folgt vor, um Ihrer eigenen benutzerdefinierten Chat-Benutzeroberfläche (z. B. [Chat Interface](https://github.com/amazon-connect/amazon-connect-chat-interface) oder einer eigenen UI-Lösung zusätzlich zu [ChatJS](https://github.com/amazon-connect/amazon-connect-chatjs)) Textformatierungsfunktionen hinzuzufügen: 1. Rufen Sie die [StartChatContact](https://docs.aws.amazon.com/connect/latest/APIReference/API_StartChatContact.html)-API auf. Fügen Sie beim Aufrufen von `StartChatContact` den Parameter `SupportedMessagingContentTypes` hinzu, wie im folgenden Beispiel fett hervorgehoben: ``` // Amazon Connect StartChatContact API { "Attributes": { "string" : "string" }, "ClientToken": "string", "ContactFlowId": "your flow ID", "InitialMessage": { "Content": "string", "ContentType": "string" }, "InstanceId": "your instance ID", "ParticipantDetails": { "DisplayName": "string" } // optional "SupportedMessagingContentTypes": [ "text/plain", "text/markdown" ] } ``` 1. Importieren Sie `chatjs` als Objekt, wie im folgenden Beispiel gezeigt: ``` import "amazon-connect-chatjs"; this.session = connect.ChatSession.create({ ... }); this.session.sendMessage({ message: "message-in-markdown-format", contentType: "text/markdown" }); ``` Wenn Sie es nicht verwenden ChatJs, finden Sie in diesen Themen Informationen zum Senden von Markdown-Text über Amazon Connect APIs: [StartChatContact](https://docs.aws.amazon.com/connect/latest/APIReference/API_StartChatContact.html)und [SendMessage](https://docs.aws.amazon.com/connect-participant/latest/APIReference/API_SendMessage.html). 1. Senden von Nachrichten mit Markdown Ein Beispiel für das Senden von Nachrichten finden Sie im vorherigen Codeausschnitt für den Import von `chatjs` als Objekt. Sie können einfaches Markdown zum Formatieren von Text in Chats verwenden. Wenn Sie [Chatjs bereits heute zum Senden von Klartext-Nachrichten verwenden](https://github.com/amazon-connect/amazon-connect-chatjs/blob/master/src/core/chatController.js#L66), können Sie Ihre bestehende Logik so ändern, dass Sie [SendMessage](https://docs.aws.amazon.com/connect-participant/latest/APIReference/API_SendMessage.html)mit `text/markdown` as aufrufen, `contentType` anstatt `text/plain` wann Sie Markdown-Nachrichten senden möchten. Achten Sie darauf, den Parameter `sendMessage` so zu aktualisieren, dass er das Markdown-Format Ihrer Nachrichten hat. Weitere Informationen finden Sie unter [Markdown Guide Basic Syntax](https://www.markdownguide.org/basic-syntax/). 1. Implementieren Sie eine eigene Logik im UI-Paket, um Markdown-Nachrichten im Eingabebereich und im Chat-Transkript auszugeben. Wenn Sie React verwenden, können Sie [React-Markdown](https://github.com/remarkjs/react-markdown) als Referenz verwenden. **Anmerkung** Funktionen zur Textformatierung stehen Kundendienstmitarbeitern nur zur Verfügung, wenn diese Features für Kunden in der Chat-Benutzeroberfläche aktiviert wurden. Wenn Textformatierung auf der kundenseitigen Chat-Benutzeroberfläche nicht unterstützt oder aktiviert wird, können Kundendienstmitarbeiter keine Nachrichten mit Textformatierung verfassen und senden. Alle Textformatierungsfunktionen mit Ausnahme von Anhängen sind für [Schnellantworten](create-quick-responses.md) verfügbar. ## So fügen Sie E-Mail- und Telefon-Links hinzu Im folgenden Beispiel wird gezeigt, wie Sie Ihren Web- und Mobilanwendungen anklickbare und aufrufbare Links hinzufügen. ``` Call us today: [+1 (123) 456-7890](tel:+11234567890) [Call Us](tel:+11234567890) [Skype Us](callto:+91123-456-7890) [Fax Us](fax:+91123-456-7890) [Text Us](SMS:+91123-456-7890) [Email Us](mailto:name@email.com) ``` ## So fügen Sie Chatbot-Nachrichten hinzu Wenn Sie Markdown für Chat-Nachrichten aktivieren, können Sie die Rich-Text-Formatierung für die folgenden Arten von Chatbot-Nachrichten verwenden: + Flows zum [Abspielen von Prompts](play.md) + Flows zum [Abrufen von Kundeneingaben](get-customer-input.md) + `SYSTEM_MESSAGE` + `Lex BOT` + `Third Party BOT` + `Lex BOT Lambda` Die folgende Abbildung zeigt, wie Sie einen Prompt manuell in einem Ablaufblock zum [Abspielen von Prompts](play.md) aktivieren können: ![\[Bild eines Flow-Blocks und eines Prompts mit 2 Links, einem für häufig gestellte Fragen und einem für eine Telefonnummer.\]](http://docs.aws.amazon.com/de_de/connect/latest/adminguide/images/chat-rtf-play-prompt-flow-1.png) Die folgende Abbildung zeigt, wie Sie einen Prompt manuell in einem Ablaufblock zum [Abrufen von Kundeneingaben](get-customer-input.md) aktivieren und den Ablaufblock dann einem Amazon-Lex-Bot zuordnen: ![\[Bild eines Flow-Blocks und eines Prompts mit 2 Links, einem für häufig gestellte Fragen und einem für eine Telefonnummer.\]](http://docs.aws.amazon.com/de_de/connect/latest/adminguide/images/chat-rtf-get-customer-flow.png) Die folgende Abbildung zeigt, wie der Prompt in SYSTEM\$1MESSAGE und verschiedenen BOT-Nachrichtentypen angezeigt wird: ![\[Das Bild zeigt die Links „Häufig gestellte Fragen lesen“ und „Rufen Sie uns an“ in SYSTEM- und BOT-Nachrichten.\]](http://docs.aws.amazon.com/de_de/connect/latest/adminguide/images/chat-rtf-sys-bot-messages.png) Die folgende Abbildung zeigt, wie Sie einen Prompt in einer Bot-Absicht von Amazon Lex einrichten: ![\[Bild einer Amazon-Lex-Absicht mit einem Prompt und 2 Links, einem für häufig gestellte Fragen und einem für eine Telefonnummer.\]](http://docs.aws.amazon.com/de_de/connect/latest/adminguide/images/chat-rtf-lex-flow.png) Weitere Informationen zu Absichten finden Sie unter [Hinzufügen von Absichten](https://docs.aws.amazon.com/lexv2/latest/dg/add-intents.html) im *Entwicklerhandbuch zu Amazon Lex V2*. Weitere Informationen zu Lambda-Nachrichten finden Sie unter [Aktivieren benutzerdefinierter Logik mit AWS Lambda-Funktionen](https://docs.aws.amazon.com/lexv2/latest/dg/lambda.html), ebenfalls im *Amazon Lex V2 Developer Guide*.