Sign in Go Pro

Build a Google Assistant App with DialogFlow

Creating a BasicCard UI element response with Firebase Cloud Functions and DialogFlow

This lesson is for PRO members.

Upgrade today to get access to all the PRO lessons.

Unlock this lesson
Autoplay

Up next

Previous

About

The BasicCard is a nice way to display UI elements to the user. It can provide an image and button, were the user can click the button. The click event will then open the URL that has been assigned to the button.
The Google Assistant supports Deep Linking, so using the BasicCard element allows you to trigger those links in devices that support it, for example, your phone.

Summary of content

  • Adding the BasicCard and Button classes
  • Creating a new BasicCard
  • Adding the button to the BasicCard
  • Adding the image to the BasicCard
  • Testing the new BasicCard element

References

Responses
DialogFlow

Comments

There are no comments on this lesson, start the conversation below ...

>
You need to go PRO to post comments.

Lessons in Build a Google Assistant App with DialogFlow

1. Introduction to Actions on Google and using the Google Assistant
02:03
James Coggan
GDE
2. DialogFlow and the other available options of actions on Google
01:31
James Coggan
GDE
3. Creating an Google Assistant Action with DialogFlow
01:22
James Coggan
GDE
4. Creating your first DialogFlow Intent
01:09
James Coggan
GDE
5. Creating Dialog Follow up intents
01:42
James Coggan
GDE
6. Using the DialogFlow System Entities
Pro
01:04
James Coggan
GDE
7. Creating your first DialogFlow entity
Pro
01:14
James Coggan
GDE
8. Making your DialogFlow action smarter by editing the training phrases from the users usage
Pro
01:12
James Coggan
GDE
9. Having a better understanding of the Welcome and Fallback intents in DialogFlow
Pro
01:24
James Coggan
GDE
10. Ending your DialogFlow conversation
Pro
01:13
James Coggan
GDE
11. Create a DialogFlow agent fulfillment webhook using the Inline Editor
Pro
01:36
James Coggan
GDE
12. Deploying a DialogFlow fulfilment cloud function using the Firebase client
Pro
02:24
James Coggan
GDE
13. Adding JavaScript code to Firebase CloudFunction for your DialogFlow action
Pro
02:24
James Coggan
GDE
14. Creating a simple response to the user in JavaScript with Firebase Cloud Functions and DialogFlow
Pro
01:40
James Coggan
GDE
15. Creating a BasicCard UI element response with Firebase Cloud Functions and DialogFlow
Pro
01:57
James Coggan
GDE
16. Creating a Carousel of items UI element response with Firebase Cloud Functions and DialogFlow
Pro
01:57
James Coggan
GDE
17. Playing a media object to the user with a Firebase Cloud Function using DialogFlow
Pro
01:36
James Coggan
GDE
18. Playing media object and customising the Google's assistant voice using Speech Synthesis Markup Language on DialogFlow
Pro
02:58
James Coggan
GDE
19. Accessing users restricted data by requesting permission using Firebase Cloud Function and DialogFlow
Pro
02:22
James Coggan
GDE
20. Storing users data in the users storage using Firebase Cloud Functions and DialogFlow
Pro
02:09
James Coggan
GDE
21. Reading the stored data in the user storage using Firebase Cloud Functions and DialogFlow
Pro
01:58
James Coggan
GDE
22. Detecting, interacting and sending conversations between surfaces using Firebase Cloud Functions and DialogFlow
Pro
02:39
James Coggan
GDE
23. Debugging and fixing bugs in your Firebase Cloud Function
Pro
01:14
James Coggan
GDE
24. Deploying your Google Assistant Action to testing or production
Pro
01:31
James Coggan
GDE