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

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 ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
  • ไปที่เทมเพลตของคุณ
  • ในตัวแก้ไขเค้าโครงให้คลิกโมดูลข้อมูลตำแหน่งที่ตั้งสำนักงาน
  • ในส่วนตัวตรวจสอบตัวเลือกการจัดแต่งทรงผมให้ป้อนค่าเลขฐานสิบหกในช่องข้อความสำหรับสีข้อความ สีพื้นหลังและสีเส้นขอบ คุณยังสามารถคลิกตัวเลือกสี ได้อีกด้วย