IBM Watson Assistant in Flutter: How to show options? - flutter

I created an IBM Watson Assistant chatbot, and a flutter app. I'm using the package watson_assistant_v2. My bot returns response options. How do I show them visually?
I'm using the package example and I didn't find anything about it.
In Watson Assistant, defining the options:
Preview, showing the options:
My app, not showing options:

Response options are encoded in the JSON structure which Watson Assistant returns. You can see the options here as part of the API definition. The documentation for Watson Assistant discusses receiving an option response as part of implementing option responses.
You need to decode the response and show the options as clickable UI element.

Related

Is it possible to preview watson assistant bot without sample webpage ( just the chatbot)

Currently, to preview your watson assistant chatbot on IBM, a preview link is given. However, it shows the bot on a sample webpage and the bot on the bottom right corner. It used to show the chatbot on a direct URL. Is it possible to revert the web URL to reflect this?
sample web with watson assistant in corner
2: preview link given by IBM watson assistant
Yes it is possible. Watson Assistant Web chat provides a snippet in the Embed tab.
Take the snippet, just put it in a html file and open that file from your browser, you will get just the chat
Alternatively, if you can use a blank screen website such as or just http://www.blankwebsite.com/, and you can add it here:

IBM Watson Assistant: How to get json response into button options

I'm working on a flight reservation chatbot using Watson Assistant chatbot that connects to IBM Cloud SDK through Java API. My idea is to get the API results, from a client's flight search, and set the json response into different button options using Watson. The problem is that I'm not finding a way to do it, can someone help me?

Create a Watson Assistant chatbot for websites and Facebook Messenger

Designing a Watson Assistant chatbot for a website and Facebook Messenger raises some issues due to the different way these channels format the Watson response. I am trying to understand how to deal with this.
Currently, a Watson Assistant dialog node allows responses that include text, image, pause, and an option. So far so good. The problem is that in text response I need:
add some empty line. In HTML I can use <br/> and it works fine on Website but not on Facebook.
add a link. In HTML I use link while Facebook Messenger render directly the single URL
I need to list an unordered or ordered list. In HTML I can use ol/li or ul/li tags in Facebook messenger no.
carriage return. In HTML I can use <br/> in Facebook see 1.
How do I deal with these incompatibilities?
I expect to have somewhere best practices documented to write a multi-channel chatbot but I haven't found them.
When building a chatbot with IBM Watson Assistant that has to face different output channels (in your case website and Facebook Messenger), I see two options:
Limit the responses to the common output features. Watson Assistant supports rich responses with multi-line support. Use that instead of <br/>. Check with the integration-specific docs, here Facebook Messenger integration, what is supported.
Use two bots, one for the website and one for Facebook Messenger. In that case you could use the native response format supported by Watson Assistant. The downside is that you have to maintain two bots.
(not an option from your description) Add a wrapper around Watson Assistant and translate your generic responses to your desired output channel with optimized formatting. It would require more effort, but has the best output.
As a common format, consider some basic Markdown as supported by Watson Assistan and some output channels.

IBM Watson Assistant: Multi-workspace for Facebook page?

We have integrated a Watson Assistant skill/workspace with Facebook page using Watson-provided integration approach from virtual Assistants tab.
We are able to get the response from single skill/workspace. Now we want to add another skill/workspace to the integration, but we are not able add it.
Please let us know how can we enable multiworkspace approach for FB integration using watson provided integrations.
At this time, you can only have one skill per assistant. You can swap existing skills using the tool.
If you are using the Watson Assistant API (V1 only) from an application, then you have access to multiple workspaces / skills. See the Botkit Middleware for Watson Assistant for an example of dynamically switching workspaces. It is based on the Watson SDKs.

How to embed IBM Watson Assistant chatbot into another HTML page

I have created my chatbot with IBM Watson Assistant from the GUI using Intents, Entities and Dialog and also tested the same using the "Test Yourself" utility. Now I want to embed this Chatbot on another HTML page. How do I do this? How would I start?
Check out the section on integrations for IBM Watson Assistant. In addition the GitHub organisation Watson Developer Cloud provides the SDKs and has samples. One of them is Watson Simple which is a good starting point.