Voice User Interface Projects

Creating a card response

The card contains an image, a title, a subtitle, and a button that the user can click, which will open a web link. Ask Google Assistant on your phone where good Chinese restaurants near you are and it will display cards.

The following image shows card responses:

Card responses

The following code shows how to build a card response:

  "card": {    "title": "My Restaurant",    "subtitle": "Chinese Food",    "imageUri": "http://myweb.com/image.png",    "buttons": [        {          "text": "my button",          "postback": "text send to Dialogflow",        }    ]  }