Konfigurieren des Anpassungsobjekts Unterstützte Optionen und Beschränkungen

Zusätzliche Anpassungen für Ihr Chat-Widget von Amazon Connect

Sie können die folgenden optionalen Anpassungen zu Ihrer Chat-Benutzeroberfläche hinzufügen:

Anzeigen der Schaltfläche Chat beenden im Dropdown-Menü in der Kopfzeile statt in der Fußzeile.
Maskieren oder Ausblenden von Anzeigenamen.
Hinzufügen von Nachrichtensymbolen.
Überschreiben Sie Ereignisnachrichten.
Konfigurieren Sie ein Bestätigungsdialogfeld, das Kunden angezeigt wird, wenn sie auf die Schaltfläche Chat beenden klicken. In diesem Dialogfeld wird bestätigt, dass Kunden beabsichtigen, die Chat-Sitzung tatsächlich zu beenden. Sie können das Bestätigungsdialogfeld, den Titel, die Nachricht und den Schaltflächentext anpassen.
Überschreiben Sie die Nachricht zur Ablehnung von Anhängen.

Konfigurieren des Anpassungsobjekts

Dieses Beispiel veranschaulicht, wie Sie einige der optionalen Anpassungen implementieren. Eine Liste aller möglichen Anpassungen finden Sie unter Unterstützte Optionen und Beschränkungen. Da diese Anpassungen optional sind, können Sie einige oder alle der im folgenden Beispiel gezeigten Felder implementieren. Ersetzen Sie die Zeichenfolgen eventNames.customer, eventNames.agent, eventNames.supervisor, eventMessages.participantJoined, eventMessages.participantDisconnect, eventMessages.participantLeft, eventMessages.participantIdle, eventMessages.participantReturned und eventMessages.chatEnded nach Bedarf. Symbole müssen öffentlich gehostet werden. URLs


amazon_connect('customizationObject', {
        header: { 
            dropdown: true, 
            dynamicHeader: true,
        },
        transcript: { 
            hideDisplayNames: false, 
            eventNames: {
                customer: "User",
                agent: "Webchat Agent",
                supervisor: "Webchat Supervisor"
            },
            eventMessages: {
                participantJoined: "{name} has joined the chat",
                participantDisconnect: "",
                participantLeft: "{name} has dropped",
                participantIdle: "{name}, are you still there?",
                participantReturned: "",
                chatEnded: "Chat ended",
            },
            displayIcons: true,
            iconSources: { 
                botMessage: "imageURL",
                systemMessage: "imageURL",
                agentMessage: "imageURL",
                customerMessage: "imageURL",
            },
        },
        composer: {
            disableEmojiPicker: true,
            disableCustomerAttachments: true,
            alwaysHideToolbar: true,
        },
        footer: {
            disabled:true,
            skipCloseChatButton: true,
        },
        endChat: {
            enableConfirmationDialog: true,
            confirmationDialogText: {
                title: "End Chat",
                message: "Are you sure you want to end this chat?",
                confirmButtonText: "End Chat",
                cancelButtonText: "Cancel",
        },
    },
    attachment: {
         // Default rejectedErrorMessage: Attachment was rejected.
        rejectedErrorMessage: "Custom Error Message: Files cannot exceed 15 MB." //this is customizable attribute 
    }
});

Die folgende Abbildung zeigt, wie die Anpassungen aussehen, wenn Sie das Beispiel verwenden:

Das Diagramm zeigt die anpassbaren Anzeigenamen, Menüpositionen, Symbole und das Bestätigungsdialogfeld „Chat beenden“.

Unterstützte Optionen und Beschränkungen

In der folgenden Tabelle sind die Namen von unterstützten Anpassungsfeldern und die empfohlenen Beschränkungen der Werte aufgeführt.

Benutzerdefinierte Layoutoption	Typ	Beschreibung
`header.dropdown`	Boolesch	Rendert das Kopfzeilen-Dropdown-Menü anstelle der Standard-Fußzeile Anmerkung Wenn Sie diese Option auf `true` setzen, wird die Schaltfläche Transkript herunterladen angezeigt und bleibt sichtbar, bis Sie die Option auf `false` setzen oder die Option entfernen.
`header.dynamicHeader`	Boolesch	Setzt den Header-Titel dynamisch auf „Chatten mit Bot/AgentName“.
`header.hideTranscriptDownloadButton`	Boolesch	Blendet die Schaltfläche Transkript herunterladen im Kopfzeilen-Dropdown-Menü aus Der Standardwert ist `false`.
`transcript.hideDisplayNames`	Boolesch	Blendet alle Anzeigenamen aus und wendet Standardnamenmasken an, falls `eventNames` nicht angegeben ist
`transcript.eventNames.customer`	Zeichenfolge	Maskiert den Anzeigenamen des Kunden
`transcript.eventNames.agent`	Zeichenfolge	Maskiert den Anzeigenamen des Kundendienstmitarbeiters
`transcript.eventNames.supervisor`	Zeichenfolge	Maskiert den Anzeigenamen des Supervisoren
`transcript.eventMessages.participantJoined`	Zeichenfolge	Setzt die Ereignisnachricht im Transkript außer Kraft, wenn ein Teilnehmer dem Chat beigetreten ist. Wenn eine leere Zeichenfolge angegeben ist, wird die Ereignisnachricht im Transkript weggelassen. `{name}` kann in der Nachricht übergeben werden und wird durch den Anzeigenamen des entsprechenden Teilnehmers ersetzt. Die Standardnachricht lautet `{name} has joined the chat`.
`transcript.eventMessages.participantDisconnect`	Zeichenfolge	Setzt die Ereignisnachricht im Transkript außer Kraft, wenn ein Teilnehmer vom Chat getrennt wird. Wenn eine leere Zeichenfolge angegeben ist, wird die Ereignisnachricht im Transkript weggelassen. `{name}` kann in der Nachricht übergeben werden und wird durch den Anzeigenamen des entsprechenden Teilnehmers ersetzt. Die Standardnachricht lautet {`name} has been idle too long, disconnecting`.
`transcript.eventMessages.participantLeft`	Zeichenfolge	Setzt die Ereignisnachricht im Transkript außer Kraft, wenn ein Teilnehmer den Chat verlassen hat. Wenn eine leere Zeichenfolge angegeben ist, wird die Ereignisnachricht im Transkript weggelassen. `{name}` kann in der Nachricht übergeben werden und wird durch den Anzeigenamen des entsprechenden Teilnehmers ersetzt. Die Standardnachricht lautet `{name} has left the chat`.
`transcript.eventMessages.participantIdle`	Zeichenfolge	Setzt die Ereignisnachricht im Transkript außer Kraft, wenn ein Teilnehmer inaktiv ist. Wenn eine leere Zeichenfolge angegeben ist, wird die Ereignisnachricht im Transkript weggelassen. `{name}` kann in der Nachricht übergeben werden und wird durch den Anzeigenamen des entsprechenden Teilnehmers ersetzt. Die Standardnachricht lautet `{name} has become idle`.
`transcript.eventMessages.participantReturned`	Zeichenfolge	Setzt die Ereignisnachricht im Transkript außer Kraft, wenn ein Teilnehmer zum Chat zurückgekehrt ist. Wenn eine leere Zeichenfolge angegeben ist, wird die Ereignisnachricht im Transkript weggelassen. `{name}` kann in der Nachricht übergeben werden und wird durch den Anzeigenamen des entsprechenden Teilnehmers ersetzt. Die Standardnachricht lautet `{name} has returned`.
`transcript.eventMessages.chatEnded`	Zeichenfolge	Setzt die Ereignisnachricht im Transkript außer Kraft, wenn der Chat beendet wurde. Wenn eine leere Zeichenfolge angegeben ist, wird die Ereignisnachricht im Transkript weggelassen. `{name}` kann in der Nachricht übergeben werden und wird durch den Anzeigenamen des entsprechenden Teilnehmers ersetzt. Die Standardnachricht lautet `Chat has ended!`.
`transcript.displayIcons`	Boolesch	Aktiviert Symbole für die Nachrichtenanzeige
`transcript.iconSources.botMessage`	Zeichenfolge	Das Symbol, das für Bot-Nachrichten angezeigt wird, muss auf einer öffentlichen URL gehostet werden.
`transcript.iconSources.systemMessage`	Zeichenfolge	Das Symbol, das für Systemnachrichten angezeigt wird, muss auf einer öffentlichen URL gehostet werden.
`transcript.iconSources.agentMessage`	Zeichenfolge	Das Symbol, das für Kundendienstmitarbeiter-Nachrichten angezeigt wird, muss auf einer öffentlichen URL gehostet werden.
`transcript.iconSources.customerMessage`	Zeichenfolge	Das Symbol, das für Kundennachrichten angezeigt wird, muss auf einer öffentlichen URL gehostet werden.
`composer.alwaysHideToolbar`	Boolesch	Blendet die Formatierungssymbolleiste aus, die Textstilfunktionen wie Fett, Kursiv und Optionen für Aufzählungen und nummerierte Listen enthält.
`composer.disableEmojiPicker`	Boolesch	Deaktiviert die Emoji-Auswahl bei Verwendung des Rich-Text-Editors
`composer.disableCustomerAttachments`	Boolesch	Hindert Kunden daran, Anhänge zu senden oder hochzuladen
`footer.disabled`	Boolesch	Blendet die Standard-Fußzeile und die Schaltfläche Chat beenden aus
`footer.skipCloseChatButton`	Boolesch	Schließt das Widget direkt, wenn Sie auf die Schaltfläche Chat beenden klicken, anstatt die Schaltfläche Schließen anzuzeigen
`endChat.enableConfirmationDialog`	Boolesch	Aktiviert das Bestätigungsdialogfeld „Chat beenden“. Standardtexte werden verwendet, wenn `confirmationDialogText` nicht angegeben ist.
`endChat.confirmationDialogText.title`	Zeichenfolge	Setzt den Titel des Bestätigungsdialogfelds „Chat beenden“ außer Kraft
`endChat.confirmationDialogText.message`	Zeichenfolge	Setzt die Nachricht des Bestätigungsdialogfelds „Chat beenden“ außer Kraft
`endChat.confirmationDialogText.confirmButtonText`	Zeichenfolge	Setzt den Text der Bestätigungsschaltfläche im Bestätigungsdialogfeld „Chat beenden“ außer Kraft
`endChat.confirmationDialogText.cancelButtonText`	Zeichenfolge	Setzt den Text der Schaltfläche „Abbrechen“ im Bestätigungsdialogfeld „Chat beenden“ außer Kraft
`attachment.rejectedErrorMessage`	Zeichenfolge	Setzt die Fehlermeldung bei der Ablehnung von Anhängen an das Chat-Widget außer Kraft

Warnung JavaScript ist in Ihrem Browser nicht verfügbar oder deaktiviert.

Zur Nutzung der AWS-Dokumentation muss JavaScript aktiviert sein. Weitere Informationen finden auf den Hilfe-Seiten Ihres Browsers.

Dokumentkonventionen

Übergeben von Kontaktattributen

Herunterladen des Transkripts für Ihr Chat-Widget

Zusätzliche Anpassungen für Ihr Chat-Widget von Amazon Connect

Konfigurieren des Anpassungsobjekts

Unterstützte Optionen und Beschränkungen

Anmerkung