How cool is to have Facebook Messenger as a platform to sell your products/services?
User can scroll the products with a finger click and buy it via a social channel.
Retention time of users is much more on social channels than the regular e-shop or an industry's official website.
In this blog , you will learn how to do this using API.AI and your web-hook with Facebook Messenger.
Pre-requisites :
Step 1:
API.AI has added a custom payload section for the responses.
So you need to use this feature and make your template using the documentation mentioned at https://developers.facebook.com/docs/messenger-platform/send-api-reference/generic-template
Example of how structure of custom payload should look like is as below, use aspect ratio as below for better and bigger view.
Step 2:
Use the API.AI latest code from GitHub to incorporate the messages
Modify it for some specific needs. If no specific need or context is needed, you can use the code directly.
https://github.com/dialogflow/dialogflow-nodejs-client/tree/master/samples/facebook/src
Enjoy the carousel now.
User can scroll the products with a finger click and buy it via a social channel.
Retention time of users is much more on social channels than the regular e-shop or an industry's official website.
In this blog , you will learn how to do this using API.AI and your web-hook with Facebook Messenger.
Pre-requisites :
- The general Architecture to achieve carousel is as we recommended in previous blogs i.e.
- FaceBook Messenger --> Webhook on AWS --> API.AI --> Webhook on AWS -->FaceBook Messenger
- The webhook is already integrated with FB and your architecture is not single click.
Step 1:
API.AI has added a custom payload section for the responses.
So you need to use this feature and make your template using the documentation mentioned at https://developers.facebook.com/docs/messenger-platform/send-api-reference/generic-template
Example of how structure of custom payload should look like is as below, use aspect ratio as below for better and bigger view.
Step 2:
Use the API.AI latest code from GitHub to incorporate the messages
Modify it for some specific needs. If no specific need or context is needed, you can use the code directly.
https://github.com/dialogflow/dialogflow-nodejs-client/tree/master/samples/facebook/src
Enjoy the carousel now.
Graceful written content on this blog is really useful for everyone same as I got to know. Difficult to locate relevant and useful informative blog as I found this one to get more knowledge but this is really a nice one.
ReplyDeleteกระเป๋าผ้า