Share button in Facebook chatbot in Node.js

一笑奈何 提交于 2019-12-06 21:41:20

It's an late update but will save someone usefull time. With help of below code you can show multiple buttons on facebook chatbot. Technology used for development is node js,botbuilder,luis.

var msg = new builder.Message(session);
            msg.sourceEvent({
                "facebook": {
                    "attachment": {
                        "type": "template",
                        "payload": {
                            "template_type": "button",
                            "text": "You can either hit 'FAQ' to get the help, or head to the Mannual Help for getting help.",
                            "buttons": [
                                {
                                    "type": "web_url",
                                    "url": 'https://stackoverflow.com/',
                                    "title": "Mannual Help"
                                },
                                {
                                    "type": "postback",
                                    "title": "FAQ",
                                    "payload": "FAQ_SELECTED_BY_USER"
                                }]
                        }
                    }
                }
            });
            session.send(msg);

I am able to show share button with below code but still struct with showing two button (1 View and 2 Share) inside cards. Below solution will work for showing share button in chatbot platform used Node js.

var msg = new builder.Message(session);
        msg.sourceEvent({
            facebook: {
                attachment: {
                    type: "template",
                    payload: {
                        template_type: "generic",
                        elements: [{
                            title: "title",
                            subtitle: "subtitle",
                            image_url: "https://external.xx.fbcdn.net/safe_image.php?d=AQBIbeQ2vl8bb5tl&url=http%3A%2F%2Fimagizer.imageshack.us%2F196x92f%2F924%2FySQ7a9.png&_nc_hash=AQAv9cZ-0jAr9REX",
                            item_url: "url",
                            buttons: [{
                                type: "element_share"
                            }]
                        }]
                    }
                }
            }
        });
        session.send(msg);

Output image below,

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!