ใช้ไอคอนโซเชียลที่กำหนดเองในเนื้อหา

หากต้องการใช้ไอคอนโซเชียลที่กำหนดเองในโมดูลการติดตาม โซเชียลหรือการแชร์โซเชียลบนหน้าเว็บหรือเทมเพลต HubSpot ให้สร้างโมดูลเวอร์ชันที่กำหนดเองเพื่อเพิ่มไอคอนโซเชียลของคุณเอง

1. โคลนโมดูลเริ่มต้น

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

• ในการแจ้งเตือนในตัวแก้ไขโมดูลให้คลิกโคลนโมดูล

• ในกล่องโต้ตอบให้ป้อนชื่อสำหรับโมดูลการโคลนของคุณจากนั้นคลิก โคลน

2. เปลี่ยนไอคอน

• ในตัวตรวจสอบโมดูลให้ค้นหาส่วนไฟล์ที่เชื่อมโยง  ภายใต้ไฟล์อื่นๆให้สังเกตชื่อไฟล์ไอคอนโซเชียลสำหรับแต่ละเครือข่าย (เช่น facebook-color.png)
• ตรวจสอบให้แน่ใจว่าภาพไอคอนโซเชียลที่กำหนดเองของคุณอยู่ในรูปแบบ PNG และมีชื่อไฟล์เดียวกันกับไฟล์ไอคอนโซเชียลที่มีอยู่สำหรับแต่ละเครือข่ายในโมดูล (เช่น facebook-color.png)
• หากต้องการแทนที่ไอคอนโซเชียลที่มีอยู่สำหรับเครือข่ายให้คลิกสัญลักษณ์ x ทางด้านขวาของไฟล์ จากนั้นคลิกเพิ่มถัดจากไฟล์อื่นๆ

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

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

3. เพิ่มโมดูลลงในเทมเพลตของคุณ

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

ลากและวางเทมเพลต

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

เทมเพลตรหัส

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