Implementing Google Assistant Suggestion Chips with Jovo

by Kaan Kilic on Sep 17, 2018

Suggestion Chips for Google Assistant are a great way to offer guidance and direct the conversation for users that are interacting with your Google Action on their mobile phones. In this blogpost you're going to learn how to implement Suggestion Chips with the Jovo Framework.

You can find the full example code on GitHub: jovotech/jovo-templates/tutorials/suggestion-chips.

Introduction to Suggestion Chips

Suggestion Chips are a form of visual output, which (as the name already tells) provide the user with a suggestion how to respond. The user can select each suggestion chip, which will be considered as their answer. You can find the full reference from Google here: Actions on Google Docs > Responses > Suggestion Chip.

You might ask yourself, why to even bother implementing that feature, since neither the Google Home nor the Google Home Mini have a screen. The answer is the crazy number of smartphones that have the Google Assistant integrated. In May 2017, the most common way for an American adult to use a voice assistant was through their smartphone (source). Suggestion chips are a great way to help them reach their goals faster by guiding the conversation.

Use Cases

Let's go through some of the use cases of suggestions chips, so you get an overview of the possibilities.

Example 1: Quiz App Probably the most basic use case. You ask the user multiple choice questions and provide the possible answers as suggestion chips.

Example 2: Possible Responses Suggestion Chips can also be used to hint at possible responses. These could be answers to the question your application asked as well as help commands.

Implementing Suggestion Chips in Jovo

In this example, we are just going to modify our Hello World Sample Voice App to display some names as suggestion chips when we're asking our users for their names. You can find the full example code on GitHub: jovotech/jovo-templates/tutorials/suggestion-chips.

Suggestion chips are really easy to implement in Jovo. Technically it only takes one line of code:

This is what the result looks like in the Actions on Google Simulator:

If I now click the "Elliot" button, this is treated as if I said "Elliot" going into the 'MyNameIsIntent' intent on Dialogflow.

That's it, you made it to the end!

Any questions? Please let us know in the comments below 👇. You can also reach us on Twitter or Slack.

Kaan Kilic

Technical Content Marketing Associate at Jovo

Comments and Questions

Any specific questions? Just drop them below or join the Jovo Community Forum.

Join Our Newsletter

Be the first to get our free tutorials, courses, and other resources for voice app developers.