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

Last updated: October 9, 2026

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

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

กรณีการใช้งาน:

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

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

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

ขั้นแรก คุณจะต้องสร้างหรือแก้ไขหน้า 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: ดูตัวอย่างและเผยแพร่หน้า

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

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