ใช้โมดูลเริ่มต้นในตัวแก้ไขเค้าโครง

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

ก่อนที่คุณจะเริ่มต้น

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

ทำความเข้าใจข้อกำหนด

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

ทำความเข้าใจข้อจำกัดและข้อพิจารณา

• บทความนี้อธิบายวิธีใช้ตัวตรวจสอบในตัวแก้ไขเค้าโครงภายในตัวจัดการการออกแบบเพื่อเพิ่มและโคลนโมดูลเริ่มต้น นอกจากนี้คุณยังสามารถแก้ไขเนื้อหาเริ่มต้นสำหรับบางโมดูลเริ่มต้น
• หากต้องการเพิ่มโมดูลเริ่มต้นโดยใช้ HubL ไปยังเทมเพลต HTML หรือเทมเพลตที่กำหนดเองให้เรียนรู้เพิ่มเติมในเอกสารประกอบสำหรับนักพัฒนา
• หากต้องการเพิ่มและแก้ไขโมดูลในตัวแก้ไขเนื้อหาให้เรียนรู้เพิ่มเติมเกี่ยวกับการเพิ่มและแก้ไขโมดูลในตัวแก้ไขเนื้อหา
• ศูนย์กลางการตลาดและบัญชี Content Hub Professional & Enterprise มีโฟลเดอร์ @ hubspot ในตัวจัดการการออกแบบตามค่าเริ่มต้น
• โมดูลเริ่มต้นบางโมดูลสามารถเพิ่มลงในเทมเพลตบางประเภทเท่านั้น ตัวอย่างเช่นโมดูลแบบฟอร์มไม่พร้อมใช้งานสำหรับเทมเพลตอีเมล
• ต้องโคลนโมดูลเริ่มต้นก่อนจึงจะสามารถปรับแต่งซอร์สโค้ดของโมดูลได้

เพิ่มโมดูลในการลากและวางเทมเพลต

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

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

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

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

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

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

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

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

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

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

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

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

• วิธีอัปเดตเป็นโมดูลเวอร์ชันใหม่:

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

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

1. 5. หากต้องการอัปเดตโมดูลให้คลิกติดตั้งอัปเดต จากนั้นในกล่องโต้ตอบให้คลิกยืนยันการอัปเดต

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

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

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

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

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

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

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

แก้ไขเนื้อหาเริ่มต้นสำหรับโมดูลประเภทต่างๆ

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

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

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

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

• เมื่อแก้ไขโมดูลเสร็จแล้วให้คลิกเผยแพร่การเปลี่ยนแปลง

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

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

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

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

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

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

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

• วิธีแก้ไขเนื้อหาเริ่มต้นของโมดูลการเรียกร้องให้ดำเนินการ:

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

• 5. ในบานหน้าต่างด้านขวาให้เลือก CTA หรือคลิกสร้างใหม่
  6. คลิกแทรก

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

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

• วิธีแก้ไขเนื้อหาเริ่มต้นของโมดูลไลบรารีเนื้อหา:
  1. ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
  2. ไปที่เทมเพลตของคุณ
  3. ในตัวแก้ไขเค้าโครงให้คลิกโมดูลไลบรารีเนื้อหาหรือเพิ่มโมดูล
  4. หากต้องการแก้ไขทรัพยากรที่มีอยู่ในไลบรารีเนื้อหาให้คลิกeditIc on edit ในตัวตรวจสอบ คุณสามารถปรับแต่งชื่อคำอธิบายลิงก์ข้อความและรูปภาพได้
  5. หากต้องการลบทรัพยากรออกจากโมดูลไลบรารีเนื้อหาให้คลิกdeleteIcon คอน deleteIcon delete ในตัวตรวจสอบ
  6. หากต้องการเพิ่มทรัพยากรที่กำหนดเองลงในโมดูลไลบรารีเนื้อหาให้คลิก + เพิ่มในตัวตรวจสอบ
  7. หากต้องการตั้งค่าทรัพยากรเป็นฟีเจอร์เด่นให้คลิกที่ชุดfavoriteIcon คอนที่ชื่นชอบเป็นไอคอนเด่นในผู้ตรวจสอบ

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

แบบฟอร์ม

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

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

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

ส่วนหัว

คุณสามารถใช้โมดูลส่วนหัวเพื่อแสดงบรรทัดข้อความในแท็ก HTML หัวเรื่อง

• วิธีแก้ไขเนื้อหาเริ่มต้นของโมดูลส่วนหัว:
  1. ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
  2. ไปที่เทมเพลตของคุณ
  3. ในตัวแก้ไขเค้าโครงให้คลิกโมดูลหัวหน้าหรือเพิ่มโมดูล
  4. ในตัวตรวจสอบสำหรับส่วนเนื้อหาเริ่มต้นให้ป้อนข้อความในฟิลด์เนื้อหาส่วนหัว  
  5. คลิกเมนูแบบเลื่อนลงระดับหัวเรื่องและเลือกระดับหัวเรื่อง (H1 - H4)

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

รูปภาพ

คุณสามารถใช้โมดูลรูปภาพเพื่อแสดงภาพเดียวในเนื้อหาของคุณ

• วิธีแก้ไขเนื้อหาเริ่มต้นของโมดูลรูปภาพ:
  
  1. ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
  2. ไปที่เทมเพลตของคุณ
  3. ในตัวแก้ไขเค้าโครงให้คลิกโมดูลรูปภาพหรือเพิ่มโมดูล
  4. ในตัวตรวจสอบสำหรับส่วนเนื้อหาเริ่มต้นให้คลิกแทนที่ใน ฟิลด์รูปภาพ
  5. ในบานหน้าต่างด้านขวาให้เลือกภาพที่คุณต้องการแสดง 
  6. ในช่องข้อความ Alt ให้ป้อนคำอธิบายข้อความของภาพ
  7. ในเมนูแบบเลื่อนลงขนาดให้เลือกปรับหรือกำหนดความกว้างและความสูงโดยอัตโนมัติ
  8. ในเมนูแบบเลื่อนลงขนาดสูงสุดให้เลือกขนาดเดิมของภาพหรือกำหนดเอง
  9. ในเมนูดรอปดาวน์การโหลดรูปภาพให้เลือกค่าเริ่มต้นของเบราว์เซอร์ Lazy หรือ Eager
  10. ในช่องลิงก์ (ไม่บังคับ) ให้ป้อน URL ที่ไม่บังคับเพื่อนำผู้เข้าชมไปยังเมื่อมีการคลิกรูปภาพ

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

ตารางรูปภาพ

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

• วิธีแก้ไขเนื้อหาเริ่มต้นของโมดูลกริดภาพ:
  
  1. ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
  2. ไปที่เทมเพลตของคุณ
  3. ในตัวแก้ไขเค้าโครงให้คลิกโมดูลกริดรูปภาพหรือเพิ่มโมดูล
  4. หากต้องการแก้ไขภาพที่มีอยู่ในโมดูลกริดของภาพให้คลิกeditIc onไอคอนแก้ไขในตัวตรวจสอบ คุณสามารถอัปโหลดหรือเรียกดูภาพที่มีอยู่และแก้ไขข้อความลิงก์ URL ลิงก์หรือข้อความโฮเวอร์
  5. หากต้องการลบภาพในโมดูลกริดของภาพให้คลิdeleteIcon ไอคอน deleteIcon delete ในตัวตรวจสอบ
  6. หากต้องการเพิ่มภาพใหม่ลงในโมดูลกริดภาพให้คลิก + เพิ่มในตัวตรวจสอบ
  7. คลิกเพื่อขยายการตั้งค่า ในบานหน้าต่างการตั้งค่าคุณสามารถปรับ H over functionality, C lick functionality, C olumns และ A spect ratio 

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

แถบเลื่อนภาพ

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

• วิธีแก้ไขเนื้อหาเริ่มต้นของโมดูลตัวเลื่อนภาพ:
  
  1. ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
  2. ไปที่เทมเพลตของคุณ
  3. ในตัวแก้ไขเค้าโครงให้คลิกโมดูลตัวเลื่อนภาพหรือเพิ่มโมดูล
  4. หากต้องการแก้ไขภาพที่มีอยู่ในโมดูลตัวเลื่อนภาพให้คลิกไอคอนแก้ไขeditIc onไอคอนแก้ไขในตัวตรวจสอบ คุณสามารถอัปโหลดหรือเรียกดูภาพที่มีอยู่และแก้ไขคำอธิบายภาพหรือลิงก์ URL
  5. หากต้องการลบภาพจากโมดูลตัวเลื่อนภาพให้คลิกdeleteIcon คอน deleteIcon delete ในตัวตรวจสอบ
  6. หากต้องการเพิ่มภาพใหม่ลงในโมดูลตัวเลื่อนภาพให้คลิก + เพิ่มในตัวตรวจสอบ
  7. คลิกเพื่อขยายการตั้งค่า ในบานหน้าต่างการตั้งค่าคุณสามารถปรับ S lides, M ovement และ N avigation 

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

ตัวสลับภาษา

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

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

• วิธีแก้ไขเนื้อหาเริ่มต้นของโมดูลสลับภาษา:
  
  1. ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
  2. ไปที่เทมเพลตของคุณ
  3. ในตัวแก้ไขเค้าโครงให้คลิกโมดูลตัวสลับภาษาหรือเพิ่มโมดูล
  4. ในตัวตรวจสอบสำหรับส่วนเนื้อหาเริ่มต้นให้เลือกช่องทำเครื่องหมายเพิ่มเชฟรอนลงเพื่อแสดงเชฟรอนสำหรับตัวสลับภาษา
  5. คลิกเมนูแบบเลื่อนลงโหมดแสดงผลเพื่อเลือกหนึ่งในรายการต่อไปนี้:
     
     • Pagelang: ชื่อของแต่ละภาษาที่จะปรากฏในภาษาของหน้าปัจจุบัน ตัวอย่างเช่นหากคุณกำลังดูหน้าเว็บภาษาอังกฤษที่มีการแปลภาษาฝรั่งเศสเมื่อคุณคลิกตัวสลับภาษาคุณจะเห็นภาษาอังกฤษและภาษาฝรั่งเศสเป็นชื่อภาษา 
     • ภาษาท้องถิ่น: ชื่อของแต่ละภาษาจะปรากฏในภาษานั้น ตัวอย่างเช่นหากคุณกำลังดูหน้าเว็บภาษาอังกฤษที่มีการแปลภาษาฝรั่งเศสเมื่อคุณคลิกตัวสลับภาษาคุณจะเห็นภาษาอังกฤษและภาษาฝรั่งเศสเป็นชื่อภาษา
     • ไฮบริด: การรวมกันของทั้งสอง ตัวอย่างเช่นหากคุณกำลังดูหน้าเว็บภาษาอังกฤษที่มีการแปลภาษาฝรั่งเศสเมื่อคุณคลิกตัวสลับภาษาคุณจะเห็นภาษาอังกฤษและภาษาฝรั่งเศส (ฝรั่งเศส) เป็นชื่อภาษา
  6. คลิกเมนูดรอปดาวน์ตัวเลือกไอคอนแล้วเลือกไม่มี ไอคอนหรือไอคอนแบบกำหนดเอง

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

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

โลโก้

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

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

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

ตารางโลโก้

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

• วิธีแก้ไขเนื้อหาเริ่มต้นของโมดูลกริดโลโก้:
  
  1. ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
  2. ไปที่เทมเพลตของคุณ
  3. ในตัวแก้ไขเค้าโครงให้คลิกโมดูลกริดโลโก้หรือ  เพิ่มโมดูล
  4. หากต้องการแก้ไขภาพที่มีอยู่ให้คลิeditIconไอคอนแก้ไข editIcon ในตัวตรวจสอบ คุณสามารถอัปโหลดหรือเรียกดูภาพที่มีอยู่และแก้ไขการโหลดข้อความหรือภาพ alt..
  5. หากต้องการลบภาพในโมดูลกริดโลโก้ให้คลิกdeleteIcon คอน deleteIcon delete ในตัวตรวจสอบ
  6. หากต้องการเพิ่มภาพใหม่ลงในโมดูลกริดโลโก้ให้คลิก + เพิ่มในตัวตรวจสอบ

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

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

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

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

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

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

เมนู

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

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

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

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

โมดูลตำแหน่งสำนักงานมีโทเค็นที่จำเป็นซึ่งต้องรวมอยู่ในเทมเพลตอีเมลเพื่อส่งอีเมลการตลาด 

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

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

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

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

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

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

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

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

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

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

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

• วิธีแก้ไขเนื้อหาเริ่มต้นของโมดูลตัวกรองโพสต์:

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

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

โพสต์ที่พัก

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

• วิธีแก้ไขเนื้อหาเริ่มต้นของโมดูลโพสต์ที่พัก:
  1. ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
  2. ไปที่เทมเพลตของคุณ
  3. ในเครื่องมือแก้ไขเค้าโครงให้คลิกโมดูลโพสต์ที่พัก 
  4. ในตัวตรวจสอบสำหรับส่วนเนื้อหาเริ่มต้นให้เลือกบล็อกที่จะแสดงในบล็อกเลือกเพื่อแสดงเมนูแบบเลื่อนลง
  5. ในเมนูจัดเรียงโพสต์ตามเมนูแบบเลื่อนลงให้เลือกล่าสุด ยอดนิยมตลอดกาล ยอดนิยมตลอดปีที่ผ่านมา ยอดนิยมตลอดหกเดือนที่ผ่านมาหรือยอดนิยมตลอดเดือนที่ผ่านมา
  6. ในช่องเลือกสิ่งที่แสดงในฟิลด์ฟีดของคุณให้เลือกช่องทำเครื่องหมายถัดจากรูปภาพชื่อเรื่อง ชื่อผู้แต่งและ/หรือวันที่เผยแพร่
  7. ในช่องโพสต์บล็อกสูงสุดเพื่อแสดงรายการให้ป้อนจำนวนโพสต์บล็อกสูงสุดที่จะแสดง
  8. ในฟิลด์หัวเรื่องโพสต์ให้ป้อนข้อความที่แสดงที่ด้านบนของโมดูล
  9. ในเมนูแบบเลื่อนลงระดับหัวเรื่องให้เลือกระดับหัวเรื่อง (H1 - H6) สำหรับเนื้อหาในโมดูล

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

ผลิตภัณฑ์

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

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

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

Rich text

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

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

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

ที่พัก RSS

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

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

• วิธีแก้ไขเนื้อหาเริ่มต้นของโมดูลที่พัก RSS:
  1. ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
  2. ไปที่เทมเพลตของคุณ
  3. ในตัวแก้ไขเค้าโครงให้คลิกโมดูลที่พัก RSS หรือเพิ่มโมดูล
  4. ในตัวตรวจสอบสำหรับส่วนเนื้อหาเริ่มต้นให้ป้อนข้อความสำหรับฟิลด์ RSS Title
  5. ในช่องเพิ่มฟีด RSS ให้เลือกใช้ฟีด RSS ภายนอกหรือใช้บล็อกที่โฮสต์ HubSpot
  6. ในเมนูแบบเลื่อนลงบล็อกให้เลือก บล็อก
  7. ในเมนูดรอปดาวน์ตัวกรอง ตามแท็กให้เลือกแท็ก
  8. ในช่องจำนวนโพสต์สูงสุดที่จะแสดงให้ป้อนจำนวนโพสต์
  1. หากต้องการรวมภาพเด่นให้เลือกช่องทำเครื่องหมายสำหรับรวมภาพเด่น
  2. หากต้องการแสดงชื่อผู้แต่งให้เลือกช่องทำเครื่องหมายสำหรับแสดงชื่อผู้แต่ง
  3. ในฟิลด์ข้อความระบุแหล่งที่มาของผู้เขียนให้ป้อนข้อความที่จะแสดง ค่าเริ่มต้นรวมโดยเป็นข้อความระบุแหล่งที่มา
• 
  
  4. หากต้องการแสดงสรุปบล็อกให้เลือกช่องทำเครื่องหมายสำหรับแสดงสรุป
  5. ในช่องจำกัดความยาวของข้อมูลสรุป (จำนวนตัวอักษร) ให้ป้อนจำนวนตัวอักษรเพื่อจำกัดข้อมูลสรุป
  6. ในฟิลด์ข้อความสรุปการคลิกผ่านให้ป้อนข้อความที่จะแสดง ค่าเริ่มต้นรวมถึงอ่านเพิ่มเติมเป็นข้อความ
  7. หากต้องการแสดงวันที่เผยแพร่ให้เลือกช่องทำเครื่องหมายสำหรับแสดงวันที่เผยแพร่
  8. ในเมนูแบบเลื่อนลงของรูปแบบวันที่เผยแพร่ให้เลือกรูปแบบของวันที่เผยแพร่
  9. ในช่องข้อความตัวบ่งชี้วันที่เผยแพร่ให้ป้อนข้อความตัวบ่งชี้ที่จะแสดง ค่าเริ่มต้นรวมถึงการโพสต์ที่เป็นข้อความ

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

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

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

• ในการแก้ไขเนื้อหาเริ่มต้นของโมดูลหัวเรื่องส่วน:
  1. ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
  2. ไปที่เทมเพลตของคุณ
  3. ในตัวแก้ไขเค้าโครงให้คลิกโมดูลส่วนหัวของส่วนหรือเพิ่มโมดูล
  4. ในตัวตรวจสอบสำหรับส่วนเนื้อหาเริ่มต้นให้ป้อนข้อความสำหรับฟิลด์เนื้อหาส่วนหัวของส่วน 
  5. ในเมนูแบบเลื่อนลงระดับหัวเรื่องให้เลือกระดับหัวเรื่อง (H1 - H6) ของเนื้อหาข้อความ

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

เมนูง่ายๆ

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

• วิธีแก้ไขเนื้อหาเริ่มต้นของโมดูลเมนูง่ายๆ:

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

1. 5. หากต้องการแก้ไขเมนูง่ายๆให้คลิกเพิ่มรายการเมนู จากนั้นป้อนข้อความสำหรับฟิลด์ป้ายชื่อรายการเมนู ประเภทรายการเมนูเริ่มต้นถูกตั้งค่าเป็นลิงก์หน้า
      • หากต้องการเปลี่ยนประเภทรายการเมนูเป็นลิงก์ URL ภายนอกให้คลิกเม นูแบบเลื่อนลงการดำเนินการ แล้วคลิกลิงก์ URL
      • หากต้องการเปลี่ยนประเภทรายการเมนูให้ไม่มีลิงก์ URL ให้คลิกเมนูแบบเลื่อนลงการดำเนินการแล้วคลิกไม่มีลิงก์
      • หากต้องการเปลี่ยนประเภทรายการเมนูเป็นหน้าเว็บที่โฮสต์ HubSpot ด้วยพารามิเตอร์ URL ให้คลิกเมนูแบบเลื่อนลงการดำเนินการแล้วคลิกลิงก์หน้าด้วยพารามิเตอร์ URL

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

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

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

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

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

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

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

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

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

• วิธีแก้ไขเนื้อหาเริ่มต้นของโมดูลติดตามโซเชียล:

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

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

1. 5. หากต้องการลบลิงก์โซเชียลจากโมดูลติดตามโซเชียลให้คลิdeleteIcon ไอคอน deleteIcon delete ในผู้ตรวจสอบ
   6. หากต้องการเพิ่มลิงก์โซเชียลในโมดูลติดตามโซเชียลให้คลิก + เพิ่ม  ผู้ตรวจสอบ ในลิงก์ไปยังเมนูแบบเลื่อนลงให้เลือกที่อยู่ภายนอกหรือที่อยู่อีเมล

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

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

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

• วิธีแก้ไขเนื้อหาเริ่มต้นของโมดูลการตั้งค่าการสมัครใช้งาน:

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

1. 8. ป้อนข้อความที่คุณต้องการในช่องต่อไปนี้:
      • ข้อความช่วยเหลือในการเลือกค่ากำหนด
      • ยกเลิกการรับข้อความช่วยเหลือทั้งหมด
      • ยกเลิกการสมัครรับข้อความช่วยเหลือทั้งหมดสำหรับผู้ใช้ที่ยกเลิกการสมัครในขณะนี้
      • ยกเลิกการสมัครรับข้อมูลป้ายกำกับทั้งหมด
      • อัพเดทข้อความปุ่มการตั้งค่าที่ต้องการ
      • ข้อความบนปุ่มสมัครสมาชิกอีกครั้ง

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

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

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

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

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

1. 8. ในช่องข้อความบนช่องยกเลิกการสมัครรับข้อมูลให้ป้อนข้อความที่จะแสดงเมื่อผู้เข้าชมยกเลิกการสมัครรับข้อมูล
   9. ในฟิลด์การอัปเดตข้อความในการสมัครรับข้อมูลให้ป้อนข้อความที่จะแสดงเมื่อผู้เข้าชมอัปเดตการตั้งค่าการสมัครรับข้อมูล

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

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

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

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

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

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

ลิงก์ WhatsApp 

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

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

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

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