Помощен център на KWIGA LMS (образование) Свързване на LMS с вашия уебсайт Показване на програмата на курса на вашия уебсайт

Показване на програмата на курса на вашия уебсайт

Статии:

Защо и как да го направите: Увеличете продажбите с вградени подробности за курса + ръководство стъпка по стъпка за iframe.


В тази статия:


Как вградената програма ви помага да продавате курсове

Поставянето на програмата на курса директно на вашия уебсайт е удобен начин да покажете на потенциалните курсисти какво включва курсът. Посетителите могат да преглеждат подробностите за курса, без да напускат сайта ви, което изгражда доверие и увеличава конверсиите. Освен това това ви помага да:

  • Увеличите ангажираността на потребителите на вашия уебсайт.

  • Подобрите SEO — търсачките индексират страници с ценно съдържание.

  • Осигурите последователно изживяване с бранда без пренасочване към платформи на трети страни.

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

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

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

Стъпка 2: Вградете следния iframe код във вашия сайт:

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

Можете да персонализирате параметъра width (напр., 100% или 800px) в зависимост от оформлението на вашия сайт.

Например (като използвате връзката към програмата на курса отгоре):

<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 и автоматично настройва височината според съдържанието.

Това е просто и гъвкаво решение, което ви позволява да показвате програма на курс на всяка страница от сайта си — без необходимост от сложна настройка.