ฝัง CTA (ดั้งเดิม) บนเว็บไซต์ภายนอกของคุณ

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

ก่อนที่จะฝัง CTA (ดั้งเดิม) บนเว็บไซต์ภายนอกของคุณตรวจสอบให้แน่ใจว่าได้ติดตั้งรหัสติดตาม HubSpot บนหน้าเว็บของคุณแล้ว

โปรดทราบ: บัญชีที่สร้างขึ้นหลังวันที่ 17 มีนาคม 2025 ไม่สามารถเข้าถึงเครื่องมือ CTA (เดิม)

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

ก่อนที่จะเพิ่ม CTA (ดั้งเดิม) บนเว็บไซต์ภายนอกของคุณโปรดทราบสิ่งต่อไปนี้: 

• CTA ที่ฝังอยู่ในเว็บไซต์ภายนอกของคุณจะอัปเดตโดยอัตโนมัติทั่วโลกเมื่อมีการเปลี่ยนแปลงเนื้อหาข้อความหรือการออกแบบทั่วไปของ CTA
• เนื่องจากความแตกต่างในระบบการจัดการเนื้อหา (CMS) ขั้นตอนในการเข้าถึงโค้ด HTML ของเว็บไซต์ของคุณและฝังโค้ด CTA (ดั้งเดิม) อาจแตกต่างกัน หากคุณไม่แน่ใจว่าจะเข้าถึงโค้ด HTML ของเว็บไซต์ของคุณหรือฝังโค้ดภายนอกได้อย่างไรโปรดส่งบทความนี้ไปยังเว็บมาสเตอร์ฝ่ายไอทีหรือแหล่งข้อมูลทางเทคนิคของคุณ

• หากคุณกำลังฝัง CTA บนเว็บไซต์ WordPress โปรดทราบสิ่งต่อไปนี้:

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

ฝัง CTA (ดั้งเดิม) บนเว็บไซต์ภายนอกของคุณ

วิธีฝังปุ่ม CTA บนเว็บไซต์ภายนอก: 

1. ในบัญชี HubSpot ของคุณ ไปที่ การตลาด > CTA
2. ที่ด้านบนซ้ายให้คลิกเมนูแบบเลื่อนลงและเลือก CTA (ดั้งเดิม)
3. บนแดชบอร์ด CTAs (ดั้งเดิม) ให้วางเมาส์เหนือ CTA แล้วคลิกการดำเนินการแล้วเลือกรหัสฝัง  
   
4. ในกล่องโต้ตอบให้คลิกคัดลอก 
   
   

5. ไปที่ระบบการจัดการเนื้อหา (CMS) ของเว็บไซต์ภายนอกของคุณ 
6. วางโค้ดฝัง CTA ลงใน HTML ของหน้าเว็บที่ไม่ใช่ HubSpot ของคุณทุกที่ที่คุณต้องการให้ CTA ปรากฏ 
7. ดูตัวอย่าง CTA ของคุณบนหน้าเว็บเพื่อตรวจสอบว่าจะเป็นอย่างไรเมื่อไลฟ์สด
   • หาก CTA แสดงผลไม่ถูกต้องตรวจสอบให้แน่ใจว่า CMS ภายนอกของคุณไม่ได้แก้ไขรหัสที่คุณคัดลอก
   • หากใช้ CTA ของภาพคุณอาจต้องเพิ่มสไตล์เพิ่มเติมเพื่อให้แน่ใจว่า CTA ของภาพตอบสนอง 
8. เมื่อเสร็จแล้วให้เผยแพร่หน้าเว็บของคุณ