สร้างเทมเพลตรหัสที่กำหนดเอง

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

ดูข้อมูลเพิ่มเติมเกี่ยวกับการทำงานกับการออกแบบที่กำหนดเองได้ในเอกสารสำหรับนักพัฒนาซอฟต์แวร์ของเรา 

โปรดทราบ: ต้องมีบัญชี Marketing Hub Professional หรือ Enterprise เพื่อสร้างเทมเพลตอีเมลที่กำหนดเอง

สร้างไฟล์ HTML และ HubL ใหม่

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

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

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

เพิ่มแท็ก HubL ที่จำเป็น

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

เทมเพลตเพจและบล็อกต้องการแท็กต่อไปนี้:

• {{standard_footer_includes}}
• {{standard_header_includes}}

• {{unsubscribe_link}} หรือ {{unsubscribe_link_all}} (รวมอย่างน้อยหนึ่งอย่าง)
• {{unsubscribe_anchor}}
• {{site_settings.company_name}}
• {{site_settings.company_street_address_1}}
• {{site_settings.company_city}}{{site_settings.company_state}}
• {{site_settings.company_zip}}

โคลนเทมเพลตไปยัง HTML

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

วิธีสร้างเทมเพลตที่มีอยู่ให้เป็นรหัส:

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