How to Embed a Widget on Podia

Podia is an all-in-one platform for selling online courses, digital downloads, memberships, and webinars. This guide shows you how to embed interactive Embeddy widgets — such as quizzes, calculators, and course tools — into your Podia course lessons, sales pages, and custom site pages.

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>

Podia creator account. You need to be logged in as the store owner to edit course content and page layouts on Podia.

Course Lessons (Embed Block)

Podia's course editor uses a block-based system for building lesson content. The Embed block lets you paste iframe code or embed URLs directly into your course lessons.

1
Open your course editor
In your Podia dashboard, go to Products, select your course, and click on the lesson you want to edit.
2
Add an Embed block
In the lesson content area, click the + button or type /embed to add an embed block. Podia supports embeddable content from various sources.
3
Paste your embed code
Paste the full Embeddy iframe code into the embed block. Podia will process and display the embedded content.
4
Save the lesson
Click Save or Publish. Preview the lesson to confirm the widget renders correctly.

Education use case

Embed interactive quizzes at the end of each course section to help students test their understanding. Calculators and interactive tools work especially well for business and finance courses where students need hands-on practice.

Sales & Landing Pages

Podia automatically generates sales pages for your products. You can customize these pages and add embed blocks to include interactive widgets that help convert visitors into buyers.

1
Open the sales page editor
Navigate to your product, then click Edit Page on the sales page section.
2
Add a section with an embed block
Add a new content section and include an Embed block. Paste your Embeddy iframe code into the block.
3
Preview and publish
Preview the sales page to verify the widget appears, then publish your changes.

Tip: Place an interactive assessment or quiz widget on your sales page to let prospective students engage with your content before purchasing. This can significantly boost engagement and conversion rates.

Custom Site Pages

Podia's website builder lets you create custom pages for your site. These pages use the same block-based editor and support embed blocks for adding third-party content.

1
Create or edit a custom page
Go to Website > Pages and create a new page or edit an existing one.
2
Add an Embed block
In the page editor, add an Embed block and paste your Embeddy iframe code.
3
Publish the page
Save and publish the page. Visit it to confirm the widget loads correctly.

Iframe Embed Code Example

Here is what a complete Embeddy iframe embed looks like for Podia. 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 Podia Embed block -->
<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

The embed block does not render the widget in the editor

Podia's editor may not render iframes inline. Use the Preview button to see the widget on the live page. This is expected behavior.

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 block is not accepting my iframe code

Some Podia embed blocks expect a URL rather than raw HTML. Try pasting just the src URL from your iframe instead of the full HTML tag. If Podia does not recognize the URL, switch to the HTML/code embed option if available.

Widget is cut off or too small

Increase the height attribute in your iframe code. Try height="600" or higher depending on your widget's content.

Frequently Asked Questions

Can I embed interactive tools in Podia course lessons?

Yes. Podia's lesson editor supports embed blocks where you can paste iframe code for interactive quizzes, calculators, and other tools. This enhances the learning experience beyond passive video content.

Does embedding a widget affect page performance?

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. Adding loading="lazy" further defers loading until the widget is visible.

Can I embed widgets on both free and paid Podia plans?

Embed blocks are available on all Podia plans. However, some advanced customization features may be limited on lower-tier plans. Check your Podia plan details for specific feature availability.

Ready to build your widget?

Create a free Embeddy widget — no code required. Get your embed code in minutes and drop it into your Podia courses and pages.

Create your free widget at embeddy.ai

On this page