วิธีฝังโปรแกรม Edcommerce บนเว็บไซต์ของคุณเอง

อธิบายวิธีฝังเนื้อหา EdCommerce ลงในเว็บไซต์ภายนอกที่มีอยู่โดยการสร้างวิดเจ็ตใน การตั้งค่า EdCommerce > วิดเจ็ต ปรับแต่งลักษณะ และวางโค้ดตัวอย่างที่สร้างขึ้นในบล็อก HTML รวมถึงคำแนะนำทีละขั้นตอนสำหรับ WordPress (Elementor และ Visual Composer), Wix, และ Squarespace รวมถึงกรณีใช้งาน เช่น บทความบล็อก, หน้าอีเวนต์, หน้าโลเคชัน, หน้าแสดงความขอบคุณ, และแคมเปญส่งเสริมการขาย

ด้วย EdCommerce คุณไม่เพียงแต่สามารถ สร้างหน้า Landing Page สำหรับอีคอมเมิร์ซที่ดูดี และแม้แต่ สร้างเว็บไซต์ทั้งเว็บไซต์ แต่คุณยังสามารถผสานรวมคุณสมบัติที่ทรงพลังของมัน เข้ากับเว็บไซต์ที่มีอยู่ ได้อย่างไร้รอยต่อ

นั่นหมายความว่าคุณจะได้รับสิ่งที่ดีที่สุดจากทั้งสองโลก – ฟังก์ชันการทำงานของเว็บไซต์ปัจจุบันของคุณและคุณสมบัติที่ทรงพลังของ EdCommerce

คุณสามารถทำได้โดยการสร้างและฝังวิดเจ็ต มาดูกันว่าทำอย่างไร

วิธีสร้างวิดเจ็ต EdCommerce

1. เข้าถึงการตั้งค่า EdCommerce ของคุณ: เข้าสู่ระบบบัญชี EdCommerce ของคุณและไปที่ส่วน 'การตั้งค่า'
2. สร้างวิดเจ็ต: ในเมนูด้านซ้าย เลือก 'วิดเจ็ต' แล้วเลือก 'สร้างวิดเจ็ตใหม่'
3. กรอกข้อมูลวิดเจ็ต: กรอกแบบฟอร์มด้วยชื่อวิดเจ็ตของคุณ ภาษาที่ต้องการ สกุลเงิน และสัญชาติของนักเรียน
4. เลือกเนื้อหา: เลือกโปรแกรมหรือผู้ให้บริการด้านการศึกษาที่จะแสดงในวิดเจ็ตของคุณ เพียงคลิกที่ "โปรแกรม" หรือ "ผู้ให้บริการ" แล้วเลือกจากรายการด้านขวาที่คุณต้องการแสดง
5. ปรับแต่งลักษณะ: ปรับแต่งลักษณะของวิดเจ็ตโดยการแก้ไขรูปแบบตัวอักษร สีพื้นหลัง และเงากล่องให้เข้ากับดีไซน์ของเว็บไซต์คุณ คุณยังสามารถปรับแต่ง padding เพื่อให้พอดีมากขึ้นโดยการคลิกไอคอนสี่เหลี่ยมภายในตัวอย่างวิดเจ็ต
6. บันทึกวิดเจ็ตของคุณ: เมื่อคุณพอใจกับการตั้งค่าแล้ว คลิก 'บันทึก'

หลังจากบันทึกวิดเจ็ตของคุณแล้ว คุณจะได้รับโค้ดตัวอย่าง

โค้ดนี้ต้องถูกเพิ่มเข้าไปในเว็บไซต์ของคุณ อ่านต่อเพื่อเรียนรู้วิธีทำ

วิธีเพิ่มวิดเจ็ต EdCommerce ไปยังเว็บไซต์ของคุณ

เพียงเปิดหน้าบนเว็บไซต์ของคุณที่คุณต้องการวางวิดเจ็ตนี้ แล้วแทรกกล่อง HTML ด้วยโค้ด

ขึ้นอยู่กับ CMS ของเว็บไซต์ของคุณ (เช่น WordPress หรือ Wix) วิธีการเพิ่มโค้ดนี้อาจแตกต่างกัน โดยทั่วไป ตัวแก้ไขเว็บไซต์ทั้งหมดอนุญาตให้คุณลากและวางกล่อง HTML ได้

นี่คือตัวอย่างบางส่วน:

WordPress (ด้วย Elementor):

• เปิดหน้าที่คุณต้องการแก้ไขด้วย Elementor
• ลากวิดเจ็ต 'HTML' จากแผงด้านซ้ายไปยังหน้าที่คุณต้องการวางวิดเจ็ต
• วางโค้ดตัวอย่าง EdCommerce ลงในกล่องโค้ด HTML
• คลิก 'อัปเดต' เพื่อบันทึกการเปลี่ยนแปลงของคุณ

WordPress (ด้วย Visual Composer):

• แก้ไขหน้าที่คุณต้องการรวมวิดเจ็ตเข้าไป
• คลิกที่ปุ่ม '+' เพื่อเพิ่มองค์ประกอบใหม่
• เลือก 'Raw HTML' หรือ 'Custom HTML' จากองค์ประกอบเนื้อหา
• วางโค้ดชิ้นส่วน EdCommerce ของคุณลงในกล่องข้อความ
• บันทึกการเปลี่ยนแปลงของคุณโดยคลิก 'อัปเดต' บนหน้าเพจ

Wix:

• ไปที่หน้าที่คุณต้องการแก้ไขใน Wix Editor
• คลิกที่ 'เพิ่ม' (+) ทางด้านซ้ายของตัวแก้ไขและเลือก 'เพิ่มเติม'
• เลือก 'HTML iframe' จากเมนูดรอปดาวน์
• คลิก 'ป้อนโค้ด' แล้ววางโค้ดชิ้นส่วน Edcommerce ลงในกล่องการตั้งค่า HTML
• คลิก 'ใช้' เพื่อบันทึกและดูวิดเจ็ตบนหน้าของคุณ

Squarespace:

• ไปที่หน้าที่คุณต้องการเพิ่มวิดเจ็ต
• คลิก '+เพิ่มบล็อก' และเลือก 'โค้ด' จากเมนู
• วางโค้ดชิ้นส่วน EdCommerce ของคุณลงในบล็อกโค้ดและคลิก 'ใช้'

หากคุณไม่พบโมดูล HTML ในตัวแก้ไขของคุณ ลองแก้ไขโค้ดของโมดูล 'ข้อความที่มีความหรูหรา'

กรณีใช้งาน

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

นี่คือตัวอย่างบางส่วนของวิธีที่วิดเจ็ต EdCommerce สามารถนำไปใช้เชิงสร้างสรรค์ในเว็บไซต์ของคุณ:

การเสริมเนื้อหาบล็อกโพสต์:

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

หน้ากิจกรรม:

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

หน้าที่เน้นสถานที่:

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

หน้าขอบคุณสำหรับการสมัครรับจดหมายข่าว:

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

ในช่วงแคมเปญส่งเสริมการขาย:

หากคุณกำลังดำเนินแคมเปญส่งเสริมการขายสำหรับหลักสูตรหรือจุดหมายปลายทางบางอย่าง ฝังวิดเจ็ตบนหน้า landing page ของแคมเปญ ปรับแต่งวิดเจ็ตให้แสดงหลักสูตรที่เกี่ยวข้องกับแคมเปญเพื่อประสบการณ์ผู้ใช้ที่เป็นเนื้อเดียวกัน