1. Install the Google Dialogflow integration from Genesys AppFoundry.
2. Configure the Google Dialogflow platform service account credential.
3. Enable the Google Dialogflow integration.
4. To set up carousels in the Dialogflow console, use this custom JSON to define card options for your bot’s intent. Use multiple card structures to create a carousel.

{
   "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.
                   }
             ]
        }
   ]
}

To use the carousel option to switch between your bot’s intents, in the Dialogflow console, add the custom JSON from the previous section into the Response input field:

Google Cloud Dialogflow ES example

Click the image to enlarge.

To use the carousel options to fill your bot’s slot, use the custom JSON from the previous section into a webhook. Use multiple card structures to create a carousel. You can also use an AWS lambda for this purpose. For more information, see Webhook for slot filling in the Google Cloud Dialogflow ES guide.

Learn more:

• About the Google Dialogflow integration
• Webhook for slot filling in the Google Cloud Dialogflow ES guide

1. Create a bot that adheres to Genesys Digital Connector specifications. 
2. Configure the Genesys Digital Connector integration.
3. Use Genesys Normalized Format to define carousels.

    {
      "type": "Structured",
      "content": [
        {
          "contentType": "Carousel",
          "carousel": {
            "cards": [
              {
                "title": "50% off Flights to Norway",
                "description": "Valid September to November only",
                "image": "https://www.samplesite.com/photo/1234.jpg",
                "defaultAction": {
                  "type": "Link",
                  "url": "http://www.samplesite.com/flights/norway"
                },
                "actions": [
                  {
                    "type": "Link",
                    "text": "View Details",
                    "url": "http://www.samplesite.com/flights/norway"
                  },
                  {
                    "type": "Postback",
                    "text": "Book Now",
                    "payload": "I want it"
                  }
                ]
              },
              {
                "title": "35% off Flights to Finland",
                "description": "Valid February to March only",
                "image": "https://www.samplesite.com/photo/5678.jpg",
                "defaultAction": {
                  "type": "Link",
                  "url": "http://www.samplesite.com/flights/finland"
                },
                "actions": [
                  {
                    "type": "Link",
                    "text": "View Details",
                    "url": "http://www.samplesite.com/flights/finland"
                  },
                  {
                    "type": "Postback",
                    "text": "Book Now",
                    "payload": "I want it"
                  }
                ]
              }
            ]
          }
        }
      ]
    }

• About Genesys Digital Connector

1. Create a bot that adheres to Genesys Bot Connector specifications. 
2. Configure the Genesys Bot Connector integration.
3. Use the PostTextMessage Carousel object to define carousels.

Learn more:

• About Genesys Bot Connector
• postUtterance Response Example – Cards