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

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

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

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

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

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

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

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

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

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

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

บรรณาธิการ Gutenberg

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

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

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

3. ในบล็อกคุณสามารถเลือกแบบฟอร์มที่มีอยู่หรือสร้างแบบฟอร์มใหม่:

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

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