KWIGA центр підтримки LMS (навчання) Підключення LMS на свій сайт Відображення програми курсу на вашому сайті

Відображення програми курсу на вашому сайті

Статті:

Розміщення програми курсу на сайті: навіщо це потрібно, як це допомагає продавати та детальна інструкція зі вставки через iframe.


У цій статті:


Як вбудована програма допомагає продавати курс

Розміщення програми курсу безпосередньо на вашому сайті — зручний спосіб показати потенційним студентам зміст навчання. Відвідувачі зможуть ознайомитися з деталями курсу, не залишаючи ваш ресурс, що підвищує довіру та збільшує конверсію. Крім того, це дозволяє:

  • Збільшити залученість користувачів на вашому сайті.

  • Покращити SEO — пошукові системи індексують сторінку з корисним контентом.

  • Сформувати цілісне враження про ваш бренд без переходів на сторонні платформи.

Інструкція з додавання програми курсу на сайт

Крок 1: Візьміть основне посилання на курс, наприклад:
https://sampleschool.kwiga.com/courses/Culinary-recipes-1-X1t

І додайте в кінець /program. Вийде повне посилання на програму курсу:
https://sampleschool.kwiga.com/courses/Culinary-recipes-1-X1t/program

Крок 2: Вставте код iframe на свій сайт:

<iframe id="course-program-frame" width="100%" src="посилання на програму курсу" style="border: none;"></iframe>

Параметр width можна налаштувати самостійно (наприклад, 100% або 800px — залежно від дизайну сайту).

Для прикладу з посиланням:
https://sampleschool.kwiga.com/courses/Culinary-recipes-1-X1t/program
код виглядатиме так:

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

Крок 3: Додайте наступний скрипт на сторінку, де відображається програма курсу

Нічого змінювати в скрипті не потрібно.

<script>

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

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

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

        }

    });

</script>

Цей скрипт обробляє повідомлення від iframe і автоматично встановлює висоту, що відповідає вмісту.

Це просте й гнучке рішення, яке дозволяє вбудувати програму курсу на будь-яку сторінку вашого сайту без складних налаштувань.