Last updated:

Display webpages in lessons

Learn how to display webpages in lessons via the web app.

Why display webpages in lessons?

Displaying webpages in your lessons makes learning more interactive and convenient. It is a simple way to give users quick and on-demand access to the resources they need to fully grasp your training content.

By adding an advanced external URL slide, you can embed helpful tools like a glossary so users can easily look up any terms they don’t understand and allow them to explore definitions in their own time without interrupting the lesson.

Due to security and various technical configurations and restrictions, some webpages may not be available for display in your lesson. SafetyCulture takes security seriously and respects these technical parameters, as well as adhering to as many other web security standards as possible.

If you want to display your own webpage in the lesson, you'll need to configure your X-Frame Options to allow-from or remove them entirely from your code.

For more information about this, feel free to check this guide.

Display a webpage in a lesson

  1. Log in to the web app.

  2. Select Training iconTraining from the menu on the left-hand side.

  3. If you're on the "Learn" page, click Content at the top of the page and select Courses.

  4. Create a new standard lesson or click an existing one.

  5. If you're editing an existing course and it's published, click Pencil iconEdit on the upper-right of the page.

  6. In the left-hand side panel, click Plus (filled) iconNew slide.

  7. In the pop-up window, select Lightning (advanced) iconAdvanced under "MORE" and click External URL.

  8. In the right-hand side panel, delete the placeholder URL and enter the URL of the webpage you want to display.

  9. If you want to publish the course:

    • Click Next: Set upRight-arrow icon on the upper-right of the page and configure the course details accordingly.

    • Click Next: PublishRight-arrow icon or Next: RepublishRight-arrow icon and review the course details.

    • Click Publish nowPublish course icon or Republish nowPublish course icon.

  10. To save the course as a draft, click Back icon on the upper-left of the page.

    • If you're editing a published course, click Back icon then click Okay in the pop-up window.

If your course is currently a draft, remember to publish it to make your changes available to your team.

Need more help?
In this article