Google Assistant Suggestion Chips
Suggestion Chips are small clickable buttons that appear below the Assistant's response on phones and smart displays. They make conversations faster by offering pre-defined options the user can tap instead of speaking. This guide shows how to implement them in Jovo.
What Are Suggestion Chips?
When Google Assistant responds on a device with a screen, you can display up to 8 Suggestion Chips alongside the speech response. Each chip contains a short text label — tapping it triggers the corresponding intent, just as if the user had spoken the phrase.
Chips improve completion rates significantly. According to Google's design guidelines, visual surfaces should always include chips to reduce user cognitive load and prevent conversation dead-ends.
Adding Chips in Jovo
Use the platforms.googleAssistant.nativeResponse property in your output template:
LAUNCH() {
return this.$send({
message: 'What would you like to do?',
listen: true,
platforms: {
googleAssistant: {
nativeResponse: {
suggestions: [
{ title: 'Start Quiz' },
{ title: 'How to Play' },
{ title: 'Exit' }
]
}
}
}
});
}
Best Practices
- Keep labels short — 25 characters max per chip. Longer labels get truncated on smaller screens.
- Match intents exactly — The chip text should be a training phrase for the intent you want triggered. "Start Quiz" should be a phrase in your StartQuizIntent.
- Always provide chips on screens — Google's VUI guidelines recommend using chips whenever a screen is available to avoid conversation dead-ends.
- Don't repeat the speech — Chips should offer distinct options, not echo what was just said.
Dynamic Chips Based on State
You can dynamically generate chips based on the current conversation state:
const chips = this.$session.score > 5
? [{ title: 'Continue' }, { title: 'View Score' }]
: [{ title: 'Play Again' }, { title: 'Exit' }];