สร้างคำกระตุ้นการตัดสินใจ (CTA)

ใช้เครื่องมือเรียกร้องให้ดำเนินการ (CTA) เพื่อสร้างปุ่ม CTA แบนเนอร์หรือป๊อปอัปเพื่อเพิ่มลงในหน้า HubSpot ของคุณและดึงดูดผู้เข้าชมใหม่ๆ คุณยังสามารถเพิ่ม CTA ไปยังหน้าเว็บภายนอก ได้อีกด้วย

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

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

ออกแบบ CTA

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

1. ในบัญชี HubSpot ของคุณ ให้คลิก เพิ่มเติม จากนั้นไปที่ การตลาด > CTA หาก เพิ่มเติม ไม่ปรากฏในบัญชีของคุณ ให้ไปที่ การตลาด > CTA โดยตรง
2. ที่ด้านบนขวาให้คลิก สร้าง
3. ที่ด้านบนให้เลือกแท็บป๊อปอัปหรือแท็บฝังและปุ่ม
   • CTA แบบป๊อปอัปจะมีประเภทต่อไปนี้: 
     
     • แบนเนอร์: แบนเนอร์ถาวรที่อยู่ด้านบนหรือด้านล่างของหน้าเว็บของคุณ แบนเนอร์จะยังคงอยู่ในขณะที่ผู้เข้าชมเลื่อนดูหน้าเว็บของคุณ 
     • กล่องป๊อปอัป: กล่องป๊อปอัปที่ปรากฏตามกำหนดการที่ตั้งไว้ 
     • Slide-In: แบนเนอร์ที่เลื่อนเข้ามาจากมุมหนึ่งของเว็บไซต์ แบนเนอร์จะยังคงอยู่ในขณะที่ผู้เข้าชมเลื่อนดูหน้าเว็บของคุณ 
   • CTA ที่ฝังและปุ่มจะมีประเภทต่อไปนี้:
     • ฝัง: แบนเนอร์คำกระตุ้นการตัดสินใจหรือปุ่มที่คุณสามารถใช้บนเว็บไซต์หรืออีเมล HubSpot ของคุณเพื่อผลักดันลูกค้าเป้าหมายไปยังหน้าเว็บที่เฉพาะเจาะจง
     • ภาพฝังตัว: ภาพที่คุณสามารถใช้ในหน้า HubSpot หรืออีเมลของคุณ
4. เลือกเทมเพลตตามประเภท CTA ที่คุณต้องการสร้าง
   • เทมเพลต CTA แต่ละแบบจะมีโมดูลที่ปรับแต่งได้เช่นรูปภาพและฟิลด์ข้อความ
   • ตัวอย่างเช่นคุณสามารถเลือกเทมเพลตคลิกเพื่อแชทเพื่อเปิดลิงก์ WhatsApp เทมเพลตป๊อปอัพการประชุมเพื่อแสดงหน้าการจองการประชุมหรือเทมเพลตกิจกรรมเพื่อให้ผู้เข้าชมลงทะเบียนเข้าร่วมการประชุมหรือเวิร์กช็อปของคุณ
5. ในแผงด้านซ้ายจากแท็บเพิ่มเพิ่มโมดูลและแก้ไขเค้าโครงสำหรับ CTA ของคุณ: 

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

. 

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

7. ในแผงด้านซ้ายให้คลิกแท็บเนื้อหาเพื่อจัดการโมดูลของคุณ
   • หากต้องการแก้ไขโมดูลให้คลิกชื่อของโมดูล ในแผงด้านซ้ายคุณสามารถแก้ไขเนื้อหาและการออกแบบของโมดูลได้ ในโมดูลข้อความแบบสมบูรณ์คุณสามารถใช้ผู้ช่วย AI เพื่อสร้างหรือปรับแต่งเนื้อหา CTA ของคุณได้ 
   • หากต้องการลบโมดูลให้วางเมาส์เหนือโมดูลแล้วคลิกไอคอน delete การลบ 
8. ในแผงด้านซ้ายให้คลิกแท็บออกแบบเพื่อปรับแต่งและดูตัวอย่าง CTA ของคุณ
   • หากต้องการดูตัวอย่าง CTA ของคุณในบางหน้าที่ด้านบนขวาให้คลิกดูตัวอย่าง จากนั้นคลิกดูตัวอย่างในเมนูแบบเลื่อนลงของหน้าเฉพาะและเลือกหน้า HubSpot เพื่อดูตัวอย่าง CTA 

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

ออกแบบ HTML CTA

วิธีสร้าง CTA HTML แบบฝังตัวที่กำหนดเองและใช้ธีมหรือ CSS ที่กำหนดเองของคุณ:

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

โปรดทราบ: CTA ไม่รองรับการเชื่อมโยงข้ามโดเมนแม้ว่าจะเปิดการตั้งค่าการเชื่อมโยงข้ามโดเมนแล้วก็ตาม 

7. หากต้องการปรับแต่งการออกแบบ CTA ของคุณเพิ่มเติมให้คลิกขั้นสูง
8. ในหน้าขั้นสูงคุณสามารถเพิ่มคลาส CSS หรือกฎที่กำหนดเองได้:
   • คลาส CSS ที่กำหนดเอง: ป้อนคลาสที่กำหนดเองลงใน CTA ของคุณ ใช้คลาสที่กำหนดเองเพื่อใช้สไตล์การออกแบบเช่นตระกูลฟอนต์ใน CTA หลายรายการในเว็บไซต์ของคุณ คลาส CSS ที่กำหนดเองใดๆควรรวมอยู่ในสไตล์ชีต CSS ที่ใช้ในหน้า HubSpot ของคุณ
   • กฎ CSS ที่กำหนดเอง: เพิ่มกฎที่กำหนดเองเพื่อใช้การจัดแต่งแบบอินไลน์เฉพาะ CTA ของคุณ
     • หากต้องการเพิ่มกฎ CSS ใหม่ให้คลิกเพิ่มหนึ่งหรือ + เพิ่มและ กำหนดค่าตัวเลือกและสไตล์ของคุณ
       • ตัวเลือก: ป้อนตัวเลือก CSS ค่านี้เป็นตัวเลือกและจะรวมกับตัวเลือกของ CTA ตัวอย่างเช่นหากตัวเลือกที่ป้อนคือ:hoverตัวเลือกที่รวมกันจะกลาย${ctaSelector}:hover
       • สไตล์: ป้อนกฎสไตล์ CSS ที่กำหนดเองเพื่อใช้กับตัวเลือกที่กำหนดค่าไว้ คุณสามารถป้อนสไตล์โดยไม่ต้องป้อนตัวเลือก ตัวอย่างเช่นcolor: yellow;
         
         

9. หากต้องการแก้ไขกฎ CSS ที่มีอยู่ให้วางเมาส์เหนือกฎแล้วคลิกไอคอน editแก้ไข 
10. หากต้องการโคลนกฎ CSS ให้วางเมาส์เหนือกฎแล้วคลิกไอคอนโคลนที่duplicate  
11. ในการจัดการลำดับความสำคัญของกฎ CSS ของคุณให้คลิกและลากกฎแต่ละกฎเพื่อจัดเรียงตามลำดับความสำคัญ
12. หากต้องการลบกฎ CSS ให้วางเมาส์เหนือกฎแล้วคลิกไอคอน deleteการลบ 
13. หากต้องการใช้ HTML และคลาสเดียวกันกับ CTA แบบเดิมให้เลือกช่องทำเครื่องหมายใช้มาร์กอัปแบบเดิม หากคุณมีสไตล์ชีต CSS บน CTA แบบเดิมการเลือกช่องทำเครื่องหมายนี้จะช่วยให้ CTA ของ HTML สามารถใช้สไตล์เดียวกันได้ 
14. หากต้องการตั้งค่าการออกแบบ CTA ให้เสร็จสิ้นให้คลิกบันทึกและใช้
     

ปรับแต่งตำแหน่งและเวลาที่จะแสดงแบนเนอร์กล่องป๊อปอัปหรือ CTA แบบสไลด์ใน

1. ในการแสดง CTA เมื่อผู้เข้าชมอยู่บน URL ของเว็บไซต์ที่เฉพาะเจาะจงในส่วน URL ของเว็บไซต์ :
   • คลิกเมนูแบบเลื่อนลงแรกและเลือก URL ของเว็บไซต์
   • คลิกเมนูแบบเลื่อนลงที่สองและเลือกกฎการกำหนดเป้าหมาย
   • ป้อนเกณฑ์กฎของคุณในช่องข้อความ
2. วิธีแสดง CTA เมื่อผู้เข้าชมอยู่ในหน้าเว็บไซต์ที่มี URL รวมพารามิเตอร์การสืบค้นเฉพาะ:
   • คลิกเมนูแบบเลื่อนลงแรกและเลือกพารามิเตอร์การสืบค้น
   • ในฟิลด์ข้อความแรกให้ป้อนชื่อพารามิเตอร์การสืบค้น
   • คลิกเมนูแบบเลื่อนลงที่สองและเลือกกฎการกำหนดเป้าหมาย
   • ในฟิลด์ข้อความที่สองให้ป้อนค่าพารามิเตอร์การค้นหา
3. หากต้องการเพิ่มกฎอื่นให้คลิกเพิ่มกฎ
4. หากต้องการยกเว้นการเรียกร้องให้ดำเนินการจากบางหน้าให้คลิกเพิ่มกฎการยกเว้น ตัวอย่างเช่นคุณอาจต้องการเพิ่มการยกเว้นสำหรับหน้านโยบายความเป็นส่วนตัว

1. ในส่วน Who will it will be shown to section, set the audience for your CTA. คุณสามารถเลือกจากสิ่งต่อไปนี้:
   • ผู้เข้าชมทั้งหมด: CTA จะปรากฏขึ้นสำหรับผู้เข้าชมทั้งหมด 
   • ผู้เข้าชมที่ถูกกรอง: CTA จะปรากฏแก่ผู้เข้าชมที่ระบุเท่านั้น
2. ในส่วนความถี่ที่จะแสดงให้ตั้งค่าความถี่สำหรับ CTA ของคุณ คลิกเมนูแบบเลื่อนลงแสดงอีกครั้งและเลือกจากรายการต่อไปนี้:
   • หลังจากช่วงเวลาที่กำหนด: CTA จะปรากฏขึ้นอีกครั้งหลังจากระยะเวลาที่กำหนด 
   • ทำซ้ำ: CTA จะปรากฏขึ้นทุกครั้งเมื่อผู้เข้าชมไปยังหน้าเว็บที่เลือกและดำเนินการทริกเกอร์แม้ว่าพวกเขาจะเคยมีปฏิสัมพันธ์กับมันมาก่อนก็ตาม
   • อย่าแสดงอีก: อย่าแสดง CTA ไปยังผู้เข้าชมรายเดิมอีก 
     
     

ปรับแต่งตัวเลือก CTA ของคุณ

ในแท็บ O ptions ให้กำหนดตัวเลือก CTA ที่แตกต่างกันเช่นว่าจะแสดง CTA ในขนาดเล็กแคมเปญที่เกี่ยวข้องและการกำหนดเวลาของ CTA หรือไม่ 

1. ที่ด้านบนให้คลิกแท็บตัวเลือก
2. สำหรับแบนเนอร์แบบเหนียวกล่องป๊อปอัปหรือ CTA แบบสไลด์เข้าคุณสามารถซ่อน CTA บนหน้าจอขนาดเล็กได้ ในส่วนขนาดหน้าจอขนาดเล็กให้เลือกช่องทำเครื่องหมายปิดใช้งานขนาดหน้าจอขนาดเล็ก
3. หากคุณมีการสมัครสมาชิก Marketing Hub Professional หรือ Enterprise คุณสามารถเชื่อมโยง CTA กับแคมเปญ:
   • หากต้องการเชื่อมโยง CTA ของคุณกับแคมเปญที่มีอยู่ให้คลิกเมนูแบบเลื่อนลงของแคมเปญและเลือก แคมเปญ
   • หากต้องการเชื่อมโยง CTA ของคุณกับแคมเปญใหม่ให้คลิกเมนูแบบเลื่อนลงของแคมเปญแล้วคลิกสร้างแคมเปญ จากนั้นตั้งค่าแคมเปญของคุณต่อ 
   • หากไม่เคยสร้างแคมเปญมาก่อนให้คลิกสร้างแคมเปญ จากนั้นตั้งค่าแคมเปญของคุณต่อ 
4. กำหนดค่าวิธีที่คุณต้องการติดตามการคลิกด้วย CTA ของคุณ เลือกจากตัวเลือกต่อไปนี้:
   • ติดตามการคลิกผ่านการเปลี่ยนเส้นทาง: ติดตามการคลิกไปยัง CTA ของคุณโดยนำผู้เข้าชมไปยัง URL เริ่มต้นซึ่งเชื่อมโยงการคลิกกับ CTA ก่อนที่จะเปลี่ยนเส้นทางไปยังหน้าสุดท้าย ตัวเลือกนี้ถูกเลือกโดยค่าเริ่มต้น
   • ติดตามการคลิกผ่านเบราว์เซอร์: ติดตามการคลิกแบบอะซิงโครนัสผ่านเบราว์เซอร์ของผู้เข้าชม ตัวเลือกนี้ช่วยให้คุณสามารถใช้แท็ก anchor เนื่องจากไม่มีการเปลี่ยนเส้นทาง CTA จะนำผู้เข้าชมไปยัง URL ที่ตั้งไว้ 
5. สำหรับแบนเนอร์แบบเหนียวกล่องป๊อปอัปหรือ CTA แบบสไลด์เข้าคุณสามารถกำหนดเวลาเมื่อ CTA แสดง:
   
   • หากต้องการกำหนดเวลาเมื่อ CTA เริ่มแสดงให้เปิดกำหนดการเพื่อเปิดในภายหลัง จากนั้นเลือกวันที่และเวลาเริ่มต้น 
   • หากต้องการกำหนดเวลาเมื่อ CTA หยุดแสดงให้เปิดสวิตช์ตั้งค่าวันที่และเวลาที่ยกเลิกการเผยแพร่ จากนั้นเลือกวันที่และเวลาสิ้นสุด 
     
     

เผยแพร่ CTA ของคุณ 

เมื่อตั้งค่า CTA เสร็จแล้วให้เผยแพร่ CTA เพื่อใช้งานจริง 

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