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

โมดูลเริ่มต้นของ HubSpot

อัปเดตล่าสุด: กุมภาพันธ์ 13, 2025

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

การตลาด Hub   Professional , Enterprise
เนื้อหา Hub   Professional , Enterprise
Marketing Hub Basic เดิม

ในตัวแก้ไขเนื้อหาและตัวจัดการการออกแบบโมดูลเริ่มต้นบางอย่างสามารถใช้ได้กับเนื้อหาส่วนใหญ่

เมื่อใช้ข้อมูลโค้ด HubL คุณยังสามารถเพิ่มโมดูลเริ่มต้นเหล่านี้ลงในเทมเพลต HTML ได้อีกด้วย เรียนรู้เพิ่มเติมเกี่ยวกับการทำงานกับโมดูลเริ่มต้นในเทมเพลตที่กำหนดเองในเอกสารสำหรับนักพัฒนา 

เพิ่มโมดูลเพื่อลากและวางเทมเพลต

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

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

  • ในส่วนเนื้อหาเริ่มต้นให้ปรับแต่งเนื้อหาที่จะปรากฏขึ้นเมื่อเพิ่มโมดูลลงในตัวแก้ไขเนื้อหา 

  • ในส่วนตัวเลือกตัวแก้ไขให้เปิดสวิตช์ป้องกันการแก้ไขในตัวแก้ไขเนื้อหาเพื่อหยุดไม่ให้ผู้ใช้รายอื่นแก้ไขเนื้อหาเริ่มต้นของโมดูลในตัวแก้ไขเนื้อหา 

ปรับแต่งโมดูลเริ่มต้น

บัญชี Marketing Hub Professional & Enterprise และ Content Hub Professional & Enterprise ทั้งหมดมีโฟลเดอร์ @ hubspot ในตัวจัดการการออกแบบ

โฟลเดอร์นี้มีธีมและโมดูลเริ่มต้นทั้งหมดของคุณรวมถึงโมดูลการลากและวางอีเมล ธีมและโมดูลเหล่านี้สามารถอ่านได้อย่างเดียวแต่สามารถโคลนได้หากคุณต้องการแก้ไข 

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

  • ในโมดูลที่โคลนไว้ให้แก้ไขซอร์สโค้ดของโมดูล
  • ที่มุมขวาบนให้คลิกเผยแพร่การเปลี่ยนแปลง

จัดการเวอร์ชันโมดูล

HubSpot อาจเปิดตัวโมดูลเริ่มต้นใหม่ที่มีอยู่เป็นระยะ สิ่งนี้ช่วยให้ HubSpot สามารถทำการอัปเดตที่สำคัญโดยไม่ส่งผลกระทบต่อเนื้อหาที่มีอยู่ ตัวอย่างเช่นโมดูลเวอร์ชันใหม่อาจมีการจัดระเบียบภาคสนามตัวเลือกการจัดแต่งทรงผมและฟังก์ชันการทำงานเพิ่มเติมที่ดีขึ้น เรียนรู้เพิ่มเติมเกี่ยวกับวิธีการทำงานของเวอร์ชันโมดูลที่อยู่เบื้องหลังดูเอกสารสำหรับนักพัฒนาของ HubSpot

คุณสามารถจัดการเวอร์ชันโมดูลได้จากหน้าการตั้งค่าธีมและโมดูลของบัญชีรวมถึงการอัปเดตเวอร์ชันย้อนกลับไปเป็นเวอร์ชันก่อนหน้าหรือดูเวอร์ชันปัจจุบันของโมดูลเริ่มต้นทั้งหมด

อัปเดตเวอร์ชันของโมดูล

วิธีเลือกใช้โมดูลเวอร์ชันใหม่:

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

  • ในแถบด้านข้างขวาให้ตรวจสอบการเปลี่ยนแปลง แถบด้านข้างจะรวมบทสรุประดับสูงของการอัปเดตพร้อมกับรายละเอียดการเปลี่ยนแปลงและเนื้อหาที่จะได้รับผลกระทบ

  • หากต้องการอัปเดตโมดูลให้คลิกติดตั้งอัปเดต จากนั้นในกล่องโต้ตอบให้คลิกยืนยันการอัปเดต โปรดทราบว่าอาจใช้เวลาถึง 10 นาทีสำหรับหน้าเว็บและเทมเพลตเพื่อแสดงโมดูลที่ปรับปรุงใหม่

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

เปลี่ยนโมดูลที่ปรับปรุงแล้วกลับเป็นเหมือนเดิม

ในแท็บโมดูลของหน้าการตั้งค่าคุณสามารถเปลี่ยนโมดูลที่ได้รับการอัปเดตในช่วง 30 วันที่ผ่านมาเป็นเวอร์ชันที่ผ่านมาได้หากจำเป็น:

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

  • ในแถบด้านข้างขวาให้ตรวจสอบประวัติเวอร์ชันของโมดูลจากนั้นคลิกย้อนกลับการอัปเดตนี้

  • ตรวจสอบข้อมูลในแถบด้านขวาเพื่อยืนยันว่าคุณต้องการย้อนกลับการอัปเดตแล้วคลิกย้อนกลับ 
  • ในกล่องโต้ตอบให้คลิก ยืนยัน 

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

ประเภทของโมดูลเริ่มต้น

การสำรองข้อมูลยกเลิกการสมัครใช้งาน

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

ความคิดเห็นในบล็อก

โปรดทราบ: โมดูลความคิดเห็นในบล็อกไม่พร้อมใช้งานสำหรับเทมเพลตเพจหรืออีเมล 

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


เนื้อหาบล็อก

โปรดทราบ: โมดูลเนื้อหาบล็อกไม่พร้อมใช้งานสำหรับเทมเพลตเพจหรืออีเมล 

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

การสมัครสมาชิกบล็อกอีเมล

โปรดทราบ: โมดูลการสมัครสมาชิกอีเมลในบล็อกไม่พร้อมใช้งานสำหรับเทมเพลตอีเมล 

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

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

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

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

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

ไลบรารีเนื้อหา

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

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

แบบฟอร์ม

โปรดทราบ: โมดูลแบบฟอร์มไม่พร้อมใช้งานสำหรับเทมเพลตอีเมล 

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

สำหรับโมดูลนี้คุณสามารถปรับแต่งการตั้งค่าต่อไปนี้: 

  1. ชื่อแบบฟอร์ม: ป้อนชื่อสำหรับแบบฟอร์มของคุณที่จะแสดงบนหน้าเว็บหรือบล็อก
  2. แบบฟอร์ม: เลือกแบบฟอร์ม HubSpot ที่มีอยู่เพื่อปรากฏบนหน้าเว็บหรือเพิ่มแบบฟอร์มใหม่
  3. ผู้เข้าชมจะเห็นอะไรหลังจากส่งแบบฟอร์มของคุณ: เลือกว่าจะเปลี่ยนเส้นทางบุคคลที่ส่งแบบฟอร์มไปยังหน้าอื่นหรือแสดงข้อความขอบคุณแบบอินไลน์ในหน้าเดียวกัน
  4. ข้อความขอบคุณ: ปรับแต่งข้อความขอบคุณแบบอินไลน์ของคุณ
  5. ส่งการแจ้งเตือนแบบฟอร์มไปยังที่อยู่อีเมลที่ระบุแทนที่จะเป็นค่าเริ่มต้นของแบบฟอร์ม: ส่งอีเมลแจ้งเตือนแบบฟอร์มไปยังที่อยู่ที่ระบุ การดำเนินการนี้จะแทนที่ผู้รับการแจ้งเตือนที่ตั้งค่าไว้ในเครื่องมือแบบฟอร์ม 
  6. เพิ่มไปยังเวิร์กโฟลว์: เพิ่มผู้เข้าชมที่ส่งแบบฟอร์มไปยังเวิร์กโฟลว์ (Marketing Hub Professional หรือ Enterprise เท่านั้น)
  7. ส่งอีเมลติดตามผล: ส่งอีเมลติดตามผลถึงสามฉบับให้กับผู้เข้าชมที่ส่งแบบฟอร์ม

โมดูลส่วนหัวจะแสดงบรรทัดของข้อความในแท็ก HTML หัวเรื่อง ป้อนข้อความส่วนหัวเริ่มต้นในกล่องเนื้อหาส่วนหัว คลิกเมนูแบบเลื่อนลงประเภทส่วนหัวเพื่อเลือกแท็กส่วนหัว (H 1 - H4)

 

รูปภาพ

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

แกลเลอรี่ภาพ

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

ตัวสลับภาษา

โปรดทราบ: โมดูลตัวสลับภาษาไม่พร้อมใช้งานสำหรับเทมเพลตอีเมล 

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

  • Pagelang: ชื่อของแต่ละภาษาจะปรากฏในภาษาของหน้าปัจจุบัน ตัวอย่างเช่นหากคุณกำลังดูหน้าเว็บภาษาอังกฤษที่มีการแปลภาษาฝรั่งเศสเมื่อคุณคลิกตัวสลับภาษาคุณจะเห็นภาษาอังกฤษและภาษาฝรั่งเศสเป็นชื่อภาษา 
  • ภาษาท้องถิ่น: ชื่อของแต่ละภาษาจะปรากฏในภาษานั้น ตัวอย่างเช่นหากคุณกำลังดูหน้าเว็บภาษาอังกฤษที่มีการแปลภาษาฝรั่งเศสเมื่อคุณคลิกตัวสลับภาษาคุณจะเห็นภาษาอังกฤษและภาษาฝรั่งเศสเป็นชื่อภาษา
  • ไฮบริด: การรวมกันของทั้งสอง ตัวอย่างเช่นหากคุณกำลังดูหน้าเว็บภาษาอังกฤษที่มีการแปลเป็นภาษาฝรั่งเศสเมื่อคุณคลิกตัวสลับภาษาคุณจะเห็นภาษาอังกฤษและภาษาฝรั่งเศส (Français) เป็นชื่อภาษา

โมดูลนี้จะปรากฏในหน้าสดที่มีการแปลที่เผยแพร่มากกว่าหนึ่งรายการเท่านั้น เรียนรู้เพิ่มเติมเกี่ยวกับการทำงานกับเนื้อหาหลายภาษาใน HubSpot


โลโก้

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

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

ตารางโลโก้

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

เนื้อหาอีเมลหลัก

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

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

เมนู

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

ภายในเครื่องมือออกแบบคุณสามารถปรับแต่งคุณสมบัติต่อไปนี้ของโมดูลเมนูของคุณได้:

  1. เมนู: เลือกหนึ่งในเมนูที่คุณมีอยู่จากการตั้งค่าของคุณ
  2. ประเภทเมนูขั้นสูง: เลือกวิธีที่รายการเมนูควรปรากฏบนเว็บไซต์ของคุณ:
    • คงที่ - แสดงหน้าเว็บระดับบนสุดใน เมนูเสมอ: รักษาเมนูให้สอดคล้องกันในทุกหน้า
    • ไดนามิกตามส่วน - แสดงหน้าใน เมนูที่เกี่ยวข้อง กับ ส่วน ที่ กำลังดู: แสดงรายการเมนูที่สัมพันธ์กับรายการเมนูระดับบนสุดที่กำลังดู 
    • ไดนามิกตามหน้า - แสดงหน้าใน เมนูที่เกี่ยวข้อง กับ การดู หน้า : แสดงรายการเมนูที่เกี่ยวข้องกับการดูหน้าเฉพาะ
    • เมนูเส้นทางสไตล์ขนมปัง (ใช้การไหลในแนวนอน): แสดงรายการเมนูในแนวนอนในเส้นทางสัมพัทธ์ที่ด้านบนของไซต์ของคุณ
  3. ระดับสูงสุด: เลือกจำนวนรายการเมนูย่อยสูงสุดที่สามารถแสดงได้
  4. การวางแนว: เลือกว่ารายการเมนูจะแสดงในแนวนอนหรือแนวตั้ง
  5. เปิดใช้งาน flyouts: เลือกช่องทำเครื่องหมายนี้ เพื่อแสดงรายการเมนูย่อยเมื่อคุณวางเมาส์เหนือรายการหลัก ล้างช่องทำเครื่องหมายนี้ เพื่อแสดงรายการเมนูย่อยเสมอ


โมดูล

โมดูลที่สร้างขึ้นในตัวแก้ไขโค้ดช่วยให้คุณสามารถใช้ HTML, CSS, Javascript และ HubL เพื่อเพิ่มฟังก์ชันการทำงานขั้นสูงให้กับเทมเพลตของคุณในขณะที่ยังคงอนุญาตให้ผู้ใช้ของคุณแก้ไขเนื้อหาโมดูลในตัวแก้ไขเนื้อหาโดยไม่ต้องเปลี่ยนโค้ด ส่วนประกอบเหล่านี้จะมีไอคอนโมcustomModulesเองในตัวค้นหาและตัวตรวจสอบ เรียนรู้เพิ่มเติมเกี่ยวกับการทำงานกับโมดูลรหัสที่กำหนดเองในเอกสารสำหรับนักพัฒนาของเรา

ข้อมูลที่ตั้งสำนักงาน

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

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

ข้อความ
หนึ่งบรรทัด

โมดูลข้อความบรรทัดเดียวช่วยให้ผู้ใช้สามารถแก้ไขข้อความบรรทัดเดียวในตัวแก้ไขเนื้อหาได้ 

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

พรอมต์รหัสผ่าน

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

ตัวกรองโพสต์

 

โปรดทราบ: โมดูลการสมัครสมาชิกอีเมลในบล็อกไม่พร้อมใช้งานสำหรับเทมเพลตอีเมล 

โมดูลตัวกรองโพสต์จะแสดงรายการบทความในบล็อกจากหัวข้อเดือนหรือผู้เขียนที่เฉพาะเจาะจง 

คุณสามารถปรับแต่งการตั้งค่าต่อไปนี้สำหรับโมดูลนี้ได้ในส่วนเนื้อหาเริ่มต้น 

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


โพสต์ที่พัก

โปรดทราบ: โมดูลการสมัครสมาชิกอีเมลในบล็อกไม่พร้อมใช้งานสำหรับเทมเพลตอีเมล 

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

คุณสามารถปรับแต่งค่าเริ่มต้นของเนื้อหาต่อไปนี้ได้ในผู้ตรวจสอบ:

  • เลือกบล็อกที่จะแสดง: เลือกบล็อกที่คุณต้องการแสดงชื่อโพสต์
  • แสดงรายการโพสต์บล็อกตาม: เลือกวิธีที่คุณจะจัดระเบียบโพสต์
  • ชื่อรายการที่จะแสดง: ป้อนชื่อที่จะปรากฏเหนือโพสต์
  • จำนวนโพสต์บล็อกสูงสุดที่จะลงประกาศ: ป้อนจำนวนโพสต์สูงสุดที่จะปรากฏในโมดูลนี้ 

ผลิตภัณฑ์

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

Rich text

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

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

ที่พัก
RSS

โปรดทราบ: เทมเพลตอีเมลไม่มีโมดูลที่พัก RSS ใช้อีเมล RSS แทน 

ใช้โมดูลที่พัก RSS เพื่อแสดงโพสต์สรุปสำหรับบล็อก HubSpot หรือฟีด RSS ภายนอก

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

หลังจากเปิดใช้งานการตั้งค่าเหล่านี้คุณสามารถปรับแต่งรายละเอียดต่อไปนี้: 

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


หัวข้อของส่วน

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


เมนูง่ายๆ

โมดูลเมนูแบบง่ายช่วยให้ผู้ใช้สามารถสร้างเมนูเฉพาะหน้าในตัวแก้ไขเนื้อหาได้ โมดูลนี้ช่วยให้คุณมีความยืดหยุ่นในการสร้างเมนูที่เรียบง่ายสำหรับเทมเพลตเฉพาะ ในตัวตรวจสอบให้คลิกแก้ไขเมนูเพื่อเพิ่มรายการเมนูลิงก์และเลือกการวางแนวเมนู การแก้ไขการตั้งค่าการวางแนวเมนูจะเพิ่มคลาของ hs-menu-flow-horizontal หรือ hs-menu-flow-vertical ไปยังภาชนะห่อเมนูซึ่งสามารถใช้สำหรับการจัดแต่งทรงผมใน CSS ของคุณได้ เรียนรู้เพิ่มเติมเกี่ยวกับคลาสที่เพิ่มโดยการตั้งค่าโมดูลในเอกสารสำหรับนักพัฒนาของเรา

การแชร์ทางสังคม

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

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

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

การติดตามทางสังคม

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

การตั้งค่าการสมัครใช้งาน

โมดูลการตั้งค่าการสมัครใช้งานจะใช้ได้กับเทมเพลตระบบการตั้งค่าการสมัครใช้งานเท่านั้น 

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

การยืนยัน
การอัปเดตการสมัครใช้งาน

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


ดูเป็นหน้าเว็บ

โมดูลมุมมองเป็นหน้าเว็บช่วยให้ผู้รับอีเมลสามารถเลือกเปิดอีเมลในรูปแบบหน้าเว็บได้ 

ลิงก์ WhatsApp 

 

โปรดทราบ: โมดูลนี้ใช้ได้กับบัญชี Marketing Hub และ Service Hub Professional และ Enterprise เท่านั้น

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

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

  • หมายเลข WhatsApp: เลือกหมายเลข WhatsApp ที่เชื่อมต่อ
  • ข้อความเลือกเข้าร่วม: เลือกข้อความเลือกเข้าร่วมและเลือกไม่เข้าร่วม 
  • แสดง: เลือกว่าปุ่มจะแสดงข้อความไอคอนหรือทั้งสองอย่าง
  • ตำแหน่งไอคอน: เลือกว่าไอคอนจะปรากฏที่ด้านซ้ายหรือด้านขวาของข้อความ
  • ข้อความบนปุ่ม: ป้อนข้อความที่ปรากฏบนปุ่ม
  • ชื่อไอคอน WhatsApp: สำหรับการเข้าถึงให้ป้อนคำอธิบายไอคอนสำหรับโปรแกรมอ่านหน้าจอ

บทความนี้มีประโยชน์หรือไม่
แบบฟอร์มนี้ใช้สำหรับคำติชมเอกสารเท่านั้น เรียนรู้วิธีขอความช่วยเหลือจาก HubSpot