How to embed html form in Microsoft Bot Framework - nodejs - node.js

I want, Bot to send html form[with some fields and submit button] to user, where user can fill out the form and submit.
Once user submits the form, form action routes to dialog where i can retrieve the user data.
Is this possible in Microsoft Bot framework - Node.Js?? If so, How to achieve this ?
Please any Help.....

None of the existing channels (i.e. Facebook, Slack, etc.) support posting of HTML forms as of yet. If you are building your own channel via Direct Line you can roll your own. Take a look at FormFlow on the C# client or Waterfalls in the node client for text-based input flow.

Related

Initialize dialogflow messenger chat by custom data

I need to initiate a dialogflow messenger chat by passing custom data. In a flight booking confirmation page, I need to display possible ancillaries of that booking. So I need to initialize the messenger by passing the trip-id, getting possible ancillary details from a database and display cards of ancillaries. Because the user is in confirmation page, user does not want to enter trip details again. I have tried passing data as HTML attributes like tripId="1111111", but did not work. I can pass the user id using 'user-id' attribute, but for my case that is not enough, I need to pass some other custom data. Any help will be really appreciated!!

Ways to make a dialogflow chatbot redirect to some website for a particular intent

If a user asks a question to my chatbot eg.what is coding?....then my chatbot should direct it to a wikipedia page about coding.So how can I do it in dialogflow?More specifically if I integrate my dialogflow chatbot with a website then for a particular question....it should direct it to a particular page of my website.Can anyone tell me how to do it?
It depends on the Channel you are using.
In most channels you can not force direct the user out of the chat.
You will have to send them a LINK ( most platforms support that ) or you can send them a button or quick reply etc (Depending on the Channel you are using) where the user clicks to open up a webview inside the chat or a browser window

How to create a chatbot with facebook messenger like templates

I'm trying to create a chatbot for use in a chat app I've created. I basically need the chatbot to send me replies that have message templates like in facebook messenger. For example, If I type in "what's the weather like", I want my chatbot's reply to look like facebook's media template, linked here: Media Template
Does anyone have any tutorials or links I can follow?
Thank you in advance.
Cheers!
Usavaully work flow of chat application as follows,
Message providers(Facebook, twitter,slack etc..) receives messages from user
Message is sent to the configured endpoint(your webserver) according to the settings provided in the face book developer page reference
In the webserver you classify the intent prepares the response according to the request and sends the responses back.
So in the 3rd point web server you give responses based on the platform you are responding to reference, since in your case it's your own platform you need to design your own UI based on the response format or you can use some predefined html templates.
I hope answer gave some direction to work on.

Bot to my HTML page

I want to use bot created in node.js to work with my html page which I can test.When I open my HTML page, it will have a button which will point to the bot, and then I can use it to further. How can we integrate the node.js part to HTML? The final output should be like land on my HTML page-select the bot and chat with the bot.
For bots, I have used Microsoft bot framework. I am not getting even is this feasible or not.
You can accomplish this by using the WebChat channel iframe embed code to insert the WebChat control into your HTML web page.
You will find the embed code in the channel configuration page for WebChat on the Bot Developer Portal after you have registered your bot.

How to enable a BOT on my website with rich text messages(Quick replies, cards etc) embedded on it?

I need to integrate a bot on my website. Api.ai bot supports rich messages on social media messengers like facebook etc.
Is there any way to do the same for my own website?
You'd have to do a bit of coding:
Build a chat ui,
call your own server ..
...that will call api.ai via REST
and then render everything that you want, based on the action that api.ai did figure out for you.

Resources