UI-Komponentenbibliothek für den No-Code-UI-Builder in Amazon Connect - Amazon Connect
Verwenden von Containern, zum Verschieben und Organisieren von KomponentenErstellen eines Formulars

UI-Komponentenbibliothek für den No-Code-UI-Builder in Amazon Connect

Alle Komponenten des No-Code-UI-Builders werden in der Dokumentation der UI-Komponenten von Amazon Connect beschrieben. In dieser Dokumentation werden die einzelnen UI-Komponenten und ihre Konfiguration vorgestellt, die Sie im No-Code-UI-Builder verwenden können.

Sie greifen auf die Bibliothekskomponenten im No-Code-UI-Builder im Bereich Erstellen auf der Registerkarte Bibliothek zu. Die folgende Abbildung zeigt ein Beispiel für die Registerkarte Bibliothek und die Container-Komponenten.

Der Bereich „Erstellen“ des No-Code-Builders, die Registerkarte „Bibliothek“ und die Benutzeroberflächenkomponenten.

Verwenden von Containern, zum Verschieben und Organisieren von Komponenten

Container sind ein zentraler Baustein für die Erstellung von Ansichten. Sie können UI-Komponenten (einschließlich anderer Container) in einen Container verschieben, um sie auf der Seite logisch und visuell zu gruppieren.

Damit der Inhalt der Seite bei der Anpassung der Einstellungen für die Ansicht auf oberster Ebene relativ einheitlich bleibt, empfehlen wir, Container in allen Ihren Ansichten zu verwenden. Container verfügen auch über ein Spaltenlayout. Das Spaltenlayout ermöglicht es Ihnen, den Inhalt innerhalb eines Containers zu organisieren.

Erstellen eines Formulars

Um ein Formular zu erstellen, das Kundendienstmitarbeiter oder Kunden ausfüllen und abschicken können, verwenden Sie die Komponente Formular. Führen Sie dazu einen der folgenden Schritte aus:

  • Ziehen Sie eine Formularkomponente aus der UI-Bibliothek auf die Zeichenfläche.

  • Wählen Sie alternativ auf der Registerkarte Vorlagen die Vorlage Formularbeispiel aus. In dieser wird eine Formularkomponente verwendet.

Bei einer Formularkomponente handelt es um einen speziellen Containertyp, in den Sie Eingabefelder und eine Schaltfläche zum Senden einfügen können. Wenn der Benutzer, der die Anleitung verwendet, die Schaltfläche Senden betätigt, leitet Amazon Connect alle in die Formularfelder eingegebenen Werte zurück an den Kontaktdatenfluss. An diesem Punkt im Flow können Sie Ihre eigene Geschäftslogik anpassen und Daten mithilfe von AWS Lambda Funktion-Blöcken an Systeme von Drittanbietern senden oder von dort abrufen.

Die folgende Abbildung zeigt ein Beispiel für eine Formularkomponente mit Platzhalterbeschriftungen und einer Schaltfläche „Senden“.

Formularkomponente mit Platzhalterbeschriftungen und einer Schaltfläche „Senden“.