How to Embed a Widget on LearnWorlds

LearnWorlds is a feature-rich online course platform with a built-in website builder and interactive course player. This guide shows you how to embed Embeddy widgets — such as quizzes, calculators, and assessment tools — on your LearnWorlds pages and inside course lessons.

Beginner~5 min readUpdated 2026

Prerequisites

Before you embed your widget, you need two things:

Your Embeddy embed code. Log in to your dashboard at https://embeddy.ai/dashboard, open your widget, and copy the iframe embed code. It looks like this:

<iframe
  src="https://embeddy.ai/webhost/WIDGET_ID?widget_props_id=PROPS_ID"
  width="100%"
  height="500"
  frameborder="0"
></iframe>

LearnWorlds admin access. You need admin privileges to edit pages in the Site Builder and to add embed codes to course content.

Page Builder (Embed Code)

LearnWorlds has a powerful drag-and-drop page builder (Site Builder) that includes an Embed Code widget specifically designed for adding third-party code like iframes, scripts, and custom HTML.

1
Open the Site Builder
In your LearnWorlds admin, go to Site Builder and select the page you want to edit (e.g., homepage, landing page, or after-login page).
2
Add an Embed Code widget
From the left panel, find the "Embed Code" widget under the Elements section. Drag it to the desired position on your page.
3
Paste your embed code
Click on the Embed Code widget to open the code editor. Paste your Embeddy iframe code into the editor field.
4
Preview and publish
Click Preview to verify the widget, then Save and Publish the page.

Tip: LearnWorlds' Site Builder may show a placeholder for the embed code widget in the editor. Use the Preview button to see the actual widget rendering.

Education use case

Embed interactive calculators on your course sales pages to demonstrate value. For example, an ROI calculator can help prospective students see the return on their education investment before purchasing your course.

Course Player (Lessons)

LearnWorlds supports multiple learning activity types including video, text, embed, and more. The Embed learning activity type lets you add iframe content directly within the course player.

1
Open your course curriculum
Navigate to your course and go to the Contents tab to manage your curriculum.
2
Add an Embed learning activity
Click Add Activity and select the "Embed" type. This creates a new learning unit that supports iframe embed codes.
3
Paste the embed code
Paste your Embeddy iframe code into the embed code field. Set a title for the learning activity.
4
Save and test
Save the activity and preview the course player to confirm the widget appears correctly within the lesson.

Course creator tip

LearnWorlds' embed activities work perfectly for interactive quizzes, knowledge checks, and practice tools. Place them between video lessons to break up passive content and increase student engagement and retention.

Custom CSS/JS (Advanced)

LearnWorlds also provides a Custom CSS/JS feature for adding scripts globally across your school. This is useful for advanced integrations but not recommended for individual widget embeds.

1
Go to Settings
Navigate to Settings > Custom CSS/JS in your LearnWorlds admin.
2
Add your code
Paste your embed code in the appropriate section (Header or Footer). This will add the code to all pages on your school.

Note: For page-specific widgets, always prefer the Site Builder Embed Code widget or the course Embed activity. The Custom CSS/JS feature is best for site-wide scripts.

Iframe Embed Code Example

Here is what a complete Embeddy iframe embed looks like for LearnWorlds. Copy your specific code from the Embeddy dashboard — the WIDGET_ID and PROPS_ID values will be filled in automatically.

<!-- Embeddy widget embed — paste into LearnWorlds Embed Code widget -->
<iframe
  src="https://embeddy.ai/webhost/WIDGET_ID?widget_props_id=PROPS_ID"
  width="100%"
  height="500"
  frameborder="0"
  style="border: none; border-radius: 8px;"
  loading="lazy"
  title="My Embeddy Widget"
></iframe>

You can adjust height to match your widget's content. Use width="100%" to make the embed responsive across all screen sizes.

Troubleshooting

Widget does not render in the Site Builder editor

The Site Builder shows a placeholder for embed code widgets. Use Preview to see the actual widget rendering on the live page.

Widget shows a blank area

Verify your Widget ID and Props ID in the embed URL are correct. Open the Embeddy dashboard and copy the embed code fresh. Confirm the widget is published (not in draft mode).

Embed Code widget not available on my plan

The Embed Code widget in the Site Builder is available on LearnWorlds' Pro Trainer plan and above. Lower-tier plans may have limited customization options. Check your plan features.

Widget is cut off in the course player

Increase the height attribute in your iframe code. The course player has a specific content area width, so ensure your widget is set to width="100%" to fit the container.

Frequently Asked Questions

Can I embed interactive tools inside LearnWorlds course lessons?

Yes. LearnWorlds has a dedicated Embed learning activity type that supports iframe embed codes. This is ideal for interactive quizzes, calculators, assessments, and other tools that enhance the learning experience.

Does embedding a widget slow down my LearnWorlds school?

No. Iframes load independently of your main page. The widget loads from Embeddy's servers and does not block your page's rendering. Using loading="lazy" further defers loading until the widget scrolls into view.

Which LearnWorlds plan supports embed codes?

The Site Builder's Embed Code widget and Custom CSS/JS features are available on the Pro Trainer plan and above. The course player's Embed activity type is available on all plans that include the course builder.

Ready to build your widget?

Create a free Embeddy widget — no code required. Get your embed code in minutes and drop it into your LearnWorlds school.

Create your free widget at embeddy.ai

On this page