embedin.

Online courses on Framer

Add an online course to your Framer site

Keep the polished Framer site you have and add lessons and community to it. Embed the course in the page while managing course content in Embedin.

Start for free No credit card required
Embedin course and community displayed in a Framer website
Embedin course preview. Your page and course content will be your own.

Why Framer + Embedin

Keep your site. Add the learning experience.

Framer pages can introduce a course and set expectations before learners enter the learning experience. Use the HTML Embed element for the course rather than the URL embed mode.

  • Keep your Framer page as the course entry point.
  • Use your own page design around the learning experience.
  • Update course lessons in Embedin without changing the Framer layout.

Setup guide

How to add an online course to Framer

  1. 01

    Create the course in Embedin

    Add your modules and lessons, then copy the Course ID from course settings.

  2. 02

    Allow Framer domains

    Add the published domain and any Framer preview or custom domains used to load the course.

  3. 03

    Add an HTML Embed element

    Place an Embed element on the page, choose HTML mode, and paste the snippet below with your Course ID in all three places.

  4. 04

    Preview or publish the site

    The course may not appear on the Framer canvas. Use Preview or publish the site, then test on the domain you allowed.

Use this embed snippet and replace YOUR_COURSE_ID with the course ID from Embedin:

<div id="YOUR_COURSE_ID" data-courseid="YOUR_COURSE_ID"></div>
<script type="module" data-courseid="YOUR_COURSE_ID" src="https://embed.embedin.com/course.js"></script>
Watch the Framer course and community tutorial

Before you publish

Framer course questions

Should I use Framer URL mode or HTML mode?

Use HTML mode for the Embedin embed snippet. URL mode loads the course in a separate frame and is not the documented setup.

Why is the course blank on the canvas?

The Framer canvas may not run the embed. Check in Preview or on the published site.

Which domains should I allow?

Allow the domains where the course will actually load, including the final custom domain and any preview domain you use for testing.

Your website, your course

Start building your Framer course.

Create a course in Embedin, connect it to your site, and keep the learning experience in your brand.

Start for free No credit card required.