Want to showcase your courses or curated collections right inside your own product, website, or platform? With our Widget feature, you can easily embed your learning content anywhere.
Widgets allow you to display your courses as interactive and branded elements that match with your product experience.
Whether you're looking to present your product academy, highlight featured content, or simply make access easier for your users, widgets give you a flexible, elegant solution.
⚠️ Username and Name attributes are optional. However, you need to put an identifier if you want to authorize your learners.
Go to your Collection and select Share tab.
Select the Widget type you want to embed.
Sidebar Widget
You can customize the Title and Theme of the Sidebar widget. The available themes are Light and Dark.
Furthermore, you can choose the sidebar widget's position: either Right or Left.
Once you have specify the width, your sidebar widget is ready to implement.
Insert the provided HTML code into the element where you wish your Sidebar widget to appear. This could be, for example, a button.
Example HTML code for Sidebar widget:
Place the JavaScript code before closing of your body tag.
Example Javascript code:
Modal Widget
You can customize the Title and Theme of the Modal widget. The available themes are Light and Dark.
You can also specify the maximum width for the Modal widget.
Insert the provided HTML code into the element where you wish your Modal widget to appear. This could be, for example, a button.
Example HTML Code for Modal widget:
Place the JavaScript code before closing of your body tag.
Example Javascript code:
Direct Link Widget
Direct Link widget redirects your learners directly to your course on a webpage.
💡 Selecting _blank will open the course in a new tab, while selecting _self will open the course in the current tab.
Insert the provided HTML code into the element where you wish your Modal widget to appear. This could be, for example, a button.
Example HTML Code for Direct Link widget:
Place the JavaScript code before closing of your body tag.
Example Javascript code:
Embed Widget
Please refer to this article to learn how to embed your collection: Embedding in a Webpage
❓ Please reach out us via Messenger on bottom right if you have any question about Widgets.