วิธีฝังแบบฟอร์มภายนอกบนหน้า EdCommerce ใดก็ได้

Last updated: July 27, 2026

อธิบายวิธีฝังแบบฟอร์มของบุคคลที่สาม (เช่น แบบฟอร์มที่สร้างใน CRM ของคุณ) ลงในหน้า Landing Page ของ EdCommerce โดยใช้บล็อกหน้า 'HTML Code' ขั้นตอนทั้งสามคือ: สร้างหรือแก้ไขหน้าใน 'Pages' และลากบล็อก HTML Code เข้ามา เปิดตัวแก้ไขบล็อกและวางโค้ดแบบฟอร์มของคุณ จากนั้นดูตัวอย่างและเผยแพร่ โค้ดฝังต้องเป็นโค้ด IFRAME — หาก CRM ของคุณส่งออกเป็นสคริปต์เท่านั้น ให้แปลงเป็นโค้ดด้วยเครื่องมือเช่น Iframe Generator ก่อนวาง ตัวอย่างการใช้งานทั่วไปได้แก่ แบบฟอร์ม CRM แบบกำหนดเอง การแสดงผลิตภัณฑ์แบบไดนามิกพร้อมแบบฟอร์มลูกค้า และหน้า "ติดต่อเรา" ที่ใช้แบบฟอร์มติดต่อของเว็บไซต์เดิมของคุณ

ในขณะที่ Edcommerce มีแบบฟอร์มอัจฉริยะที่ซิงค์ได้อย่างราบรื่นกับแพลตฟอร์ม Edvisor ของคุณ อาจมีบางครั้งที่คุณต้องการใช้แบบฟอร์มภายนอกของคุณเอง

ในคู่มือนี้ เราจะแนะนำขั้นตอนง่ายๆ ในการฝังแบบฟอร์มภายนอกใดๆ ลงในหน้า Landing Page ของ Edcommerce ของคุณ เพื่อให้คุณได้รับประโยชน์สูงสุดจากทั้งสองโลก

กรณีใช้งาน:

  1. แบบฟอร์มที่ปรับแต่งเอง: รวมแบบฟอร์มที่สร้างโดย CRM ของคุณเพื่อเก็บข้อมูลลูกค้าเฉพาะจากหน้า eCommerce ของคุณ
  2. การแสดงผลิตภัณฑ์แบบไดนามิก: แสดงคำแนะนำผลิตภัณฑ์ที่สร้างแบบไดนามิกหรือเนื้อหาส่วนตัวตามความชอบของลูกค้า เพิ่มการเก็บข้อมูลลูกค้าโดยฝังแบบฟอร์มลูกค้าของคุณในหน้าเพจที่มีเนื้อหานี้
  3. แบบฟอร์มติดต่อ: สร้างหน้า "ติดต่อเรา" บน Edcommerce โดยใช้แบบฟอร์มติดต่อเดียวกันกับที่คุณใช้บนเว็บไซต์ของคุณ ตัวอย่าง

มาเริ่มกันเลย!

ขั้นตอนที่ 1: สร้างบล็อก HTML Code

ก่อนอื่น คุณจะต้องสร้างหรือแก้ไขหน้า Edcommerce ของคุณ:

  • บนบัญชี Edcommerce ของคุณ ไปที่ 'Pages' > 'Create a new page'

หน้านี้สร้างขึ้นโดยใช้บล็อกแบบกำหนดเองหลายประเภท เพื่อสร้างหน้าที่ฝังแบบฟอร์มภายนอก คุณควรเลือกตัวเลือก 'HTML Code'

จากนั้น เพียงลากและวางตัวเลือกนี้เข้าไปในตัวแก้ไขหน้า

ขั้นตอนที่ 2: คัดลอกและวางโค้ด HTML ของแบบฟอร์มของคุณ

คลิกที่บล็อก HTML ที่เพิ่งเพิ่มขึ้นเพื่อเปิดตัวแก้ไข

ตอนนี้ คุณต้องแทรกโค้ด HTML ของแบบฟอร์มของคุณเข้าไปในตัวแก้ไข

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

อย่าลืมบันทึกการเปลี่ยนแปลงของคุณหลังจากวางโค้ดแล้ว

เพื่อให้ใช้งานได้ มันควรเป็นโค้ด IFRAME

ตัวอย่าง:

<iframe src="https://share.hsforms.com/1kd5fKSSYQCWK_fCwBq95Wg3tjye" style="border:0px #ffffff none;" name="myiFrame" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="1200px" width="100%" allowfullscreen></iframe>

ในบางกรณี โค้ด HTML ที่สร้างโดย CRM ของคุณอาจอยู่ในรูปแบบสคริปต์ เพื่อฝังสคริปต์เหล่านี้บนหน้าเพจของคุณ คุณจะต้องแปลงสคริปต์เป็น iframe คุณสามารถใช้เครื่องมือออนไลน์เช่น Iframe Generator สำหรับการแปลงนี้

นี่คือสิ่งที่ต้องทำ:

  • ไปที่ Iframe Generator หรือเครื่องมือที่คล้ายกัน
  • คัดลอกสคริปต์ CRM ของคุณในกล่อง
  • เปลี่ยนการตั้งค่าเช่นขนาด iframe หากจำเป็น
  • คลิกเพื่อรับโค้ด iframe
  • คัดลอกและวางโค้ดนี้ลงในบล็อก HTML ของ Edcommerce ของคุณ

ขั้นตอนที่ 3: ตัวอย่างและเผยแพร่หน้าของคุณ

ดูตัวอย่างหน้าว่าแบบฟอร์มที่ฝังอยู่แสดงผลอย่างถูกต้องหรือไม่

หากทุกอย่างปรากฏตามที่ตั้งใจไว้ ให้เผยแพร่หน้าของคุณเพื่อใช้การเปลี่ยนแปลงกับเว็บไซต์ Edcommerce ของคุณ