Building an AI Knowledge Expert Chatbot in Articulate Storyline E-Learning Content
Are you looking to enhance your e-learning content with an AI-powered chatbot? Look no further than the e-learning magic toolkit plugin for WordPress. In this article, we'll walk you through the steps to build an AI knowledge expert chatbot inside your Articulate Storyline e-learning content using our plugin.
Table of Contents
1. Introduction
2. Installing the e-learning magic toolkit plugin
3. Configuring the plugin settings
4. Adding the knowledge expert interface to your slide
5. Creating text variables in Storyline
6. Executing JavaScript trigger for the chatbot API
7. Displaying the response layer to the user
8. Publishing the project as an xAPI zip file
9. Embedding the learning content onto a WordPress page
10. Conclusion
Introduction
Articulate Storyline is a popular e-learning authoring tool that allows you to create interactive and engaging e-learning content. By adding an AI-powered chatbot to your content, you can provide learners with instant access to expert knowledge and support. In this article, we'll show you how to build an AI knowledge expert chatbot using the e-learning magic toolkit plugin for WordPress.
Installing the e-learning magic toolkit plugin
To get started, you'll need to install the e-learning magic toolkit plugin onto your WordPress site. Once you've uploaded the plugin zip file and entered your license key, you'll find the plugin settings in the WordPress settings menu. From there, you can get your API key from the OpenAI platform and configure the chat completions API and create image API settings for use by learners in your e-learning experiences.
Configuring the plugin settings
The settings shown in the plugin are about the standard. You can decide the best configuration of settings for both the chat completions API and the create image API for use by learners in your e-learning experiences.
Adding the knowledge expert interface to your slide
In Articulate Storyline, you can be as creative as you wish in terms of how you want the knowledge expert interface to look. What we're going to do is add a button nested in the corner of the slide, which will open a new layer. On this layer, we will have a character along with a text entry field for the user to type their question. We'll create another layer with a text field ready to display the answer generated by the AI.
Creating text variables in Storyline
To make all this work in Storyline, we just need two text variables. The first will store what the user has typed into the question box field, and the second will store the answer that is returned from the chatbot API.
Executing JavaScript trigger for the chatbot API
Let's create an execute JavaScript trigger to be run when the user clicks the submit button. Into the JavaScript code window, we will copy and paste the called snippet, which you can find on our website to send and receive a single question API. All we need to do is include the Storyline variable within the script, which the user has typed, and make sure this is included in the prompt contents. The only other thing that we need to edit here towards the bottom of the script is the Storyline variable name.
Displaying the response layer to the user
To transfer the response text from the chatbot back into Storyline, we can create a trigger to display the response layer to the user as soon as that response has been received, i.e., the variable has changed.
Publishing the project as an xAPI zip file
All we need to do now is publish the project as an xAPI zip file ready to upload to our website.
Embedding the learning content onto a WordPress page
Using the Elementor visual toolkit, we can embed our learning content directly onto the page by adding a container inside of which will be a text field. We can then click on the add Tin Can API media button to upload and embed our content as an iframe.
Conclusion
By following these steps, you can easily build an AI knowledge expert chatbot inside your Articulate Storyline e-learning content using the e-learning magic toolkit plugin for WordPress. This will provide learners with instant access to expert knowledge and support, enhancing their learning experience.
Highlights
- Build an AI knowledge expert chatbot in Articulate Storyline e-learning content
- Use the e-learning magic toolkit plugin for WordPress
- Configure the plugin settings for the chat completions API and create image API
- Add the knowledge expert interface to your slide
- Create text variables in Storyline
- Execute JavaScript trigger for the chatbot API
- Display the response layer to the user
- Publish the project as an xAPI zip file
- Embed the learning content onto a WordPress page
- Enhance learners' experience with instant access to expert knowledge and support
FAQ
Q: What is Articulate Storyline?
A: Articulate Storyline is a popular e-learning authoring tool that allows you to create interactive and engaging e-learning content.
Q: What is an AI knowledge expert chatbot?
A: An AI knowledge expert chatbot is an AI-powered chatbot that provides learners with instant access to expert knowledge and support.
Q: What is the e-learning magic toolkit plugin?
A: The e-learning magic toolkit plugin is a WordPress plugin that allows you to build an AI knowledge expert chatbot inside your Articulate Storyline e-learning content.
Q: How do I configure the plugin settings?
A: You can configure the plugin settings for the chat completions API and create image API in the WordPress settings menu.
Q: How do I add the knowledge expert interface to my slide?
A: You can add the knowledge expert interface to your slide by adding a button nested in the corner of the slide, which will open a new layer. On this layer, you will have a character along with a text entry field for the user to type their question.
Q: How do I create text variables in Storyline?
A: To create text variables in Storyline, you just need two text variables. The first will store what the user has typed into the question box field, and the second will store the answer that is returned from the chatbot API.
Q: How do I display the response layer to the user?
A: To display the response layer to the user, you can create a trigger to display the response layer to the user as soon as that response has been received, i.e., the variable has changed.
Q: How do I embed the learning content onto a WordPress page?
A: Using the Elementor visual toolkit, you can embed your learning content directly onto the page by adding a container inside of which will be a text field. You can then click on the add Tin Can API media button to upload and embed your content as an iframe.
Resources:
- e-learning magic toolkit plugin: https://elearningmagic.com/
- Articulate Storyline: https://articulate.com/360/storyline
- OpenAI platform: https://openai.com/
- Tin Can API: https://tincanapi.com/
- AI chatbot product: https://www.voc.ai/product/ai-chatbot
