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

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

อัปเดตล่าสุด: 18 ธันวาคม 2025

สามารถใช้ได้กับการสมัครใช้บริการใดๆ ต่อไปนี้ ยกเว้นที่ระบุไว้:

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

โคลนโมดูลโซเชียลเริ่มต้น

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

In the design manager, the module editor is displayed for a HubSpot default Social sharing module. An arrow points to a Clone module button at the top of the module editor in an alert.

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

แทนที่ไอคอนโซเชียล

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

In the design manager, the inspector is displayed for a cloned social module. In the Linked files section, for the Other files field, a box is placed around the Add hyperlinked text. An arrow points to the X to remove a social icon file.

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

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

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

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

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

เทมเพลตรหัส

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