สร้างเทมเพลตเพจอีเมลและบล็อกในเครื่องมือแก้ไขเค้าโครง

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

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

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

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

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

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

• ต้องสมัครใช้งาน Marketing Hub Professional หรือ Enterprise เพื่อสร้างเทมเพลตอีเมล บัญชี Content Hub สามารถสร้างอีเมลโดยใช้ตัวแก้ไขอีเมลแบบลากและวาง
• ไม่รองรับการแนบไฟล์ CSS หรือ JavaScript ลงในเทมเพลตอีเมลแต่คุณสามารถเพิ่มมาร์กอัป HTML ที่กำหนดเองคลาสเนื้อหาและสไตล์อินไลน์ลงในเทมเพลตได้ 
• เทมเพลตการลากและวางไม่รองรับคุณลักษณะเนื้อหาที่มีอยู่ทั้งหมด หากต้องการใช้เครื่องมือที่หลากหลายที่สุดให้เรียนรู้เพิ่มเติมเกี่ยวกับการใช้เทมเพลต HTML + HubL แทน

ทำความเข้าใจเทมเพลต HubSpot

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

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

สร้างเทมเพลตใหม่

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

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

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

 

จัดโครงสร้างและปรับแต่งเทมเพลตของคุณ

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

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

ดูตัวอย่างและเผยแพร่เทมเพลตของคุณ

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

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