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
Frequently Asked Questions
Can I Use Widgets If My Collection is Gated?
Yes, you can use widgets for gated collections, if the learner access method is set to either Email Verification or Specific Learners.
How Does It Work?
When you use widget for a gated collection using one of these access methods, your learners will be prompted to enter their email address. After submitting their email, they will receive a verification code. Once they enter the correct code, they will be able to access and experience your course content directly on your website, without being redirected elsewhere.
This ensures that access to your collection is restricted only to verified users, while still providing a seamless experience within your own site or product.
Important Note About Pay-Wall Gateways
Currently, pay-wall gateways (such as Stripe or Lemon Squezzy) are not fully compatible with Widgets. This is because payment gateways require learners to complete the payment process on an external site, which means they will be redirected away from your website to finalize their purchase. As a result, the widget experience is interrupted.
If you require payment before access, we recommend linking to your course or collection directly instead of using with widgets, so that the payment and access flow remains smooth for your learners.
❓ Please reach out us via Messenger on bottom right if you have any question about Widgets.