Статті:
- Форма захоплення контактів
- Як додати код віджету на сайт
- Відстеження відвідувань з лендінгу через віджет
- Мінілендинги
- Додавання форми-заявки (віджету) на сторінку Weblium
- Додавання форми-заявки (віджету) на сторінку Sendpulse
- Додавання форми-заявки (віджету) на сторінку на Wix
- Відображення програми курсу на вашому сайті
- Додавання онлайн-чату для учнів на платформу Kwiga
- Статистика по віджетам: як відстежувати ефективність
Розміщення програми курсу на сайті: навіщо це потрібно, як це допомагає продавати та детальна інструкція зі вставки через 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 і автоматично встановлює висоту, що відповідає вмісту.
Це просте й гнучке рішення, яке дозволяє вбудувати програму курсу на будь-яку сторінку вашого сайту без складних налаштувань.