Forum Discussion

ChrisHodgson's avatar
ChrisHodgson
Community Member
1 year ago

How To Embed An ElevenLabs Conversational AI Widget Into SL360 Using JS!

Hi Heroes, It feels like something new and exciting is always around the corner in the world of generative AI technology, and this week ElevenLabs put themselves firmly in the driving seat of the ...
A screenshot of an eLearning activity showing facts about the American Bald Eagle. An AI assistant widget is shown in the bottom-right corner.
AI
JavaScript
storyline
storyline 360
Nathan_Hilliard's avatar
Nathan_Hilliard
Community Member
11 months ago

I just ran through the setup in the blog post and it worked perfectly. I only embedded the bare minimum chat agent into an empty project, but it listened and responded as expected.

Can you describe what is not working, if you see any errors in the developer panel console window (F12), and run through the steps of what you did? Or, perhaps post your sample project that is not working. Maybe you can make a free tier agent as the test case. 

I don't use ElevenLabs, so I just made a free agent. It worked both when I uploaded it to my server and when I ran it locally from the published web folder. It does not work from Review since the microphone is blocked.

KarineMorris669's avatar
KarineMorris669
Community Member
11 months ago

Thank you for your response. Actually the widget just doesn't appear when I publish. How do you create a free tier agent?