Option 1: Konfigurieren Sie ein out-of-the-box Kommunikations-Widget - Amazon Connect

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.

Option 1: Konfigurieren Sie ein out-of-the-box Kommunikations-Widget

Verwenden Sie diese Option, um Kommunikations-Widgets für Desktop- und mobile Browser zu erstellen. Am Ende dieses Verfahrens generiert Amazon Connect einen benutzerdefinierten HTML Codeausschnitt, den Sie in den Quellcode Ihrer Website kopieren.

  1. Melden Sie sich auf der Amazon Connect Admin-Website mit einem Admin-Konto oder einem Benutzerkonto an, das Kanäle und Flows, Kommunikations-Widget — Berechtigung erstellen im Sicherheitsprofil hat.

  2. Wählen Sie im Amazon Connect linken Navigationsmenü Kanäle, Kommunikations-Widgets aus.

  3. Der Assistent führt Sie durch die nächsten drei Schritte.

Schritt 1: Auswahl der Kommunikationskanäle

  1. Geben Sie auf der Seite Kommunikations-Widgets einen Namen und eine Beschreibung für das Kommunikations-Widget ein.

    Anmerkung

    Der Name muss für jedes Kommunikations-Widget, das in einer Amazon-Connect-Instance erstellt wurde, eindeutig sein.

  2. Legen Sie im Abschnitt Kommunikationsmöglichkeiten fest, wie Ihre Kunden mit Ihrem Widget interagieren können. In der folgenden Abbildung sind Optionen zu sehen, mit denen Web- und Videoanrufe für Kunden ermöglicht werden können.

    Die Seite „Kommunikations-Widget“, für Web- und Videoanrufe konfiguriert
  3. Wählen Sie im Bereich Webanrufe aus, ob Sie Sprach- oder Videoanrufe für Ihre Kunden aktivieren möchten. In der vorherigen Abbildung sind Optionen für Webanrufe zu sehen. Dabei ist Video aktiviert, sodass Kunden ein Video des Kundendienstmitarbeiters sehen und ihr Video einschalten können.

  4. Wählen Sie Save and continue aus.

Schritt 2: Anpassen des Widgets

Bei der Auswahl dieser Optionen wird die Widget-Vorschau automatisch aktualisiert. Sie können also sehen, wie die Oberfläche für die Kunden aussehen wird.

Die Vorschau des Kommunikations-Widgets.
Definieren des Stils der Widget-Zugriffschaltflächen
  1. Wählen Sie die Farben für den Schaltflächenhintergrund aus, indem Sie Hex-Werte (HTMLFarbcodes) eingeben.

  2. Wählen Sie Weiß oder Schwarz als Symbolfarbe aus. Die Farbe des Symbols kann nicht angepasst werden.

Anpassen von Anzeigenamen und -stilen
  1. Geben Sie Werte für die Header-Nachricht und Farbe sowie für die Hintergrundfarbe des Widgets an.

  2. Logo URL: Fügen Sie ein URL Banner aus einem Amazon S3 S3-Bucket oder einer anderen Online-Quelle in Ihr Logo ein.

    Anmerkung

    In der Vorschau des Kommunikations-Widgets auf der Anpassungsseite wird das Logo nicht angezeigt, wenn es aus einer anderen Online-Quelle als einem Amazon-S3-Bucket stammt. Das Logo wird jedoch angezeigt, wenn das benutzerdefinierte Kommunikations-Widget auf Ihrer Seite implementiert wird.

    Das Banner muss im .svg-, .jpg- oder .png-Format vorliegen. Das Bild kann 280 Pixel (Breite) mal 60 Pixel (Höhe) groß sein. Jedes Bild, das größer als diese Abmessungen ist, wird so skaliert, dass es in den Komponentenbereich des Logos von 280×60 passt.

    1. Anweisungen zum Hochladen einer Datei wie eines Logobanners auf S3 finden Sie unter Hochladen von Objekten im Benutzerhandbuch zu Amazon Simple Storage Service.

    2. Vergewissern Sie sich, dass die Bildberechtigungen richtig eingestellt sind, sodass das Kommunikations-Widget über Berechtigungen für den Zugriff auf das Bild verfügt. Informationen dazu, wie Sie ein S3-Objekt öffentlich zugänglich machen, finden Sie unter Schritt 2: Hinzufügen einer Bucket-Richtlinie im Thema Berechtigungen für den Zugriff auf Websites einrichten.

Schritt 3: Hinzufügen Ihrer Domain für das Widget

In diesem Schritt können Sie das Kommunikations-Widget so sichern, dass es nur von Ihrer Website aus gestartet werden kann.

  1. Geben Sie die Website-Domains ein, in denen Sie das Kommunikations-Widget platzieren möchten. Das Kommunikations-Widget wird nur in Websites geladen, die Sie in diesem Schritt auswählen.

    Wählen Sie Domain hinzufügen aus, um bis zu 50 Domains hinzuzufügen.

    Die Option „Domain hinzufügen“.
    Wichtig
    • Vergewissern Sie sich, dass Ihre Website URLs gültig ist und keine Fehler enthält. Geben Sie den vollständigen Text an, der mit https://URLbeginnt.

    • Wir empfehlen die Verwendung von https:// für Ihre Produktionswebsites und -anwendungen.

  2. Wählen Sie unter Mehr Sicherheit für Ihre Kommunikations-Widget-Anfragen die Option Nein – Ich möchte diesen Schritt überspringen aus, um die Einrichtung möglichst schnell durchzuführen.

    Wir empfehlen, Ja auszuwählen, um überprüfen zu können, ob der Benutzer authentifiziert ist. Weitere Informationen finden Sie unter Übergabe von Attributen für In-App-, Web- und Videoanrufe.

  3. Wählen Sie Save and continue aus.

    Herzlichen Glückwunsch! Ihr Widget wurde erstellt. Kopieren Sie den generierten Code und fügen Sie ihn auf jeder Seite Ihrer Website ein, auf der das Kommunikations-Widget erscheinen soll.

Ermöglichen von In-App-, Web- und Videoanrufen für Kundendienstmitarbeiter

Damit Agenten Videoanrufe nutzen können, weisen Sie ihrem Sicherheitsprofil die Zugriffsberechtigungen für Contact Control Panel (CCP), Videoanrufe — Zugriffsberechtigungen zu.

Der Arbeitsbereich für Amazon Connect Agenten unterstützt Amazon Connect In-App-, Web- und Videoanrufe. Sie können dieselbe Konfiguration, Weiterleitung, Analyse und Kundendienstmitarbeiteranwendung wie bei Telefonanrufen und Chats verwenden. Für den Einstieg müssen Sie lediglich den Sicherheitsprofilen Ihres Kundendienstmitarbeiters die Berechtigungen für Videoanrufe zuweisen.

Für benutzerdefinierte Agenten-Desktops sind keine Änderungen für Amazon Connect In-App- und Webanrufe erforderlich. Weisen Sie den Sicherheitsprofilen Ihres Kundendienstmitarbeiters die Berechtigungen für Videoanrufe zu und folgen Sie der nachstehenden Anleitung zur Integration von Videoanrufen in den Desktop Ihres Kundendienstmitarbeiters.

So leitet ein Client-Gerät einen In-App- oder Webanruf ein

Das folgende Diagramm zeigt die Reihenfolge der Ereignisse, wenn ein Client-Gerät (mobile Anwendung oder Browser) einen In-App- oder Webanruf einleitet.

Konzeptionelles Diagramm, das zeigt, wie ein Client-Gerät einen Anruf einleitet.
  1. (Optional) Sie können auf der Website erfasste Attribute übergeben und sie mit dem JSON Web-Token (JWT) validieren.

  2. Der Kunde klickt auf das Kommunikations-Widget auf Ihrer Website oder mobilen App.

  3. Das Kommunikations-Widget startet den Webaufruf an, Amazon Connect indem es die in der enthaltenen Attribute weitergibtJWT.

  4. Der Kontakt erreicht den Flow, wird weitergeleitet und in die Warteschlange gestellt.

  5. Der Kundendienstmitarbeiter akzeptiert den Kontakt.

  6. (Optional) Wenn Video für den Kunden und den Kundendienstmitarbeiter aktiviert ist, können sie ihr Video starten.

Weitere Informationen

Weitere Informationen zu den Anforderungen für In-App-, Web- und Videoanruffunktionen finden Sie in den folgenden Themen: