Wyświetlanie programu kursu na swojej stronie internetowej

Jak osadzony program kursu pomaga w sprzedaży

Umieszczenie programu kursu bezpośrednio na Twojej stronie to wygodny sposób na pokazanie potencjalnym uczestnikom, co zawiera kurs. Odwiedzający mogą zapoznać się ze szczegółami kursu bez opuszczania witryny, co buduje zaufanie i zwiększa konwersję. Dodatkowo pozwala:

• Zwiększyć zaangażowanie użytkowników na stronie.

• Poprawić SEO — wyszukiwarki indeksują strony z wartościową treścią.

• Zapewnić spójne doświadczenie marki bez przekierowywania na zewnętrzne platformy.

Instrukcja krok po kroku: jak osadzić program kursu na stronie

Krok 1: Skopiuj główny link do kursu, np.:
https://sampleschool.kwiga.com/courses/Culinary-recipes-1-X1t

Następnie dodaj /program na końcu linku. Uzyskasz pełny adres programu kursu:
https://sampleschool.kwiga.com/courses/Culinary-recipes-1-X1t/program

Krok 2: Wklej poniższy kod iframe na swojej stronie:

<iframe id="course-program-frame" width="100%" src="tutaj link do programu kursu" style="border: none;"></iframe>

Możesz dostosować parametr width (np. 100% lub 800px) w zależności od układu strony.

Przykład (z użyciem linku do programu kursu powyżej):

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

Krok 3: Dodaj poniższy skrypt na tej samej stronie, na której osadzony jest program:

<script>

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

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

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

        }

    });

</script>

Ten skrypt nasłuchuje wiadomości z iframe i automatycznie dostosowuje wysokość ramki do zawartości.

To proste i elastyczne rozwiązanie pozwala wyświetlić program kursu na dowolnej stronie Twojej witryny — bez potrzeby skomplikowanej konfiguracji.‘