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.

# Zusätzliche Anpassungen für Ihr Chat-Widget von Amazon Connect
<a name="pass-customization-object"></a>

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
<a name="configure-customization-object"></a>

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](#customization-options-constraints). 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,
            hide: false,
        },
        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“.\]](http://docs.aws.amazon.com/de_de/connect/latest/adminguide/images/chat-customization-diagram2.png)


## Unterstützte Optionen und Beschränkungen
<a name="customization-options-constraints"></a>

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  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](chat-widget-download-transcript.md) 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 \$1`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](enable-text-formatting-chat.md)  | 
| `composer.disableCustomerAttachments` | Boolesch | Hindert Kunden daran, Anhänge zu senden oder hochzuladen | 
| `composer.hide` | Boolesch | Blendet den Komponisten aus (`true`) oder zeigt ihn an (`false`). Verwenden `registerCallback` Sie diese Methode, um den Composer auf der Grundlage von Ereignissen umzuschalten (z. B. wenn ein Agent beitritt). `hideComposer` Weitere Informationen finden Sie unter [Unterstützte Widget-Snippet-Felder in Amazon Connect, die anpassbar sind](supported-snippet-fields.md).<pre>document.getElementById("amazon-connect-chat-widget-iframe").contentWindow.connect.ChatInterface.hideComposer(false)</pre> | 
|  `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 |