Chatbots have become one of the most thriving innovations. Chatbots allow our users to interact in a human-like manner, whereby a human can ask questions or make a request and receive responses. Websites everywhere are using chatbots to help their users find information, ask questions, take orders, and more.
Within eLearning, they present many opportunities such as boosting accessibility as instructors or teachers aren't always available when our users are learning, they're always available and on-demand, boost interactivity, and can reduce learning time by allowing our users to find information in a 'just-in-time' approach.
In this tutorial, I'll show you how you can embed a chatbot into your Articulate Storyline and Articulate courses.
The Tutorial:
Tools and codes you'll need:
Tools
In this tutorial, I used Brackets.io, a free open source code editor with live preview options. I highly recommend Brackets.io if you're looking to do coding.
To achieve the build of the chatbot, I used Landbot.io. Landbot is a great, easy-to-learn tool to create chatbots - and with their subscriptions, you can customise the design even further, link your chatbot to a Google Sheet and more.
Code
Once you've created your chatbot in Landbot.io, all you need to do is navigate to the "Share" page, adjust the settings of your chatbot and copy the script. You'll want to paste this script in your body tags of the Story.html or Index.html files.
The body tags are illustrated as per below:
<body>
</body>