Forum Discussion
Integrating AI Chatboxes into Articulate Storyline
Hi everyone,
I know this has been asked before, but it's something I'm still struggling with as I'm polishing up my final portfolio for my grad program.
I tried several different options and used the code I found from several different sources, but no matter what I did regarding code and triggers, I couldn't get my AI Chatbox to function correctly. It's intended as a representative example for students to ask health care-adjacent questions that aren't entirely answered by the microlearning itself. I was nervous about including my API key and didn't use any third-party tools.
Do people have successful examples of this working? If so, could I have some advice? Thanks so much!
1 Reply
Although I can't be much help on various platforms, you could look at the step by step tutorial at https://discoverelearninguk.com/how-to-set-up-elevenlabs-conversational-ai-widget-in-articulate-storyline-360/, linked to the following ELH post: How To Embed An ElevenLabs Conversational AI Widget Into SL360 Using JS! | Articulate - Community.
In this situation, you can make a free tier audio chat or text chat agent, which gets embedded into your Storyline slide. Once you set up the agent, you just swap the agentID and the embed code data (found under the Widget tab for the agent) into the provided JavaScript, which goes into a slide trigger.
Both worked for me, and it may be helpful for helping you to understand how to embed the agent into a slide.
