การแสดงโปรแกรมคอร์สบนเว็บไซต์ของคุณ

โปรแกรมที่ฝังไว้ช่วยให้คุณขายคอร์สได้อย่างไร

การวางโปรแกรมคอร์สไว้บนเว็บไซต์ของคุณโดยตรงเป็นวิธีที่สะดวกในการแสดงให้ผู้เรียนที่สนใจเห็นว่าคอร์สมีอะไรบ้าง ผู้เข้าชมสามารถดูรายละเอียดคอร์สได้โดยไม่ต้องออกจากเว็บไซต์ของคุณ ซึ่งช่วยสร้างความน่าเชื่อถือและเพิ่มอัตราการเปลี่ยนเป็นลูกค้า นอกจากนี้ยังช่วยให้คุณ:

• เพิ่มการมีส่วนร่วมของผู้ใช้บนเว็บไซต์ของคุณ

• ปรับปรุง 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 และปรับความสูงโดยอัตโนมัติตามเนื้อหา

นี่คือโซลูชันที่เรียบง่ายและยืดหยุ่น ซึ่งช่วยให้คุณแสดงโปรแกรมคอร์สบนหน้าใดก็ได้ของเว็บไซต์ โดยไม่ต้องตั้งค่าที่ซับซ้อน