เพิ่มสไตล์ที่กำหนดเองให้กับ CTA ของคุณ (เดิม)

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

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

โปรดทราบ: บัญชีที่สร้างขึ้นหลังวันที่ 17 มีนาคม 2025 ไม่สามารถเข้าถึงเครื่องมือ CTA (เดิม) ได้

วิธีเพิ่มสไตล์ที่กำหนดเองลงใน CTA ของปุ่ม:

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

• ที่แผงด้านขวาให้เลื่อนลงแล้วคลิกตัวเลือกขั้นสูง

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

โปรดทราบ: สไตล์ที่กำหนดเองสามารถใช้ได้กับปุ่มที่กำหนดเองเท่านั้นไม่สามารถใช้กับปุ่มภาพได้