วิธีฝังแบบฟอร์ม EdCommerce ของคุณบนหน้า landing page หรือเว็บไซต์ภายนอกใด ๆ

Last updated: July 27, 2026

อธิบายวิธีคัดลอก iframe แบบฟอร์มนำของ EdCommerce จาก การตั้งค่า > Ecommerce > Forms — ไม่ว่าจะเป็นต่อสำนักงานผ่านเมนู 3 จุด หรือแบบฟอร์มเดียวสำหรับทุกสำนักงานผ่านเมนูด้านบน 'คัดลอก iframe สำหรับแบบฟอร์มนำ' — และวาง HTML ลงในเว็บไซต์ภายนอกหรือ CMS เช่น WordPress/Elementor, Shopify หรือ Wix นอกจากนี้ยังบันทึกการปรับแต่งสองอย่างที่ทำโดยการแก้ไข URL ของ iframe: การเพิ่มรหัสภาษา (EN, PT, ES, ES_MX, PT_BR, DE, IT, TR, FR, JA, KO) และการเพิ่มรหัส HEX เพื่อกำหนดสีของปุ่มส่ง แบบฟอร์มนำเท่านั้นที่สามารถฝังภายนอกได้ — แบบฟอร์มการจองเป็นของ Edcommerce เท่านั้น — และข้อมูลนำที่ส่งมาจะซิงค์กับ Edvisor, ถูกกำหนดอัตโนมัติให้กับที่ปรึกษาที่เหมาะสมตามกฎธุรกิจของคุณ และเข้าสู่ pipeline และ stage ที่ถูกต้อง

Edcommerce มีคุณสมบัติที่ทรงพลังที่ช่วยให้คุณสร้างและปรับแต่งแบบฟอร์ม lead และ booking ต่าง ๆ ได้ง่าย ทำให้รวบรวมข้อมูลที่ถูกต้องจาก lead และการจองของคุณได้ง่ายขึ้น

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

\Lead เหล่านี้จะถูกซิงค์กับบัญชี Edvisor ของคุณโดยอัตโนมัติ, กำหนดให้กับที่ปรึกษาที่เหมาะสม, และเพิ่มเข้าใน pipeline และ stage ที่เหมาะสม*

*ถ้าคุณยังไม่ได้กำหนดค่าฟอร์มของคุณ โปรดกลับไปที่บทความนี้เพื่อเรียนรู้วิธีตั้งค่าและปรับแต่งฟอร์มภายในเว็บไซต์ Edcommerce ของคุณ

**โปรดทราบว่าเฉพาะ แบบฟอร์ม lead เท่านั้นที่สามารถฝังบนเว็บไซต์ของคุณได้ แบบฟอร์มการจองเป็นของ Edcommerce เท่านั้น

วิธีฝังแบบฟอร์ม Edcommerce ของคุณบนหน้า landing page หรือเว็บไซต์ใดก็ได้

  • ไปที่: การตั้งค่า > Ecommerce > Forms

จากนั้น, คลิกไอคอน 3 จุด ข้างแต่ละสำนักงาน และเลือก 'คัดลอก iframe สำหรับแบบฟอร์ม lead' หากคุณต้องการฝังแบบฟอร์มที่สร้างขึ้นสำหรับสำนักงานเฉพาะ

หรือเพียงคลิกที่ปุ่ม 'คัดลอก iframe สำหรับแบบฟอร์ม lead' จากเมนูด้านบนเพื่อฝังแบบฟอร์มเฉพาะ (สำหรับทุกสำนักงานของคุณ)

คุณจะได้รับโค้ด HTML สำหรับคัดลอกและวางในเว็บไซต์ของคุณ

ถ้าคุณใช้ CMS เช่น WordPress (พร้อมเครื่องมือสร้างเว็บไซต์เช่น Elementor หรือ Visual Composer), Shopify, หรือ Wix พวกเขามักจะมีวิธีง่าย ๆ สำหรับฝังสิ่งต่าง ๆ ด้วยโค้ด HTML

โดยปกติแล้ว นี่จะเป็นวิดเจ็ตหรือรายการในกล่องเครื่องมือของคุณที่คุณสามารถลากและวางได้ง่าย ๆ

ตัวอย่างเช่น หากคุณใช้เครื่องมือสร้างเว็บไซต์อย่าง Elementor คุณสามารถเพิ่มมันผ่านวิดเจ็ต HTML ของมันได้

วิธีปรับแต่งภาษาของแบบฟอร์มของคุณ

ถ้าคุณต้องการกำหนดภาษาของแบบฟอร์มนำ คุณสามารถเพิ่มรหัสภาษาไว้ที่ส่วนท้ายของ URL ภายในโค้ด HTML:

ตัวอย่าง:

src="https://dev-virtual.edvisor.io/edvisor/ecommerce-campaign/lead-form-iframe/en"

ที่นี่คุณสามารถดูรหัสภาษาสำหรับภาษาต่าง ๆ ที่มีให้เลือก:

  • EN = อังกฤษ
  • PT = โปรตุเกส
  • ES = สเปน
  • ES_MX = สเปนละตินอเมริกา
  • PT_BR = โปรตุเกสบราซิล
  • DE = เยอรมัน
  • IT = อิตาลี
  • TR = ตุรกี
  • FR = ฝรั่งเศส
  • JA = ญี่ปุ่น
  • KO = เกาหลี

วิธีปรับแต่งสีปุ่มแบบฟอร์มของคุณ

คุณยังสามารถปรับแต่งสีของปุ่ม 'ส่ง' บนแบบฟอร์มนำที่ฝังไว้ให้ตรงกับแบรนด์ของคุณได้ ง่ายมาก:

  1. ค้นหารหัส HEX ของสีแบรนด์ของคุณ (ตัวอย่าง #4EB2F4).
  2. เพิ่มรหัส HEX นี้เข้าไปใน URL ของแบบฟอร์มที่คุณต้องการฝัง

ตัวอย่างเช่น หากคุณต้องการใช้สีที่มีรหัส HEX #4EB2F4 URL ของคุณจะเป็นประมาณนี้:

<iframe title="แบบฟอร์มนำ"<br>    src="https://virtual.edvisor.io/nuevalengua/cotizador/lead-form-iframe/en/4EB2F4/9447"<br>    width="500"<br>    height="900"<br>    frameborder="0"><br>    allowfullscreen="true"><br></iframe>

เพียงแทนที่ #4EB2F4 ด้วยรหัส HEX สีที่คุณกำหนดเองเพื่อให้เห็นความมหัศจรรย์!

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