Displaying the Course Program on Your Website

How an Embedded Program Helps You Sell Courses

Placing the course program directly on your website is a convenient way to show potential students what the course includes. Visitors can review course details without leaving your site, which builds trust and increases conversions. In addition, it helps you:

• Increase user engagement on your website.

• Improve SEO — search engines index pages with valuable content.

• Provide a consistent brand experience without redirecting to third-party platforms.

Step-by-Step Guide to Embedding a Course Program on Your Website

Step 1: Get the main course URL, for example:
https://sampleschool.kwiga.com/courses/Culinary-recipes-1-X1t

Then, add /program to the end of the link. You’ll get the full course program URL:
https://sampleschool.kwiga.com/courses/Culinary-recipes-1-X1t/program

Step 2: Embed the following iframe code into your site:

<iframe id="course-program-frame" width="100%" src="your course program link here" style="border: none;"></iframe>

You can customize the width parameter (e.g., 100% or 800px) depending on your site’s layout.

For example (using the course program link from above):

<iframe id="course-program-frame" width="100%" src="https://sampleschool.kwiga.com/courses/Culinary-recipes-1-X1t/program" style="border: none;"></iframe>

Step 3: Add the following script to the same page where the program is embedded:

<script>

    window.addEventListener("message", function(event) {

        if (event.data.type === "resize-iframe") {

            document.getElementById("course-program-frame").style.height = event.data.height + "px";

        }

    });

</script>

This script listens for a message from the iframe and automatically adjusts the height based on the content.

This is a simple and flexible solution that lets you display a course program on any page of your site — with no complex setup required.