เมื่อติดตั้งปลั๊กอิน HubSpot – CRM, Email Marketing, Live Chat, Forms & Analytics สำเร็จแล้ว คุณสามารถเพิ่มฟอร์มของ HubSpot ลงในหน้าและโพสต์ของ WordPress ได้
วันที่เผยแพร่ 11 ตุลาคม 2567
Available with any of the following subscriptions, except where noted:
เมื่อติดตั้งปลั๊กอิน HubSpot – CRM, Email Marketing, Live Chat, Forms & Analytics สำเร็จแล้ว คุณสามารถเพิ่มฟอร์มของ HubSpot ลงในหน้าและโพสต์ของ WordPress ได้
ใน WordPress คุณสามารถเพิ่มฟอร์มของ HubSpot ผ่านทั้ง Classic Editor หรือ Gutenberg Editor
ก่อนที่คุณจะเริ่มต้น
ก่อนที่คุณจะเริ่มต้น โปรดทราบข้อมูลต่อไปนี้:
- หากคุณฝังฟอร์มลงในเว็บไซต์ WordPress คุณอาจต้องใช้คำสั่ง CSS เพิ่มเติมภายในไฟล์สไตล์ชีตภายนอกเพื่อ ให้ฟอร์มตอบสนองได้ (responsive)
- หากคุณพบว่าฟอร์มของคุณไม่ทำงานใน WordPress หรือรหัสฝังถูกเปลี่ยนแปลงเมื่อคุณดูหน้าสด คุณอาจต้องใส่ฟอร์มโดยใช้ ปลั๊กอิน เพื่อให้แน่ใจว่ารหัสฝังยังคงอยู่
- หากคุณใช้ปลั๊กอินฟอร์มอื่น เช่น Contact Form 7 หรือ Ninja Forms คุณสามารถรวบรวมการส่งข้อมูลใน HubSpot ได้ ตรวจสอบตารางของฟอร์มที่รองรับ จากนั้นเรียนรู้วิธีการใช้ฟอร์มที่ไม่ใช่ของ HubSpot
- หากคุณกำลังใช้ฟอร์มที่รองรับและไม่ใช่ของ HubSpot บน WordPress แต่ไม่เห็นข้อมูลการส่งใน HubSpot คุณอาจมีปลั๊กอิน WordPress อื่นติดตั้งที่ขัดแย้งกับปลั๊กอิน HubSpot-WordPress ให้ปิดใช้งานปลั๊กอินนั้น หรือทบทวนคำถามที่พบบ่อยเพื่อดูขั้นตอนการแก้ไขปัญหาเพิ่มเติม
Classic Editor
ในการฝังฟอร์มลงในหน้าและโพสต์ของ WordPress โดยใช้ Classic Editor:
- จากบัญชี WordPress ของคุณ ในเมนูแถบด้านซ้าย ไปที่ HubSpot > Forms
- นำเมาส์ไปชี้ที่ฟอร์มที่คุณต้องการเพิ่มในเว็บไซต์ของคุณแล้วคลิก Embed คุณยังสามารถสร้างฟอร์ม HubSpot ใหม่ได้โดยคลิก Create form
- คลิก WordPress short code จากนั้นคลิก Copy เพื่อคัดลอกรหัสฝัง
- ไปที่หน้า WordPress หรือโพสต์ จากนั้นวางรหัสสั้นลงในตัวแก้ไขหน้า
- หลังจากเผยแพร่หน้าของคุณแล้ว เพื่อดูการส่งข้อมูลไปยังฟอร์มใน WordPress:
- จากบัญชี WordPress ของคุณ ในเมนูแถบด้านซ้าย ไปที่ HubSpot > Forms
- นำเมาส์ไปชี้ที่ฟอร์ม จากนั้นคลิกที่เมนูดรอปดาวน์ Actions และเลือก View submissions เรียนรู้เพิ่มเติมเกี่ยวกับการวิเคราะห์การส่งข้อมูลฟอร์มของคุณ
Gutenberg Editor
หากคุณใช้เวอร์ชันล่าสุดของ Gutenberg ซึ่งลบ inline JavaScript ออก ให้ใช้ปลั๊กอิน Inline JS Block for Gutenberg เพื่อฝังฟอร์มและ CTAs ลงในหน้าของคุณแทน
ในการฝังฟอร์มลงในหน้าและโพสต์ของ WordPress โดยใช้ Gutenberg editor:
-
จากบัญชี WordPress ของคุณ ไปที่หน้าเพจหรือโพสต์
-
คลิกที่ไอคอนบวกในแถบเครื่องมือ ค้นหา HubSpot Form block และคลิกเพื่อเพิ่มลงในเนื้อหา
-
ในบล็อก คุณสามารถเลือกฟอร์มที่มีอยู่หรือสร้างฟอร์มใหม่:
- ในการเลือกฟอร์มที่มีอยู่ ให้คลิกที่เมนูดรอปดาวน์ select an existing form แล้วเลือกฟอร์ม
- ในการสร้างฟอร์มใหม่ ไปที่ HubSpot > Forms ในเมนูแถบด้านซ้ายแล้วคลิก Create form
-
หลังจากเผยแพร่หน้าของคุณแล้ว เพื่อดูการส่งข้อมูลไปยังฟอร์มใน WordPress:
- จากบัญชี WordPress ของคุณ ในเมนูแถบด้านซ้าย ไปที่ HubSpot > Forms
- นำเมาส์ไปชี้ที่ฟอร์ม จากนั้นคลิกที่เมนูดรอปดาวน์ Actions และเลือก View submissions เรียนรู้เพิ่มเติมเกี่ยวกับการวิเคราะห์การส่งข้อมูลฟอร์มของคุณ
ที่มา: https://knowledge.hubspot.com/integrations/create-a-hubspot-form-in-wordpress