embedin.

Online courses on Webflow

Embed an online course on Webflow

Keep your Webflow site design and add course delivery inside the page. Embedin handles course lessons and access while Webflow remains your website builder.

Start for free No credit card required
Online course embedded within a Webflow page
Embedin course preview. Your page and course content will be your own.

Why Webflow + Embedin

Keep your site. Add the learning experience.

Webflow's Embed element lets you place the course alongside your existing page content. Write a page introduction and course details in Webflow so the page remains useful beyond the embedded player.

  • Keep marketing pages and course entry points in Webflow.
  • Use Webflow page content around the course for context.
  • Update lessons in Embedin without rebuilding the website page.

Setup guide

How to add an online course to Webflow

  1. 01

    Publish a course in Embedin

    Add your lessons and resources, publish the course, and copy its Course ID.

  2. 02

    Allow the Webflow domain

    Add the live domain in the course domain restrictions. Include any staging or custom domain that learners will use.

  3. 03

    Add an Embed element

    Place an Embed element where the course should appear and paste the snippet below, replacing YOUR_COURSE_ID in all three places.

  4. 04

    Publish and test the live page

    Save and publish the Webflow site. Check playback and course access on the published domain, not only in the designer.

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 Webflow setup tutorial

Before you publish

Webflow course questions

Why does the course not show in the Webflow designer?

Embedded scripts may not render in the designer. Test the published site and confirm the live domain is allowed in Embedin.

Can I use a Webflow staging domain?

Add every domain used for preview or live course access to the allowed domain list.

Do I need to add the embed code to every lesson page?

Only add it to the page where you want the course experience to appear.

Your website, your course

Start building your Webflow 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.