เพิ่มคำกระตุ้นการตัดสินใจ (CTA) ลงในเนื้อหาของคุณ

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

หลังจากเพิ่ม CTA ลงในเนื้อหาของคุณแล้วหากคุณมีการสมัครสมาชิก P rofessional หรือ Enterprise คุณสามารถสร้างเวิร์กโฟลว์เพื่อดำเนินการโดยอัตโนมัติหลังจากที่ผู้เข้าชมโต้ตอบกับ CTA ของคุณ ตัวอย่างเช่นหลังจากที่ผู้เข้าชมส่งแบบฟอร์มบน CTA แล้วคุณสามารถเรียกใช้ชุดอีเมลการตลาดเพื่อรักษารายชื่อติดต่อใหม่ของคุณได้ 

ทำความเข้าใจเกี่ยวกับการเพิ่ม CTA ลงในเนื้อหาของคุณ

วิธีเพิ่ม CTA ลงในหน้าเว็บขึ้นอยู่กับประเภทของ CTA ที่คุณสร้าง:

• หากใช้ CTA แบบฝังคุณสามารถเพิ่ม CTA แบบฝังได้สูงสุด 100 รายการต่อหน้า CTA แบบฝังตัวสามารถใช้งานได้ด้วยวิธีต่อไปนี้:
  • โมดูลการเรียกร้องให้ดำเนินการเริ่มต้นในหน้าเว็บ HubSpot
  • โมดูลปุ่มเริ่มต้นในอีเมลการตลาด
  • ข้อมูลโค้ดบนเว็บไซต์ภายนอกของคุณ
• หากใช้แบนเนอร์กล่องป๊อปอัปหรือคำกระตุ้นการตัดสินใจแบบสไลด์อินคุณสามารถ:
  • เรียกใช้ CTA ให้ปรากฏขึ้นเมื่อผู้เข้าชมคลิกปุ่ม

• • เลือกทริกเกอร์การเปิดใช้งานอย่างน้อยหนึ่งรายการจากนั้นกำหนดเป้าหมายโดยใช้ URL ของเว็บไซต์หรือข้อมูลผู้เข้าชม เมื่อพบทริกเกอร์แรกแล้ว CTA จะปรากฏในหน้าเป้าหมายและสำหรับผู้เข้าชมที่ระบุ:
    • ทริกเกอร์เมื่อเลื่อนหน้า
    • ทริกเกอร์เมื่อเจตนาออก
    • ทริกเกอร์หลังจากเวลาผ่านไป
    • ทริกเกอร์หลังจากไม่มีการใช้งาน

เพิ่ม CTA ลงในเนื้อหา HubSpot ของคุณ

ในหน้า HubSpot ของคุณโค้ดติดตามจะถูกติดตั้งโดยอัตโนมัติ สำหรับทริกเกอร์การเปิดใช้งานส่วนใหญ่ CTA จะปรากฏขึ้นโดยอัตโนมัติเมื่อตรงกับทริกเกอร์แรก

อย่างไรก็ตามหากต้องการใช้ CTA แบบฝังตัวหรือ CTA ที่เรียกใช้เมื่อผู้เข้าชมคลิกปุ่มคุณจะต้องเพิ่ม CTA ด้วยตนเอง 

เพิ่ม CTA ลงในหน้า HubSpot

คุณสามารถฝัง CTA บนหน้าเว็บที่โฮสต์บน HubSpot โดยใช้โมดูลการเรียกร้องให้ดำเนินการ 

1. ไปที่เนื้อหาของคุณ: 

   • หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
   • หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง
2. คลิกที่ชื่อเนื้อหาของคุณ 
3. ในเครื่องมือแก้ไขเนื้อหาให้คลิกปุ่ม + เพิ่มในแถบด้านซ้าย 
4. ในตัวแก้ไขแถบด้านข้างให้ค้นหาและคลิกโมดูลการเรียกร้องให้ดำเนินการจากนั้นลาก ไปยังตำแหน่งบนหน้าเว็บ 
5. ในส่วน CTA ให้คลิกเลือกคำกระตุ้นการตัดสินใจ
    

เพิ่ม CTA ลงในโพสต์บล็อก HubSpot

1. ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > บล็อก
2. คลิกชื่อโพสต์ของคุณ 
3. ในตัวแก้ไขเนื้อหาให้คลิกโมดูลข้อความสมบูรณ์เพื่อปรับแต่งเนื้อหา
4. ในแถบเครื่องมือ Rich Text ให้คลิกสิ่งที่ใส่เข้าไป > คำกระตุ้นการตัดสินใจ
    

5. ในแผงด้านขวาให้คลิกแท็บ CTAs
6. เลือก CTA เพื่อแทรกจากนั้นคลิก แทรก 
7. ในแผงด้านซ้ายให้คลิกใช้การเปลี่ยนแปลง CTA ที่เลือกจะแสดงในเครื่องมือแก้ไข Rich Text และในหน้าตัวอย่างของคุณ 

เรียกใช้ CTA ของคุณเมื่อคลิกปุ่มใน HubSpot 

1. ไปที่เนื้อหาของคุณ:

   • หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
   • หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง
2. คลิกที่ ชื่อ 
3. ในแผงด้านซ้ายในแท็บเพิ่มค้นหาและเลือกโมดูลปุ่มเริ่มต้น คลิกและลากโมดูลปุ่มไปยังหน้าเว็บของคุณ
    

4. ในแผงด้านซ้ายให้คลิกที่ลิงก์ไปยังเมนูแบบเลื่อนลงแล้วเลือก CTA
5. คลิกเมนูแบบเลื่อนลง CTA แล้วเลือก CTA ที่มีอยู่ 
6. ตั้งค่าโมดูลปุ่มของคุณต่อ
    

เพิ่ม CTA แบบฝังในอีเมลการตลาดแบบลากและวางของคุณ

เพิ่ม CTA แบบฝังในอีเมลการตลาดแบบลากและวางและติดตามประสิทธิภาพของข้อเสนอ CTA ของคุณในหลายจุดสัมผัส

โปรดทราบ: รองรับปุ่มหรือรูปภาพเพียงปุ่มเดียวเมื่อสร้างหรือเลือก CTA สำหรับอีเมลของคุณ CTA ที่มีหลายองค์ประกอบเช่นปุ่มและไม่สามารถใช้รูปภาพได้

วิธีเพิ่ม CTA ในเครื่องมือแก้ไขอีเมลแบบลากและวาง:

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

4. ในแผงด้านซ้ายให้คลิกที่ลิงก์ไปยังเมนูแบบเลื่อนลงจากนั้นเลือก CTA 
5. ใต้ฟิลด์ CTA ให้คลิก เลือก 
6. ในแผงด้านขวาให้เลือก CTA ที่จะแทรกจากนั้นคลิก แทรก 
   

ปรับแต่งปุ่มของธีมเพื่อเรียกใช้ CTA ของคุณเมื่อคลิกปุ่ม 

หากคุณใช้ธีมที่กำหนดเองใน HubSpot คุณอาจต้องปรับแต่งโมดูลปุ่มของธีมเพื่อเรียกใช้ CTA

หากคุณกำลังแก้ไขธีมเริ่มต้นธีมเหล่านั้นจะต้องถูกโคลนก่อน ธีมที่ซื้อจากตลาดสินทรัพย์ไม่สามารถโคลนได้ขอแนะนำให้สร้างธีมย่อยแทน 

วิธีปรับแต่งโมดูลปุ่มของธีม: 

1. ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
2. ที่ด้านบนซ้ายให้ค้นหาโมดูลปุ่มของคุณ 
3. ในแผงด้านขวาให้เลื่อนเมาส์ไปที่ปุ่ม (กลุ่มฟิลด์) แล้วคลิก แก้ไข
4.  ภายใต้ฟิลด์ที่จัดกลุ่มให้วางเมาส์เหนือ URL (URL) แล้วคลิก แก้ไข
5. คลิกเมนูแบบเลื่อนลงประเภท URL ที่รองรับ จากนั้นเลือกช่องทำเครื่องหมาย CTA  
6. ที่ด้านบนขวาให้คลิกเผยแพร่การเปลี่ยนแปลง หลังจากเผยแพร่การเปลี่ยนแปลงแล้วตัวเลือก CTA จะปรากฏขึ้นเมื่อใช้โมดูลปุ่มธีมบนหน้าเว็บของคุณ
    

เพิ่ม CTA ลงในเนื้อหาภายนอกของคุณ

ในการเพิ่ม CTA ไปยังหน้าเว็บภายนอกของคุณคุณต้องติดตั้งรหัสติดตาม HubSpot 

สำหรับแบนเนอร์กล่องป๊อปอัปหรือคำกระตุ้นการตัดสินใจแบบสไลด์อินการติดตั้งรหัสติดตามจะช่วยให้ CTA ปรากฏขึ้นเมื่อตรงตามทริกเกอร์การเปิดใช้งานครั้งแรก คุณไม่จำเป็นต้องฝัง CTA บนหน้าเว็บของคุณและตัวเลือกการฝังจะไม่ปรากฏขึ้นเมื่อตรวจสอบ CTA 

อย่างไรก็ตามโดยเฉพาะอย่างยิ่งสำหรับ CTA แบบฝังตัวหรือ CTA ที่ถูกเรียกใช้เมื่อผู้เข้าชมคลิกปุ่มคุณจะต้องเพิ่ม CTA ด้วยตนเอง 

ฝัง CTA บนเว็บไซต์ภายนอกของคุณ 

วิธีเพิ่ม CTA แบบฝังลงในหน้าเว็บภายนอกของคุณ:

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

โดยทั่วไปการแก้ไข CTA จะไม่ส่งผลกระทบต่อโค้ดฝังตัว ตัวอย่างเช่นการแก้ไขลิงก์เปิดในตัวเลือกแท็บใหม่จะไม่เปลี่ยนแอตทริบิวต์ target="_blank"ในโค้ดฝัง 

ข้อมูลโค้ดฝังตัวจะทำหน้าที่เป็นตัวยึดตำแหน่งก่อนที่จะแสดง CTA เวอร์ชัน iframe CTA เวอร์ชันที่แสดงผลนี้จะแสดงค่าเปิดในแท็บใหม่ที่ถูกต้องซึ่งตั้งไว้ในเครื่องมือแก้ไข

ในการเปิดลิงก์ในหน้าต่างเดียวกันในตัวยึดตำแหน่งผู้ใช้สามารถเปลี่ยนแท็กแอตทริบิวต์เป้าหมายเป็น target="_self"ได้ด้วยตนเอง

เรียกใช้ปุ่ม CTA เมื่อคลิกที่เว็บไซต์ภายนอกของคุณ 

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

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

6. ในกล่องโต้ตอบให้คลิกคัดลอก 
7. วางคลาสที่ฝังลงในปุ่มของคุณบนเว็บไซต์ภายนอกของคุณ หากคุณไม่แน่ใจว่าจะเพิ่มชั้นเรียน CSS ลงในปุ่มบนเว็บไซต์ของคุณได้อย่างไรคุณอาจต้องทำงานร่วมกับเว็บมาสเตอร์แผนกไอทีหรือนักพัฒนาซอฟต์แวร์ของคุณ 
    

 

แก้ปัญหา CTA ไม่ปรากฏ 

หลังจากเพิ่มแบนเนอร์กล่องป๊อปอัปหรือคำกระตุ้นการตัดสินใจแบบสไลด์ลงในหน้าเว็บแล้วหาก CTA ของคุณไม่ปรากฏขึ้นอาจเป็นเพราะสิ่งต่อไปนี้:

• การส่งหรือยกเลิก CTA ก่อนหน้านี้: ผู้เข้าชมเคยยกเลิก CTA มาก่อน CTA เดิมจะไม่ปรากฏขึ้นอีกจนกว่าจะผ่านช่วงเวลาที่กำหนด
  
  • หากผู้เข้าชมยกเลิก CTA บนหน้าเว็บมันจะซ่อน CTA อื่นๆบนหน้าเว็บนั้นด้วย อย่างไรก็ตาม CTA อื่นๆจะยังคงปรากฏในช่วงเซสชั่นถัดไป

  • หากผู้เข้าชมส่งแบบฟอร์มบน CTA ก่อนหน้านี้ให้ดูหน้าเดียวกันในเบราว์เซอร์เดียวกันโดยไม่ล้างคุกกี้ CTA เดิมจะไม่ปรากฏขึ้นอีก 

• กฎการกำหนดเป้าหมาย CTA: ผู้เข้าชมไม่เป็นไปตามข้อกำหนดการกำหนดเป้าหมายที่กำหนดค่าไว้ในใครจะแสดงการตั้งค่าของ CTA
• CTA มากกว่าหนึ่งรายการที่มีตำแหน่งเดียวกัน: หากมี CTA สองรายการที่ตั้งค่าให้แสดงในหน้าเดียวกัน CTA อาจขัดแย้งและไม่ปรากฏจนกว่าจะลบออกแม้ว่าจะมีทริกเกอร์แตกต่างกันก็ตาม
  • ตัวอย่างเช่นหาก CTA หนึ่งถูกตั้งค่าให้โหลดในทุกหน้าและถูกเรียกใช้ในการเลื่อนหน้า 50% และ CTA ที่สองถูกตั้งค่าให้โหลดในทุกหน้าและถูกเรียกใช้เมื่อเจตนาออก CTA อย่างใดอย่างหนึ่งหรือทั้งสองอย่างอาจไม่โหลดแม้ว่าจะถูกเรียกใช้ตามลำดับ