In case you haven’t heard, http://motion.ai have just put their ‘no code’ chatbot into public beta. Given the API, it looks like a great opportunity to take Bubble apps to the next level.
I’ve had a play today… Nothing fancy, just wrapped a bot inside Bubble. Loads of scope I reckon?
Hi Benjamus, I know its probably dead simple but I’m new to bubble.is ans I was wondering if you could give me a quick run down of how you implemented your chatbot.
Hi Shane. Very easy (and it isn’t really a ‘bubble’ thing)…
Head over to https://www.motion.ai/ and create an account. Create your bot, then use the embed code provided from Motion.ai within an HTML element in Bubble.
I posted this here because of the API from Motion.ai - which gives scope for a much deeper chatbot integration into Bubble. That’s the interesting aspect/potential (to me at least).
Hey benjamenus, thanks for the quick reply. I tried putting my embed code using a html box but it shows up as blank?
my code is:
<link href="https://api.motion.ai/sdk/webchat.css" rel="stylesheet" type="text/css"
</script
<script
motionAI_Init('10212?color=62a8ea&sendBtn=SEND&inputBox=Type+something...&token=d767b9005006617d040e74951c77b9bf',true,400,470); /* botID with access token, display bot icon?, modal width, modal height
/* you may also invoke motionAI_Open(); to manually open the modal
</script
I’ve just has a look at my app to see how I did it. It looks like this:
I’m using an HTML element which is 380x250. I have ‘stretch to fit content’ ticked and ‘display as an iframe’ unticked. The code I’ve pasted inside is:
`
Sugarplums - something is FUBAR!
`
I’m not sure why I set the heights differently, but it seems to work. Not sure why I added the P tag either. Have a little play with sizes, etc and see how you get on.