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

เพิ่มแบบฟอร์ม HubSpot ลงในหน้าเพจและโพสต์ของ WordPress (แบบเดิม)

อัปเดตล่าสุด: กุมภาพันธ์ 19, 2025

สามารถใช้ได้กับการสมัครใช้บริการใดๆ ต่อไปนี้ ยกเว้นที่ระบุไว้:

ผลิตภัณฑ์และแพ็กเกจทั้งหมด

เมื่อคุณติดตั้งปลั๊กอิน HubSpot – CRM, การตลาดผ่านอีเมล, แชทสด, ฟอร์มและการวิเคราะห์สำเร็จแล้วคุณสามารถเพิ่มฟอร์มดั้งเดิมของ HubSpot ลงในหน้าเพจและโพสต์ WordPress ของคุณได้

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

ใน WordPress คุณสามารถเพิ่มฟอร์มดั้งเดิมของ HubSpot ผ่านเครื่องมือแก้ไขแบบคลาสสิกหรือเครื่องมือแก้ไข Gutenberg

ก่อนที่คุณจะเริ่มต้น

ก่อนที่คุณจะเริ่มต้นโปรดทราบสิ่งต่อไปนี้: 

  • หากคุณกำลังฝังแบบฟอร์มบนเว็บไซต์ WordPress ของคุณคุณอาจต้องใช้การประกาศ CSS เพิ่มเติมภายในสไตล์ชีตภายนอกของคุณเพื่อให้แบบฟอร์มตอบสนอง
  • หากคุณสังเกตเห็นว่าแบบฟอร์มของคุณไม่ทำงานใน WordPress หรือโค้ดฝังตัวถูกแก้ไขเมื่อคุณดูหน้าสดคุณอาจต้องแทรกแบบฟอร์มโดยใช้ปลั๊กอินเพื่อให้แน่ใจว่าโค้ดฝังตัวยังคงเหมือนเดิม
  • หากคุณใช้ปลั๊กอินแบบฟอร์มอื่นเช่นแบบฟอร์มติดต่อ 7 หรือแบบฟอร์มนินจาคุณสามารถรวบรวมการส่งใน HubSpot ได้ ตรวจสอบตารางแบบฟอร์มที่รองรับจากนั้นเรียนรู้วิธีใช้แบบฟอร์มที่ไม่ใช่ HubSpot 
  • หากคุณใช้แบบฟอร์มที่ไม่ใช่ HubSpot ที่ได้รับการสนับสนุนบน WordPress แต่ไม่เห็นข้อมูลการส่งใน HubSpot คุณอาจมีปลั๊กอิน WordPress อื่นที่ติดตั้งซึ่งขัดแย้งกับปลั๊กอิน HubSpot-WordPress ปิดใช้งานปลั๊กอินหรือตรวจสอบคำถามที่พบบ่อยสำหรับขั้นตอนการแก้ไขปัญหาเพิ่มเติม 

เครื่องมือแก้ไขแบบคลาสสิ

วิธีฝังฟอร์มดั้งเดิมของ HubSpot ลงในหน้า WordPress และโพสต์โดยใช้เครื่องมือแก้ไขแบบคลาสสิก: 

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

บรรณาธิการ Gutenberg

หากคุณใช้ Gutenberg เวอร์ชันล่าสุดซึ่งลบ JavaScript แบบอินไลน์ให้ใช้ปลั๊กอิน Inline JS Block สำหรับ Gutenberg เพื่อฝังฟอร์มดั้งเดิมของ HubSpot และ CTA ลงในหน้าเว็บของคุณแทน

วิธีฝังฟอร์มดั้งเดิมของ HubSpot ลงในหน้า WordPress และโพสต์โดยใช้ตัวแก้ไข Gutenberg: 

  • ในบัญชี WordPress ของคุณให้ไปที่หน้าเว็บหรือโพสต์ของคุณ 
  • คลิกไอคอนเครื่องหมายบวกในแถบเครื่องมือ ค้นหาบล็อกฟอร์ม HubSpot และคลิกเพื่อเพิ่มลงในเนื้อหาของคุณ 

  • ในบล็อกคุณสามารถเลือกแบบฟอร์มที่มีอยู่หรือสร้างแบบฟอร์มใหม่:
    • หากต้องการเลือกแบบฟอร์มที่มีอยู่ให้คลิกเมนูแบบเลื่อนลงเลือกแบบฟอร์มที่มีอยู่แล้วเลือกแบบฟอร์ม
    • หากต้องการสร้างฟอร์มใหม่ให้ไปที่ HubSpot > Forms ในเมนูแถบด้านซ้ายและคลิกสร้างฟอร์ม 

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

เนื้อหาที่เกี่ยวข้อง