Bibliothèque de composants d'interface utilisateur pour le générateur d'interface utilisateur sans code dans Amazon Connect - Amazon Connect

Les traductions sont fournies par des outils de traduction automatique. En cas de conflit entre le contenu d'une traduction et celui de la version originale en anglais, la version anglaise prévaudra.

Bibliothèque de composants d'interface utilisateur pour le générateur d'interface utilisateur sans code dans Amazon Connect

Tous les composants du générateur d'interface utilisateur sans code sont décrits dans la documentation des composants d'interface utilisateur Amazon Connect. Cette documentation présente les différents composants de l'interface utilisateur que vous pouvez utiliser dans le générateur d'interface utilisateur sans code et comment les configurer.

Vous accédez aux composants de la bibliothèque dans le générateur d'interface utilisateur sans code dans le panneau Créer, dans l'onglet Bibliothèque. L'image suivante montre un exemple de l'onglet Bibliothèque et des composants du conteneur.

Le panneau de création sans code, l'onglet Bibliothèque, les composants de l'interface utilisateur.

Utiliser des conteneurs pour déplacer et organiser les composants

Les conteneurs sont une composante de base pour créer des vues. Vous pouvez déplacer des composants de l'interface utilisateur (y compris d'autres conteneurs) dans un conteneur pour les regrouper de manière logique et visuelle sur la page.

Pour que le contenu de la page reste relativement cohérent lorsque vous personnalisez les paramètres d'affichage de haut niveau, nous vous recommandons d'utiliser des conteneurs dans toutes vos vues. Les conteneurs sont également livrés avec une disposition en colonnes. La disposition en colonnes vous permet d'organiser le contenu d'un conteneur.

Création d'un formulaire

Pour créer un formulaire que les agents ou les clients doivent remplir et envoyer, vous utilisez le composant Formulaire. Vous avez le choix entre les options suivantes :

  • Glissez et déposez un composant de formulaire sur le canevas depuis la bibliothèque de l'interface utilisateur.

  • Ou, dans l'onglet Modèles, sélectionnez le modèle d'exemple de formulaire. Il utilise un composant de formulaire.

Un composant de formulaire est un type spécial de conteneur dans lequel vous pouvez insérer des champs de saisie et ajouter un bouton Soumettre. Lorsqu'un utilisateur interagissant avec le guide appuie sur le bouton Soumettre, Amazon Connect transmet au flux toutes les valeurs saisies dans les champs du formulaire. À ce stade du flux, vous pouvez personnaliser votre propre logique métier et vos propres send/retrieve données pour les adapter à des systèmes tiers en utilisant le Fonction AWS Lambda bloc.

L'image suivante montre un exemple de composant de formulaire avec des étiquettes d'espace réservé et un bouton d'envoi.

Un composant de formulaire avec des libellés fictifs et un bouton d'envoi.