Trabajar con carruseles en conversaciones de bots

Característica próximamente

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:

  • Facebook Messenger
  • Mensajero web de Genesys
  • LÍNEA
  • Instagram (beta)

Limitaciones de la aplicación del carrusel

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", // texto del mensaje opcional
    "genesys_carousel": [
          {
               "título": "String", // texto obligatorio a mostrar en el título
              Descripción: "String", // texto opcional para mostrar en la descripción
              "imagen": "URL", // URL opcional de una imagen
              "defaultAction":  { // acción opcional del botón por defecto
                    "tipo": "String", //Describe el tipo de acción. Valores válidos Link Postback
                    "texto": "String", //El texto de respuesta del clic del botón
                    "carga útil": "String", // Texto que se devolverá como carga útil de un ButtonResponse cuando se haga clic en un botón. La carga útil y el texto son una combinación que tendrá que ser única en cada tarjeta y carrusel para determinar qué botón se ha pulsado en esa tarjeta o carrusel.
                    "url": "String" /Una URL de una página web a la que dirigir al usuario.
              },
               "acciones": [
                     { 
                          "tipo": "String", //Describe el tipo de acción.  Valores válidos Link Postback
                         "texto": "String", //El texto de respuesta del clic del botón
                         "carga útil": "String" // Texto que se devolverá como carga útil de un ButtonResponse cuando se haga clic en un botón. La carga útil y el texto son una combinación que tendrá que ser única en cada tarjeta y carrusel para determinar qué botón se ha pulsado en esa tarjeta o carrusel.
                    },
                     {
                          "tipo": "String", //Describe el tipo de acción.  Valores válidos Link Postback
                         "texto": "String", //El texto de respuesta del clic del botón
                         "url": "String" /Una URL de una página web a la que dirigir al usuario.
                    }
              ]
         }
    ]
}

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. Configure la credencial del cliente OAuth para Google Dialogflow.
  4. Habilite la integración de Google Dialogflow.
  5. 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", // texto del mensaje opcional
    "genesys_carousel": [
          {
               "título": "String", // texto obligatorio a mostrar en el título
              Descripción: "String", // texto opcional para mostrar en la descripción
              "imagen": "URL", // URL opcional de una imagen
              "defaultAction":  { // acción opcional del botón por defecto
                    "tipo": "String", //Describe el tipo de acción. Valores válidos Link Postback
                    "texto": "String", //El texto de respuesta del clic del botón
                    "carga útil": "String", // Texto que se devolverá como carga útil de un ButtonResponse cuando se haga clic en un botón. La carga útil y el texto son una combinación que tendrá que ser única en cada tarjeta y carrusel para determinar qué botón se ha pulsado en esa tarjeta o carrusel.
                    "url": "String" /Una URL de una página web a la que dirigir al usuario.
              },
               "acciones": [
                     { 
                          "tipo": "String", //Describe el tipo de acción.  Valores válidos Link Postback
                         "texto": "String", //El texto de respuesta del clic del botón
                         "carga útil": "String" // Texto que se devolverá como carga útil de un ButtonResponse cuando se haga clic en un botón. La carga útil y el texto son una combinación que tendrá que ser única en cada tarjeta y carrusel para determinar qué botón se ha pulsado en esa tarjeta o carrusel.
                    },
                     {
                          "tipo": "String", //Describe el tipo de acción.  Valores válidos Link Postback
                         "texto": "String", //El texto de respuesta del clic del botón
                         "url": "String" /Una URL de una página web a la que dirigir al usuario.
                    }
              ]
         }
    ]
}

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.