Personnalisez les vues de l'espace de travail des agents Amazon Connect à l'aide de HTML et de JSX - 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.

Personnalisez les vues de l'espace de travail des agents Amazon Connect à l'aide de HTML et de JSX

Vous pouvez personnaliser l'apparence des mises en page des ressources View. Pour ce faire, utilisez le langage HTML ou JSX lorsque vous transmettez des paramètres d'entrée au Affichage de la vue bloc.

Suivez les étapes ci-dessous pour obtenir un exemple simple de la manière dont vous pouvez tirer parti du HTML ou du JSX avec un Affichage de la vue bloc.

  1. Créez un flux avec un Affichage de la vue bloc.

  2. Ouvrez la page Propriétés du Affichage de la vue bloc.

  3. Sous Afficher, sélectionnez Détail dans la liste déroulante.

  4. Dans la section Sections, choisissez Set JSON.

  5. Copiez et collez le code JSON suivant. Ce code montre comment les expressions HTML ou JSX sont traitées.

    Exemple HTML

    {
"TemplateString": 
     "<TextContent>Steps:<ol><li>Customer provides incident information</li><li>Customer provides receipts and agrees with 
         amount</li> <li>Customer receives reimbursement</li></ol></TextContent>"
}

    Exemple JSX

    {
"TemplateString":
"Please provide an introduction to the customers. Ask them how their day is going
Things to say:
Hello, how are you today? My name is Bob, who am I speaking to?"
}