LessonUp Academy
menu
Start
Lessen
Zoeken
Over
lesplan

Embedding or Linking on a Website

Wil je met dit lesplan aan de slag? Klik op de knop hieronder om een eigen kopie te maken in 'Mijn Lessen'. Vervolgens kun je de lessen aanpassen naar jouw wensen.

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)