Overview

The Google Business Messages (GBM) carousel is a horizontally scrollable carousel of up to 10 rich cards.

Examples Of GBM Carousels:

GBM Carousel Examples

The carousel is the container that holds all cards that should be displayed by the connector.

Properties

Property Name Description Type Required
type Type of the Container.
For carousels, type should always be carousel.
Enum Y
elements Array of GBM Rich Cards
Google allows up to 10 cards in a carousel, and requires at least two cards. All Cards in a carousel must use the same display options.
Array(RichCard) Y

JSON Representation Card

{
  "type": "carousel",
  "elements": [
   RichCard,
   RichCard,
   ...
   Rich Card
  ]
}

Full Template

{
  "type": "carousel",
  "elements": [
    {
      "type": "vertical",
      "tag": "generic",
      "display": {
        "size": "tall"
      },
      "elements": [
        {
          "type": "image",
          "url": "https://d1hryyr5hiabsc.cloudfront.net/web2020/img/resources/rep-great-ai-divide@1x.jpg"
        },
        {
          "type": "text",
          "tag": "title",
          "text": "The great AI divide"
        },
        {
          "type": "text",
          "text": "Consumer attitudes on the gender gap in technology and perceptions of AI's future.\nView the whole article online, or request the content to be sent via text messages."
        },
        {
          "type": "button",
          "title": "View Here",
          "click": {
            "actions": [
              {
                "type": "publishText",
                "text": "view-here-1"
              }
            ]
          }
        },
        {
          "type": "button",
          "title": "View Online",
          "click": {
            "actions": [
              {
                "type": "publishText",
                "text": "viewed-online-1"
              },
              {
                "type": "link",
                "uri": "https://www.liveperson.com/resources/reports/great-ai-divide/"
              }
            ]
          }
        },
        {
          "type": "button",
          "title": "Not interested",
          "click": {
            "actions": [{
              "type": "publishText",
              "text": "stop-showing"
            }]
          }
        },
        {
          "type": "button",
          "title": "View More Reports",
          "click": {
            "actions": [{
              "type": "link",
              "uri": "https://www.liveperson.com/resources/#all"
            }]
          }
        }
      ]
    },
    {
      "type": "vertical",
      "tag": "generic",
      "display": {
        "size": "tall"
      },
      "elements": [
        {
          "type": "image",
          "url": "https://d1hryyr5hiabsc.cloudfront.net/web2020/img/resources/WEB%E2%80%93Simplify-customer-care-with-social%20media-email-messaging%20on%20one%20platform.jpg"
        },
        {
          "type": "text",
          "tag": "title",
          "text": "Introducing: Email and SocialConnect"
        },
        {
          "type": "text",
          "text": "Simplify customer care with social media, email and messaging on one platform.\nView the whole article online, or request the content to be sent via text messages."
        },
        {
          "type": "button",
          "title": "View Here",
          "click": {
            "actions": [
              {
                "type": "publishText",
                "text": "view-here-2"
              }
            ]
          }
        },
        {
          "type": "button",
          "title": "View Online",
          "click": {
            "actions": [
              {
                "type": "publishText",
                "text": "viewed-online-2"
              },
              {
                "type": "link",
                "uri": "https://info.liveperson.com/email-and-social-connect"
              }
            ]
          }
        },
        {
          "type": "button",
          "title": "Not interested",
          "click": {
            "actions": [{
              "type": "publishText",
              "text": "stop-showing"
            }]
          }
        },
        {
          "type": "button",
          "title": "View More Reports",
          "click": {
            "actions": [{
              "type": "link",
              "uri": "https://www.liveperson.com/resources/#all"
            }]
          }
        }
      ]
    }
  ]
}