Trouble setting up a basic template cards with Facebook Messenger

Question

New to dialogflow.

I have integrated my agent into facebook messenger, where it can 'talk' via the basic intent/response setup. I deployed my agent using Dialogflow's Inline Editor, in which, I haven't made any changes to index.js and package.json files that the editor provides as boilerplate.

The problem: I'm trying to implement a rich message, such as a list template card. Dialogflow has an option of selecting a template from its respective tab (see image below):

After this setup, when I type the user command that triggers the intent where the card should be the response, I get the following message: "This message is from Dialogflow's Cloud Functions for Firebase editor!"

I suspect I am missing a very key step(s) to this setup as I'm only adding the response. Unfortunately I have not found any clear/helpful docs that can explain step by step how to implement this or any template. Would appreciate an explicit path as to how this can get implemented.

Answer 1

When you enable use webhook, you won't get responses from Response tab in dialoagflow dashboard. you will have to explicitly develop cards in your webhook/inline editor & then send it back to user. At any point in time, if your webhook call fails then only bot will send default responses that you have added as message content in your dashboard.

As in your case, you haven't defined your intent & response in code here, you're getting highlighted default response.

So, if you don't want to code, disable use webhook option & see, you will get card as a response as shown in following snap.