- ฐานความรู้
- การตลาด
- CTA
- เพิ่มคำกระตุ้นการตัดสินใจ (CTA) ลงในเนื้อหาของคุณ
เพิ่มคำกระตุ้นการตัดสินใจ (CTA) ลงในเนื้อหาของคุณ
อัปเดตล่าสุด: 7 กรกฎาคม 2025
สามารถใช้ได้กับการสมัครใช้บริการใดๆ ต่อไปนี้ ยกเว้นที่ระบุไว้:
-
การตลาด Hub Starter, Professional, Enterprise
-
เนื้อหา Hub Starter, Professional, Enterprise
หลังจากสร้างคำกระตุ้นการตัดสินใจ (CTA) แล้วคุณสามารถเพิ่ม CTA ลงในทั้ง HubSpot และหน้าเว็บภายนอกได้ เมื่อกำหนดค่า CTA ของคุณสำหรับหน้าเว็บภายนอกจะต้องติดตั้งรหัสติดตาม HubSpot นอกจากนี้คุณยังสามารถเพิ่ม CTA ลงในอีเมลการตลาดแบบลากและวางได้อีกด้วย
หลังจากเพิ่ม CTA ลงในเนื้อหาของคุณแล้วหากคุณมีการสมัครสมาชิก Marketing Hub หรือ Content Hub Professional หรือ Enterprise คุณสามารถสร้างเวิร์กโฟลว์เพื่อดำเนินการโดยอัตโนมัติหลังจากที่ผู้เข้าชมโต้ตอบกับ CTA ของคุณตัวอย่างเช่นหลังจากที่ผู้เข้าชมส่งแบบฟอร์มบน CTA แล้วคุณสามารถเรียกใช้ชุดอีเมลการตลาดเพื่อรักษารายชื่อติดต่อใหม่ของคุณได้
U nd erstand การเพิ่ม 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 ปรากฏขึ้นเมื่อตรงตามทริกเกอร์การเปิดใช้งานครั้งแรกคุณไม่จำเป็นต้องฝัง CTA บนหน้าเว็บของคุณและตัวเลือกการฝังจะไม่ปรากฏขึ้นเมื่อตรวจสอบ 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 ลงในปุ่มบนเว็บไซต์ของคุณได้อย่างไรคุณอาจต้องทำงานร่วมกับเว็บมาสเตอร์แผนกไอทีหรือนักพัฒนาซอฟต์แวร์ของคุณ
