How to Embed a Widget on Thinkific

Thinkific is a powerful course creation platform that lets you build, market, and sell online courses. This guide shows you how to embed interactive Embeddy widgets — such as quizzes, calculators, and assessment tools — on your Thinkific landing pages and within course lessons.

Beginner~5 min readUpdated 2026

On this page

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>
  • Thinkific site admin access. You need admin privileges to edit site pages and course content on Thinkific.

Site Builder (Landing Pages)

Thinkific's Site Builder lets you create and customize landing pages, course sales pages, and other static pages. You can add custom HTML sections to embed third-party widgets.

  1. 1

    Open the Site Builder

    In your Thinkific admin, go to Design your site > Site Builder. Select the page you want to edit.

  2. 2

    Add an HTML section

    Click Add Section and search for "HTML" or "Custom". Select the Custom HTML or Embed section type.

  3. 3

    Paste your embed code

    Click on the section to open its settings. Paste your Embeddy iframe code into the HTML code field.

  4. 4

    Preview and publish

    Use the preview button to verify the widget loads, then click Save and publish the page.

Tip: Thinkific's Site Builder may show a placeholder instead of the actual widget in the editor. Always use the preview to confirm it renders correctly on the live page.

Plan requirement

Custom HTML sections are available on Thinkific's Basic plan and above. The free plan may have limited customization options for landing pages.

Course Content (Lessons)

Thinkific supports multiple lesson types including video, text, and multimedia. To embed an interactive widget within a lesson, use a Multimedia Lesson or a Text Lesson with HTML source editing.

  1. 1

    Open your course curriculum

    Go to Manage Learning Content > Courses, select your course, and navigate to the Curriculum tab.

  2. 2

    Add or edit a Multimedia Lesson

    Create a new Multimedia Lesson or edit an existing one. The multimedia lesson type supports custom embed codes natively.

  3. 3

    Paste the embed code

    In the lesson editor, paste your Embeddy iframe code into the embed code field. For text lessons, switch to the HTML source view first.

  4. 4

    Save the lesson

    Click Save and preview the lesson to confirm the widget appears correctly.

Education use case

Embed interactive quizzes, knowledge checks, or calculators directly within your Thinkific lessons. This creates a more engaging learning experience compared to passive video content and helps reinforce key concepts for your students.

Theme Editor (Advanced)

For advanced users, Thinkific also provides theme-level code editing. This is useful for adding widgets to custom page templates or site-wide locations.

  1. 1

    Access the Theme Editor

    Go to Design your site > Theme and click Edit Theme.

  2. 2

    Edit the appropriate template

    Select the template file for the page type you want to modify and paste your Embeddy embed code at the desired location.

  3. 3

    Save the theme

    Click Save to apply the changes across all pages using that template.

Note: Theme editing requires knowledge of HTML and Liquid templating. For most users, the Site Builder method is simpler and recommended. Use theme editing only if you need the widget on a custom template or site-wide location.

Iframe Embed Code Example

Here is what a complete Embeddy iframe embed looks like for Thinkific. 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 Thinkific HTML section or lesson -->
<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 appear in the Site Builder preview

The Site Builder editor may not render iframes. Use the Preview button to open the live preview in a new tab and verify the widget loads correctly.

Widget shows a blank area on the live page

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

HTML section not available on my plan

Custom HTML sections require the Basic plan or higher on Thinkific. If you are on the free plan, consider upgrading to access this feature.

Widget is cut off or not responsive

Increase the height attribute in your iframe code. Use width="100%" to ensure it stretches to the full container width on all screen sizes.

Embed code stripped in text lesson

When using a text lesson, make sure to switch to HTML source view before pasting your iframe code. The visual editor may strip iframe tags. Alternatively, use a Multimedia Lesson which natively supports embed codes.

Frequently Asked Questions

Can I embed interactive tools inside Thinkific lessons?

Yes. Using the Multimedia Lesson type or the text lesson's HTML source view, you can embed Embeddy widgets directly into your course content. This is great for interactive quizzes, knowledge checks, calculators, and self-assessment tools.

Does embedding a widget slow down my Thinkific site?

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

Can I use the widget on both landing pages and inside courses?

Yes — use the Site Builder for landing and sales pages, and the lesson editor for in-course content. The same embed code works in both locations.

Ready to build your widget?

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

Create your free widget at embeddy.ai