Статии:
- Форма за събиране на контакти
- Как да добавите код на уиджет към вашия уебсайт
- Проследяване на посещенията от целевата страница чрез уиджета
- Мини лендинг страници
- Добавяне на формуляр за заявка (уиджет) към страница в Weblium
- Добавяне на формуляр за заявка (уиджет) към страница в Sendpulse
- Добавяне на формуляр за заявка (уиджет) към страница в Wix
- Показване на програмата на курса на вашия уебсайт
- Добавяне на онлайн чат за ученици към платформата Kwiga
- Как да създадете уиджет за събиране на контакти
- Статистика на уиджета: Как да проследявате ефективността
Защо и как да го направите: Увеличете продажбите с вградени подробности за курса + ръководство стъпка по стъпка за 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 и автоматично настройва височината според съдържанието.
Това е просто и гъвкаво решение, което ви позволява да показвате програма на курс на всяка страница от сайта си — без необходимост от сложна настройка.
Не намерихте отговора? Свържете се с екипа за поддръжка чрез онлайн чат или Telegram