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

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

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

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

การตลาด Hub   Professional , Enterprise
เนื้อหา Hub   Professional , Enterprise
Marketing Hub Basic เดิม

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 บนเว็บไซต์ภายนอก: 

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

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

บทความนี้มีประโยชน์หรือไม่
แบบฟอร์มนี้ใช้สำหรับคำติชมเอกสารเท่านั้น เรียนรู้วิธีขอความช่วยเหลือจาก HubSpot