LessonUp Academy
menu
Start
Lessons
Search
About
lesson plan

Embedding or Linking on a Website

Ready to use this lesson plan? Use the button below to save a copy of this lesson plan in your account. After doing so, you will be able to modify the lessons as you wish.

What you’ll learn: different ways to share your lessons on a website — by embedding them or linking to them.
Estimated time: 5 minutes

📎 Embedding

Embedding allows users to open the lesson directly on your organisation’s website, without leaving the page.

A great example of this is Van Gogh channel.
⚠️ Note: Private lessons and lesson plans cannot be embedded.

💻 Step-by-step guide to embedding

To display LessonUp lessons on your website, you need to add a JavaScript snippet. This can be done by your website developer or administrator. If your website uses a Tag Management System (TMS), it’s best to implement the code via the TMS.
LessonUp instructions:
  • Prepare the lessons you want to display on your website. Make sure they are set to public.
  • Collect the lesson IDs. You’ll find each ID in the URL when you open a lesson. It’s the set of characters between /lesson/ and the next slash (/).
  • Share the lesson IDs and the technical instructions below with your website developer or administrator.
Technical instructions:
  • Add the following script to the <HEAD> section of the web page where the LessonUp lessons should appear:
    <script src="https://www.lessonup.com/embed.js"></script>
  • To open a lesson, use: LessonUp.open(lessonId), where lessonId (mandatory) is a string that can be found in the organisation's LessonUp environment.
  • To close the lesson, use: LessonUp.close().
  • Make sure LessonUp is included in your content security policy. LessonUp loads content from the following domains:
    - Media-src: https://api.lessonup.com/
    - Font-src: Fonts.gstatic.com and/or Fonts.googleapis.com
    - Frame-src: https://www.youtube-nocookie.com
                            and/or  https://player.vimeo.com/
    - Script: https://player.vimeo.com
Document
For detailed instructions, download the LessonUp embed instructions PDF above.
Questions? Contact us at support@lessonup.com.

🔗 Linking

You can also link directly to a published lesson with a hyperlink.

To do this:
  • Copy the link to the lesson (from your channel’s search bar).
  • Add it as a text link, button, or image link on your website.
Check this example at the Anne Frank Foundation.

⏭️ Continue to the next module

You now know how to share your lessons on a website — by embedding or linking them. In the next lesson plan, you’ll discover how the voucher system works.

👉 Go straight to the next lesson plan: Private lesson materials (voucher system)