Trabajar con carruseles en conversaciones de bots

Los carruseles son respuestas de bots que incluyen una serie de tarjetas. Para interactuar con los carruseles, los clientes pueden desplazarse por las opciones de las tarjetas y luego seleccionar una opción utilizando los botones asociados a las mismas.

Los carruseles facilitan las conversaciones de los bots proporcionando opciones y acciones avanzadas con una experiencia automatizada. Los carruseles ofrecen un sofisticado conjunto de opciones a los clientes al presentar una serie de tarjetas con descripciones, imágenes, títulos, textos y referencias opcionales a sitios web externos. Para obtener más información sobre las tarjetas, consulte Trabajar con tarjetas en conversaciones de bots.

Examplio: Carruseles en Genesys Web Messenger

Animación de carrusel

Soporte para bots y canales

Bots actualmente compatibles:

  • Amazon Lex V1
  • Google Dialogflow ES
  • Google Dialogflow CX
  • Conector de bot

Bots actualmente compatibles:

  • Mensajero web de Genesys
  • Facebook Messenger
  • Instagram (beta)
  • Mensaje de Whatssap

Cuando diseñe e implemente estructuras de carrusel en sus respuestas de bots, tenga en cuenta estas limitaciones:

  • Puede implementar hasta 10 tarjetas en un solo carrusel.
  • La carga útil que se configura en los botones de la estructura de la tarjeta debe ser única en todas las tarjetas del carrusel.
  • Twitter y WhatsApp no admiten estructuras de carrusel.
  • Amazon Lex V1 limita el JSON personalizado a 1000 caracteres. Si debe utilizar más de 1000 caracteres para crear su carrusel, esta limitación puede afectar a la implementación.
  • Las acciones predeterminadas no son compatibles con WhatsApp, LINE o Twitter. Si se configuran acciones por defecto en estas aplicaciones, éstas las ignoran.

Amazon Lex V1

Estas secciones describen cómo incorporar carruseles en su bot de Amazon Lex V1, e incluyen ejemplos de casos de uso y otros recursos.

Nota: También puede configurar tarjetas a través de la interfaz de usuario de AWS. Véase la siguiente sección, Caso de uso: Llenado de ranuras
  1. Instale la integración de Amazon Lex desde Genesys AppFoundry.
  2. Configurar la función de IAM con permisos para la aplicación Amazon Lex.
  3. Configurar y activar la integración Lex en Genesys Cloud.
  4. Para configurar las opciones del carrusel en la consola de AWS Lex, utilice este JSON personalizado para definir las tarjetas para la intención de su bot:
    Nota: Amazon Lex V1 limita la longitud de JSON a 1000 caracteres.
{
    "genesys_prompt": "String", // optional message text
    "genesys_carousel": [
         {
              "title": "String", // mandatory text to show in the title
              "description": "String", // optional text to show in the description
              "image": "URL", // optional URL of an image
              "defaultAction":  { // optional default button action
                    "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. The payload and text are a combination which will have to be unique across each card and carousel in order to determine which button was clicked in that card or carousel.
                    "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. The payload and text are a combination which will have to be unique across each card and carousel in order to determine which button was clicked in that card or carousel.
                    },
                    {
                         "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.
                    }
              ]
         }
    ]
}

Para utilizar las opciones de las tarjetas para llenar la ranura de tu bot, utiliza el editor de tarjetas de la consola de AWS. Para crear un carrusel, utilice la opción Add Card y añada más tarjetas a su carrusel.

Haga clic en la imagen para ampliarla.

Tarjetas en Amazon Lex V1

Nota: Los botones de URL web solo se admiten a través de JSON personalizado. Para obtener más información, consulte la siguiente sección.
 

Para utilizar la opción de carrusel para cambiar entre los intentos de su bot, en la consola de AWS Lex, copie el JSON personalizado de la sección anterior en el campo de entrada Response. Definir múltiples estructuras de tarjetas para crear un carrusel.

Haga clic en la imagen para ampliarla.

Carruseles Amazon Lex

 

Aprende más:

Google Dialogflow CX

Estas secciones describen cómo incorporar carruseles en su bot de Google Dialogflow ES o CX, e incluyen ejemplos de casos de uso y otros recursos.

  1. Instale la integración de Google Dialogflow desde Genesys AppFoundry.
  2. Configurar la credencial de la cuenta de servicio de la plataforma Google Dialogflow.
  3. Habilite la integración de Google Dialogflow.
  4. Para configurar los carruseles en la consola de Dialogflow, utilice este JSON personalizado para definir las opciones de tarjeta para la intención de su bot. Utiliza estructuras de tarjetas múltiples para crear un carrusel.
{
   "genesys_prompt": "String", // optional message text
   "genesys_carousel": [
        {
             "title": "String", // mandatory text to show in the title
             "description": "String", // optional text to show in the description
             "image": "URL", // optional URL of an image
             "defaultAction":  { // optional default button action
                   "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. The payload and text are a combination which will have to be unique across each card and carousel in order to determine which button was clicked in that card or carousel.
                   "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. The payload and text are a combination which will have to be unique across each card and carousel in order to determine which button was clicked in that card or carousel.
                   },
                   {
                        "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.
                   }
             ]
        }
   ]
}

Para utilizar la opción de carrusel para cambiar entre los intentos de su bot, en la consola de Dialogflow, añada el JSON personalizado de la sección anterior en el campo de entrada Response:

Ejemplo de Google Cloud Dialogflow ES

Haga clic en la imagen para ampliarla.

Cambio de intención en los carruseles de Google Cloud Dialogflow ES

Para utilizar las opciones del carrusel para llenar el espacio de tu bot, utiliza el JSON personalizado de la sección anterior en un webhook. Utiliza estructuras de tarjetas múltiples para crear un carrusel. También puede utilizar AWS Lambda para este propósito. Para más información, consulte Webhook for slot filling en la guía de Google Cloud Dialogflow ES.

Aprende más:

Conector de bot

Estas secciones describen cómo incorporar respuestas rápidas en su bot de Genesys Bot Connector e incluyen otros recursos.