เพิ่มคำกระตุ้นการตัดสินใจ (CTA) ลงในเนื้อหาของคุณ
อัปเดตล่าสุด: กุมภาพันธ์ 13, 2025
สามารถใช้ได้กับการสมัครใช้บริการใดๆ ต่อไปนี้ ยกเว้นที่ระบุไว้:
|
|
หลังจากสร้างคำกระตุ้นการตัดสินใจ (CTA) แล้วคุณสามารถเพิ่ม CTA ลงในทั้ง HubSpot และหน้าเว็บภายนอกได้ เมื่อกำหนดค่า CTA ของคุณสำหรับหน้าเว็บภายนอกจะต้องติดตั้งรหัสติดตาม HubSpot นอกจากนี้คุณยังสามารถเพิ่ม CTA ลงในอีเมลการตลาดแบบลากและวางได้อีกด้วย
วิธีเพิ่ม CTA ลงในหน้าเว็บขึ้นอยู่กับประเภท CTA ที่คุณสร้าง:
- หากใช้ CTA แบบฝังคุณสามารถเพิ่ม CTA แบบฝังได้สูงสุด 100 รายการต่อหน้า CTA แบบฝังตัวสามารถใช้งานได้ด้วยวิธีต่อไปนี้:
- โมดูลการเรียกร้องให้ดำเนินการเริ่มต้นในหน้าเว็บ HubSpot
- โมดูลปุ่มเริ่มต้นในอีเมลการตลาด
- ข้อมูลโค้ดบนเว็บไซต์ภายนอกของคุณ
- หากใช้แบนเนอร์กล่องป๊อปอัปหรือคำกระตุ้นการตัดสินใจแบบสไลด์อินคุณสามารถ:
- เรียกใช้ CTA ให้ปรากฏขึ้นเมื่อผู้เข้าชมคลิกปุ่ม
-
- เลือกทริกเกอร์การเปิดใช้งานอย่างน้อยหนึ่งรายการจากนั้นกำหนดเป้าหมายโดยใช้ URL ของเว็บไซต์หรือข้อมูลผู้เข้าชม เมื่อพบทริกเกอร์แรกแล้ว CTA จะปรากฏในหน้าเป้าหมายและสำหรับผู้เข้าชมที่ระบุ:
- ทริกเกอร์เมื่อเลื่อนหน้า
- ทริกเกอร์เมื่อเจตนาออก
- ทริกเกอร์หลังจากเวลาผ่านไป
- ทริกเกอร์หลังจากไม่มีการใช้งาน
- เลือกทริกเกอร์การเปิดใช้งานอย่างน้อยหนึ่งรายการจากนั้นกำหนดเป้าหมายโดยใช้ URL ของเว็บไซต์หรือข้อมูลผู้เข้าชม เมื่อพบทริกเกอร์แรกแล้ว CTA จะปรากฏในหน้าเป้าหมายและสำหรับผู้เข้าชมที่ระบุ:
เพิ่ม CTA ลงในเนื้อหา HubSpot ของคุณ
ในหน้า HubSpot ของคุณ โค้ดติดตามจะ ถูกติดตั้งโดยอัตโนมัติ สำหรับ ทริกเกอร์การเปิดใช้งานส่วนใหญ่ CTA จะปรากฏขึ้นเมื่อตรงกับทริกเกอร์แรก อย่างไรก็ตามหากต้องการใช้ CTA แบบฝังตัวหรือ CTA ที่เรียกใช้เมื่อผู้เข้าชมคลิกปุ่มคุณจะต้องเพิ่ม CTA ด้วยตนเองเพิ่ม CTA ลงในหน้า HubSpot
คุณสามารถฝัง CTA บนหน้าเว็บที่โฮสต์บน HubSpot โดยใช้โมดูลการเรียกร้องให้ดำเนินการ
-
ไปที่เนื้อหาของคุณ:
- หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
- หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง
- คลิกชื่อคอนเทนต์ของคุณ
- ในเครื่องมือแก้ไขเนื้อหาให้คลิกปุ่ม + เพิ่มในแถบด้านซ้าย
- ในตัวแก้ไขแถบด้านข้างให้ค้นหาและคลิกโมดูลการเรียกร้องให้ดำเนินการจากนั้นลาก ไปยังตำแหน่งบนหน้าเว็บ
- ในส่วน CTA ให้คลิก เลือก
เพิ่ม CTA ลงในโพสต์บล็อก HubSpot
- ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > บล็อก
- คลิกชื่อโพสต์ของคุณ
- ในตัวแก้ไขเนื้อหาให้คลิกโมดูลข้อความสมบูรณ์เพื่อปรับแต่งเนื้อหา
- ในแถบเครื่องมือ Rich Text ให้คลิกสิ่งที่ใส่เข้าไป > คำกระตุ้นการตัดสินใจ
- ในแผงด้านขวาให้คลิกแท็บ CTAs
- เลือก CTA เพื่อแทรกจากนั้นคลิก แทรก
- ในแผงด้านซ้ายให้คลิกใช้การเปลี่ยนแปลง CTA ที่เลือกจะแสดงในเครื่องมือแก้ไข Rich Text และในหน้าตัวอย่างของคุณ
เรียกใช้ CTA ของคุณเมื่อคลิกปุ่มใน HubSpot
คุณสามารถทริกเกอร์แบนเนอร์กล่องป๊อปอัปหรือสไลด์เข้า CTA ได้เมื่อผู้เข้าชมคลิกปุ่มบนหน้าเว็บ วิธีตั้งค่าทริกเกอร์นี้โดยใช้โมดูลปุ่มเริ่มต้นบนหน้า HubSpot:-
ไปที่เนื้อหาของคุณ:
- หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
- หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง
- คลิกที่ ชื่อ
- ในแผงด้านซ้ายในแท็บเพิ่มค้นหาและเลือกโมดูลปุ่มเริ่มต้น คลิกและลากโมดูลปุ่มไปยังหน้าเว็บของคุณ
- ในแผงด้านซ้ายให้คลิกที่ลิงก์ไปยังเมนูแบบเลื่อนลงแล้วเลือก CTA
- คลิกเมนูแบบเลื่อนลง CTA แล้วเลือก CTA ที่มีอยู่
- ตั้งค่าโมดูลปุ่มของคุณต่อ
เพิ่ม CTA แบบฝังในอีเมลการตลาดแบบลากและวางของคุณ
เพิ่ม CTA แบบฝังในอีเมลการตลาดแบบลากและวางและติดตามประสิทธิภาพของข้อเสนอ CTA ของคุณในหลายจุดสัมผัส
วิธีเพิ่ม CTA ในเครื่องมือแก้ไขอีเมลแบบลากและวาง:
- ในบัญชี HubSpot ของคุณ ไปที่การตลาด > อีเมล
- วางเมาส์เหนืออีเมลที่คุณต้องการเพิ่ม CTA จากนั้นคลิก แก้ไข หรือสร้างอีเมลใหม่
- ในแผงด้านซ้ายให้คลิกและลากโมดูลปุ่มไปยังเครื่องมือแก้ไขอีเมล
- ในแผงด้านซ้ายให้คลิกที่ลิงก์ไปยังเมนูแบบเลื่อนลงจากนั้นเลือก CTA
- ใต้ฟิลด์ CTA ให้คลิก เลือก
- ในแผงด้านขวาให้เลือก CTA ที่จะแทรกจากนั้นคลิก แทรก
โปรดทราบ: รองรับปุ่มหรือรูปภาพเพียงปุ่มเดียวเมื่อสร้างหรือเลือก CTA สำหรับอีเมลของคุณ CTA ที่มีหลายองค์ประกอบเช่นปุ่มและไม่สามารถใช้รูปภาพได้
ปรับแต่งปุ่มของธีมเพื่อเรียกใช้ CTA ของคุณเมื่อคลิกปุ่ม
หากคุณใช้ธีมที่กำหนดเองใน HubSpot คุณอาจต้องปรับแต่งโมดูลปุ่มของธีมเพื่อเรียกใช้ CTA
หากคุณกำลังแก้ไขธีมเริ่มต้นธีมเหล่านั้นจะต้องถูกโคลนก่อน ธีมที่ซื้อจากตลาดสินทรัพย์ไม่สามารถโคลนได้ขอแนะนำให้สร้างธีมย่อยแทน
วิธีปรับแต่งโมดูลปุ่มของธีม:
- ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
- ที่ด้านบนซ้ายให้ค้นหาโมดูลปุ่มของคุณ
- ในแผงด้านขวาให้เลื่อนเมาส์ไปที่ปุ่ม (กลุ่มฟิลด์) แล้วคลิก แก้ไข
- ภายใต้ฟิลด์ที่จัดกลุ่มให้วางเมาส์เหนือ URL (URL) แล้วคลิก แก้ไข
- คลิกเมนูแบบเลื่อนลงประเภท URL ที่รองรับ จากนั้นเลือกช่องทำเครื่องหมาย CTA
- ที่ด้านบนขวาให้คลิกเผยแพร่การเปลี่ยนแปลง หลังจากเผยแพร่การเปลี่ยนแปลงแล้วตัวเลือก CTA จะปรากฏขึ้นเมื่อใช้โมดูลปุ่มธีมบนหน้าเว็บของคุณ
เพิ่ม CTA ลงในเนื้อหาภายนอกของคุณ
คุณสามารถเพิ่ม CTA ลงในหน้าเว็บภายนอกของคุณได้ ก่อนที่จะใช้ HubSpot CTA บนเว็บไซต์ภายนอกของคุณคุณต้องติดตั้งรหัสติดตาม HubSpot
หลังจากติดตั้งรหัสติดตามสำหรับทริกเกอร์การเปิดใช้งานส่วนใหญ่ CTA จะปรากฏขึ้นเมื่อตรงกับทริกเกอร์แรก อย่างไรก็ตามหากต้องการใช้ CTA แบบฝังตัวหรือ CTA ที่เรียกใช้เมื่อผู้เข้าชมคลิกปุ่มคุณจะต้องเพิ่ม CTA ด้วยตนเอง
ฝัง CTA บนเว็บไซต์ภายนอกของคุณ
วิธีเพิ่ม CTA แบบฝังลงในหน้าเว็บภายนอกของคุณ:
- ในบัญชี HubSpot ของคุณ ไปที่ การตลาด > CTA
- ที่ด้านบนซ้ายให้คลิกเมนูแบบเลื่อนลงและเลือก CTA
- วางเมาส์เหนือ CTA แล้วคลิกการดำเนินการ > ฝัง
- คลิกคัดลอกไปยังคลิปบอร์ดเพื่อคัดลอกรหัส CTA ไปยังคลิปบอร์ดของคุณ
- ไปที่ระบบการจัดการเนื้อหา (CMS) ของเว็บไซต์ภายนอกของคุณ
- วางโค้ดฝัง CTA ลงใน HTML ของหน้าเว็บที่ไม่ใช่ HubSpot ของคุณทุกที่ที่คุณต้องการให้ CTA ปรากฏ
- ดูตัวอย่าง CTA ของคุณบนหน้าเว็บเพื่อตรวจสอบว่าจะเป็นอย่างไรเมื่อไลฟ์สด หาก CTA แสดงผลไม่ถูกต้องให้ตรวจสอบว่า CMS ภายนอกของคุณไม่ได้แก้ไขรหัส
- เมื่อเสร็จแล้วให้เผยแพร่หน้าเว็บของคุณ
โดยทั่วไปการแก้ไข CTA จะไม่ส่งผลกระทบต่อรหัสฝังตัว ตัวอย่างเช่นการแก้ไขลิงก์เปิดในตัวเลือกแท็บใหม่จะไม่เปลี่ยนแอตทริบิวต์ target="_blank"
ในโค้ดฝัง
ข้อมูลโค้ดฝังตัวจะทำหน้าที่เป็นตัวยึดตำแหน่งก่อนที่จะแสดง CTA เวอร์ชัน iframe CTA เวอร์ชันที่แสดงผลนี้จะแสดงค่าเปิดในแท็บใหม่ที่ถูกต้องซึ่งตั้งไว้ในเครื่องมือแก้ไข
ในการเปิดลิงก์ในหน้าต่างเดียวกันในตัวยึดตำแหน่งผู้ใช้สามารถเปลี่ยนแท็กแอตทริบิวต์เป้าหมายเป็น target="_self"
ได้ด้วยตนเอง
เรียกใช้ปุ่ม CTA เมื่อคลิกที่เว็บไซต์ภายนอกของคุณ
ก่อนที่จะใช้ CTA บนเว็บไซต์ภายนอกของคุณคุณต้องติดตั้งรหัสติดตาม HubSpot วิธีตั้งค่าทริกเกอร์ของคุณบนหน้าเว็บภายนอก:
- ในบัญชี HubSpot ของคุณ ไปที่ การตลาด > CTA
- ที่ด้านบนซ้ายให้คลิกเมนูแบบเลื่อนลงและเลือก CTA
- วางเมาส์เหนือ CTA แล้วคลิก แก้ไข
- ที่ด้านบนให้คลิกแท็บการกำหนดเป้าหมาย
- ภายใต้ส่วนทริกเกอร์บนปุ่มคลิกคลิกตัวอย่างรหัส
- ในกล่องโต้ตอบให้คลิกคัดลอก
- วางคลาสที่ฝังลงในปุ่มของคุณบนเว็บไซต์ภายนอกของคุณ หากคุณไม่แน่ใจว่าจะเพิ่มชั้นเรียน CSS ลงในปุ่มบนเว็บไซต์ของคุณได้อย่างไรคุณอาจต้องทำงานร่วมกับเว็บมาสเตอร์แผนกไอทีหรือนักพัฒนาซอฟต์แวร์ของคุณ