Travailler avec des cartes dans les conversations des robots

Lorsque vous configurez des cartes dans WhatsApp, gardez à l'esprit les considérations suivantes :

• WhatsApp prend en charge jusqu'à trois boutons avec des cartes. Si vous configurez plus de trois boutons, une erreur se produit.
• La prise en charge de WhatsApp est limitée aux boutons de retour de texte. WhatsApp ne prend pas en charge les boutons URL.
• Le client peut sélectionner une seule fois chaque bouton de retour de texte et n'est pas limité à un seul choix. Le comportement de votre bot doit tenir compte des scénarios dans lesquels l'utilisateur peut sélectionner plusieurs options.
• WhatsApp ne prend pas en charge l'action par défaut dans la réponse du robot pour les cartes.
• Les cartes qui comprennent une image ou une vidéo n'affichent pas de titre. Lorsque vous utilisez uniquement du texte, le titre s'affiche.

Par exemple, si vous configurez une carte avec le titre « 50 % de réduction sur les vols vers la Norvège » et incluez une image, le titre n'apparaît pas :

Si vous configurez la carte avec un titre et sans image, le titre apparaît dans la carte :

1. Installez l’intégration Amazon Lex à partir de Genesys AppFoundry
2. Configurer rôle IAM avec les autorisations de l’application Amazon Lex.
3. Configurer et activer l’intégration Lex dans Genesys Cloud
4. Pour configurer des options de réponse rapide dans la console AWS Lex, utilisez ce JSON personnalisé pour définir les réponses pour l'intention de votre bot : 

{
    "genesys_prompt": "String", // optional message text
    "genesys_carousel": [
         {
              "title": "String", // mandatory cards title line
              "description": "String", // optional cards body text explaining its purpose
              "image": "URL", // optional a URL pointing to the image shown in the card
              "defaultAction":  {
                    "type": "String", //Describes the type of action. Valid values Link Postback
                    "text": "String", //The response text from the button click
                    "payload": "String", // Text to be returned as the payload from a ButtonResponse when a button is clicked.
                    "url": "String" //A URL of a web page to direct the user to.
              },
              "actions": [
                    {                                       
                         "type": "String", //Describes the type of action.  Valid values Link Postback
                         "text": "String", //The response text from the button click
                         "payload": "String" // Text to be returned as the payload from a ButtonResponse when a button is clicked.
                    },
                    {
                         "type": "String", //Describes the type of action.  Valid values Link Postback
                         "text": "String", //The response text from the button click
                         "url": "String" //A URL of a web page to direct the user to.
                    }
              ]
         }
    ]
}

Pour utiliser les options des cartes afin de remplir l'emplacement de votre bot, utilisez l'éditeur de cartes de la console AWS :

Cliquez sur l’image pour l’agrandir.

Pour utiliser les options de carte afin de basculer entre les intentions de votre robot, dans la console AWS Lex, copiez le JSON personnalisé de la section précédente dans le champ de saisie Response :

Cliquez sur l’image pour l’agrandir.

Apprendre encore plus :

• À propos de l’intégration Amazon Lex
• Utilisation d'une carte de réponse dans le Guide du développeur AWS
• Cartes de réponse dans la page Gestion des messages du Guide du développeur AWS.

1. Installer l’intégration Google Dialogflow à partir de Genesys AppFoundry
2. Configurer les informations d’identification du compte de service de la plateforme Google Dialogflow
3. Activer l’intégration de Google Dialogflow
4. Pour configurer des options de réponse rapide dans la console Dialogflow, utilisez ce JSON personnalisé pour définir des options pour l'intention de votre bot :

{
    "genesys_prompt": "String", // optional message text
    "genesys_carousel": [
         {
              "title": "String", // mandatory cards title line
              "description": "String", // optional cards body text explaining its purpose
              "image": "URL", // optional a URL pointing to the image shown in the card
              "defaultAction":  {
                    "type": "String", //Describes the type of action. Valid values Link Postback
                    "text": "String", //The response text from the button click
                    "payload": "String", // Text to be returned as the payload from a ButtonResponse when a button is clicked.
                    "url": "String" //A URL of a web page to direct the user to.
              },
              "actions": [
                    {                                       
                         "type": "String", //Describes the type of action.  Valid values Link Postback
                         "text": "String", //The response text from the button click
                         "payload": "String" // Text to be returned as the payload from a ButtonResponse when a button is clicked.
                    },
                    {
                         "type": "String", //Describes the type of action.  Valid values Link Postback
                         "text": "String", //The response text from the button click
                         "url": "String" //A URL of a web page to direct the user to.
                    }
              ]
         }
    ]
}

Pour utiliser les options de carte afin de basculer entre les intentions de votre robot, dans la console Dialogflow, ajoutez le JSON personnalisé de la section précédente dans le champ de saisie Response :

Exemple de Google Cloud Dialogflow ES

Cliquez sur l’image pour l’agrandir.

Exemple de Google Cloud Dialogflow CX

Cliquez sur l’image pour l’agrandir.

Pour utiliser les options de la carte pour remplir l'emplacement de votre bot, utilisez le JSON personnalisé de la section précédente dans un webhook. Vous pouvez également utiliser un AWS Lambda à cette fin. Pour plus d'informations, voir Webhook for slot filling dans le guide Google Cloud Dialogflow ES.

Apprendre encore plus :

• À propos de l’intégration de Google Dialogflow
• Webhook pour le remplissage de fentes dans le guide Google Cloud Dialogflow ES

1. Créer un bot qui adhère aux spécifications de Genesys Bot Connector. 
2. Configurer l'intégration de Genesys Bot Connector.
3. Utilisez l'objet carte PostTextMessage pour définir les cartes.

Apprendre encore plus :

• À propos de Genesys Bot Connector
• Exemple de réponse à une demande d'indemnité - Cartes