- Support Center
- Embeddables
-
Get Started
-
Website
-
Embeddables
-
Courses
-
Bundles
-
Batch
-
Code
-
Product Settings
-
Product Pricing
-
Mock test
-
Test Series
-
Ebooks
-
Podcasts
-
Webinars
-
Digital Products
-
Free Resource
-
Telegram
-
Learner Management
-
Quiz & Assessment
-
Content
-
Question Pool
-
Test Evaluation
-
Reports
-
Marketing
-
Forms
-
Workflows
-
CTA
-
Campaign
-
Integrations
-
Roles and Permissions
-
School Settings
-
Sub School
-
Ratings and Reviews
-
Learner Discussion
-
Mobile Apps
-
Reports (Old)
-
Intergrations
-
Zoom integration
-
Newsfeed
-
Payments
-
FAQs
-
Troubleshooting
-
Support
-
Content Security
-
Legacy Website Builder
-
Gamification
Overview of the Widgets (embeddables).
Showcase your products and courses on your website by adding embed code. This way you can showcase your courses wherever you want.
- To create widgets (embeddables) for your website, first log in as an admin.
- Then choose Websites & Apps from the left-hand menu.
.png?width=688&height=324&name=EMBEdd%20(19).png)
- Choose the Widgets (Embeddables) option.

- Now, click the Create button.
.png?width=688&height=324&name=EMBEdd%20(21).png)
- Here, enter the Embeddables' title and a short description.
.png?width=688&height=324&name=EMBEdd%20(8).png)
- Select the embeddable type, and then click the Save button.
- Now I've chosen the product choice. It's a sales card.
.png?width=688&height=324&name=EMBEdd%20(1).png)
- Once you click the create button, you will be redirected to wedget builder
- Now, click the text and edit it to what you want.
-1.png?width=688&height=324&name=EMBEdd%20(2)-1.png)
- Then,click on sales card widget.
- On the right side, click on the "connect to lms" for Sales card widget.
.png?width=688&height=324&name=EMBEdd%20(3).png)
- Now choose the product you want to create a sales card.
.png?width=688&height=324&name=EMBEdd%20(4).png)
- Also, you can edit the Buy Button text.
- Once you've provided the necessary information, click the Save button.
.png?width=688&height=324&name=EMBEdd%20(6).png)
- You can now view the designed sales card.
- After you've finished designing, you can publish your embeddable. To publish your embeddables, select the Settings icon.
.png?width=688&height=324&name=EMBEdd%20(10).png)
- You will now be on this page. Click the Publish Status option, then select Live, and click the Publish button.
.png?width=688&height=324&name=EMBEdd%20(11).png)
- Your embeddable has been published. Now you can place your embeddable on any website.
- To use this embeddable, select the Embed code button and copy the code.
.png?width=688&height=324&name=EMBEdd%20(12).png)
- For example, I plan to add this code to our learnyst's website builder.
- Navigate to your website builder to add this embeddable. Click the "+" icon.
.png?width=688&height=324&name=EMBEdd%20(13).png)
- Now select the HTML / JS option.
.png?width=688&height=324&name=EMBEdd%20(14).png)
- Now, click the Edit Code button.
.png?width=688&height=324&name=EMBEdd%20(15).png)
- Now, delete the default code and replace it with our copied code.
.png?width=688&height=324&name=EMBEdd%20(17).png)
- Then click the OK button.
-1.png?width=688&height=324&name=EMBEdd%20(16)-1.png)
- You have now added the embeddable's code. Now, click the Save and Preview icons.
.png?width=688&height=324&name=EMBEdd%20(18).png)
- Now you can see the designed embeddable on your website page.
.png?width=688&height=324&name=EMBEdd%20(22).png)
- By following these steps, you can create and use embeddables on different kinds of platforms.