Web Messenger Shortlinks & Embed Options

(John Jackson) #1

There are now 3 ways to use the web messenger:

  1. Every web messenger has a unique shortlink, which you can distribute however you want. This works great for sharing your chatbot through email or social media.
  2. You can now embed your chatbot within the body of any webpage. Useful for replacing forms with a chatbot.
  3. As before, you can still add our widget to your site. There’s now an API too!
Very Slow loading

Hi John,

Is it possible pass a query string to options 1 & 2 to set metadata ?

Is it possible use API with option 2 ?


(John Jackson) #3

It isn’t yet possible to set metadata with the shortlink but will be soon, that’s kind of the next thing on the list to implement!

There is no API for option 1 and 2, only for the widget version.

Hide Chat Button
(Anish Duggal) #4


Is there any tutorial or code for how to embed the messenger.

I’m looking to create something similar to https://illusion.ai/ but better for one of my sites.

Sorry not familiar with javascript.


(Karen Barker) #5

Hi Anish,

We don’t currently have any tutorials for the Web Messenger API. However in the support docs we have now included some code snippets for how to use it. Hopefully these will give you a good indication. If you do have problems feel free to email support@flowxo.com and we’ll happily try and help you out if we can.

(Ian Lawrence) #6


The web messenger is great. Will custom requests ever be supported on the embedded version ? I looked on the roadmap but could not see anything related


(Daniel Beckett) #7


Just to clarify, are you talking about the Make a Custom Request service or whether the Web Messenger API will be adapted to work with the embedded web messenger (option 2 above)?

(Ian Lawrence) #8

@DanielBeckett actually either. The Make a Custom Request service would be fine for a start but obviously having an API would be preferable. If it is then some idea of timeline would be great

I am writing a training course and the ability to embed the bot in a web page is totally awesome as it prevents having to do a whole bunch of screen recordings of the bot in action


(Daniel Beckett) #9


API support for the embedded iframe version of the Web Messenger isn’t on the immediate roadmap but it’s certainly something that will be kept in mind for the future.

In regards to custom requests they do technically work for the Web Messenger but the functionality is primarily aimed at integrating with other platforms such as Facebook Messenger and Telegram. The Webhooks & HTTP service provides full functionality and lets you connect to external APIs and pass data back and forth from Flow XO.

(Ian Lawrence) #10

Cool so I am trying to get this working and I make a HTTP Request to my video api and get this data returned
“input”: {
“url”: “https://multicdn.synq.fm/projects/39/2c/392c91e6c62f40469452d442d2f70933/uploads/videos/6e/01/6e014f792e444133ac4c7447942cea7d.mp4”,
“width”: 560,
“height”: 320,
“duration”: 5.568,
“file_size”: 383631,
“framerate”: 30,
“uploaded_at”: “2017-07-11T23:46:03.843Z”
“state”: “uploaded”,
“player”: {
“views”: 0,
“embed_url”: “https://player.synq.fm/embed/6e014f792e444133ac4c7447942cea7d”,
“thumbnail_url”: “https://multicdn.synq.fm/projects/39/2c/392c91e6c62f40469452d442d2f70933/derivatives/thumbnails/6e/01/6e014f792e444133ac4c7447942cea7d/0000090.jpg
“outputs”: {
“hls”: {
“url”: “https://multicdn.synq.fm/projects/39/2c/392c91e6c62f40469452d442d2f70933/derivatives/videos/6e/01/6e014f792e444133ac4c7447942cea7d/hls/6e014f792e444133ac4c7447942cea7d_hls.m3u8”,
“state”: “complete”
“mp4_360”: {
“url”: “https://multicdn.synq.fm/projects/39/2c/392c91e6c62f40469452d442d2f70933/derivatives/videos/6e/01/6e014f792e444133ac4c7447942cea7d/mp4_360/6e014f792e444133ac4c7447942cea7d_mp4_360.mp4”,
“state”: “complete”
“mp4_720”: {
“url”: “https://multicdn.synq.fm/projects/39/2c/392c91e6c62f40469452d442d2f70933/derivatives/videos/6e/01/6e014f792e444133ac4c7447942cea7d/mp4_720/6e014f792e444133ac4c7447942cea7d_mp4_720.mp4”,
“state”: “complete”
“mp4_1080”: {
“url”: “https://multicdn.synq.fm/projects/39/2c/392c91e6c62f40469452d442d2f70933/derivatives/videos/6e/01/6e014f792e444133ac4c7447942cea7d/mp4_1080/6e014f792e444133ac4c7447942cea7d_mp4_1080.mp4”,
“state”: “complete”
“webm_720”: {
“url”: “https://multicdn.synq.fm/projects/39/2c/392c91e6c62f40469452d442d2f70933/derivatives/videos/6e/01/6e014f792e444133ac4c7447942cea7d/webm_720/6e014f792e444133ac4c7447942cea7d_webm_720.webm”,
“state”: “complete”
“userdata”: {},
“video_id”: “6e014f792e444133ac4c7447942cea7d”,
“created_at”: “2017-07-11T23:43:17.966Z”,
“updated_at”: “2017-07-11T23:43:38.171Z”

How can I then use this returned embed_url? Sending as a message just shows the url. Basically how can I output {{http_request.data__player__embed_url}} in the embedded web messenger ?


(Daniel Beckett) #11


Unfortunately there’s no options available to embed a video into the Web Messenger. You could link to the video using Bot > Send a Card so that the user can open it in a new tab/window?

(Ian Lawrence) #12

That is not really acceptable since it breaks the flow.
If I cannot embed the video is there some way I can at least deliver it ? Basically this tutorial working for the web messenger?


(Karen Barker) #13

Hi Ian,

I’m sorry that this is causing you problems. I have created an idea on the roadmap that this feature needs adding to the Web Messenger and please do vote on this.

Unfortunately at the moment, your options are limited to providing the URL to the video either by a card or in a message. :worried:

(Ian Lawrence) #14

Maybe it would just be easier to do this myself rather than adding onto the roadmap? I can use https://github.com/flowxo/flowxo-sdk to create this service for the web messenger , correct?

(Karen Barker) #15

Hi Ian,

Sorry but I don’t believe you’d be able to use the SDK for this. The development team will need to provide the functionality in this instance to display vidoes through the Web Messenger. :disappointed: