Template Creator ช่วยให้ผู้ใช้สามารถอัปโหลดเทมเพลต HTML ได้อย่างง่ายดายและผสานรวมเข้ากับ Mailtarget ได้อย่างราบรื่น เอกสารนี้จะแนะนำขั้นตอนต่างๆ ในการอัปโหลดเทมเพลต HTML และใช้งานภายใน Mailtarget
การอัปโหลดเทมเพลต HTML ของคุณ
ไปที่เมนู Template Creator ผ่าน Configuration > Template ในแดชบอร์ดของคุณ และคลิกปุ่ม Add Template
ในเมนูนี้ คุณจะได้รับรหัสเทมเพลตโดยอัตโนมัติ ซึ่งคุณสามารถคัดลอกได้ในภายหลัง จากนั้นคุณจะต้องเพิ่มชื่อเทมเพลต
เมื่ออัปโหลดเทมเพลตของคุณ มี 2 ตัวเลือกที่คุณสามารถใช้:
วางโค้ด HTML ของคุณ
ในวิธีนี้ คุณเพียงแค่คัดลอกโค้ด HTML ของคุณแล้ววางลงในโปรแกรมแก้ไขข้อความ Mailtarget หลังจากวางโค้ดลงในโปรแกรมแก้ไขข้อความแล้ว อย่าลืมคลิกปุ่ม "ดูตัวอย่างโค้ด" เพื่อดูผลลัพธ์ของโค้ด HTML ที่คุณสร้างขึ้น คุณต้องใส่ใจเมื่อเขียนโค้ด HTML และต้องแก้ไขหากมีข้อผิดพลาดในการเขียนโค้ด
อัปโหลดไฟล์ HTML
ในวิธีนี้ คุณต้องอัปโหลดไฟล์เทมเพลต HTML ของคุณไปยัง Mailtarget อย่าลืมคลิกปุ่ม "ดูตัวอย่างโค้ด" เพื่อดูผลลัพธ์โค้ด HTML ที่คุณสร้างขึ้น คลิก "บันทึก" หากเทมเพลตที่คุณสร้างถูกต้อง
ผลลัพธ์บนแดชบอร์ดเมื่อเพิ่มเทมเพลตสำเร็จ
แก้ไขเทมเพลต HTML ของคุณ
คุณสามารถแก้ไขเทมเพลต HTML ได้โดยคลิกที่รหัสเทมเพลตบนแดชบอร์ด จากนั้นคุณจะเห็นรายละเอียดของเทมเพลต ให้คลิกปุ่ม "แก้ไขเทมเพลต"
คุณจะถูกนำไปยังโปรแกรมแก้ไขข้อความเพื่อแก้ไขเทมเพลต HTML ของคุณ แก้ไขตามความต้องการของคุณ จากนั้นคลิกปุ่มบันทึก
เพิ่มข้อมูลการทดสอบลงในเทมเพลต HTML ของคุณ
ในเครื่องมือสร้างเทมเพลต คุณสามารถลองเพิ่มข้อมูลการทดสอบในรูปแบบ shortcode ลงในเทมเพลตของคุณ เพื่อดูว่าเทมเพลตของคุณทำงานอย่างไร โดยเฉพาะอย่างยิ่งสำหรับการปรับแต่งส่วนบุคคล คุณสามารถทำได้ดังนี้:
ก่อนเพิ่มข้อมูลการทดสอบ คุณต้องเพิ่มชอร์ตโค้ดที่ต้องการทดสอบลงในโค้ด HTML ของคุณ จากนั้นคลิกปุ่มดูตัวอย่างโค้ดเพื่อดูผลลัพธ์ ในหน้าแสดงตัวอย่าง จะแสดงชอร์ตโค้ด {{firstname}} แสดงว่าคุณได้เพิ่มชอร์ตโค้ดเรียบร้อยแล้ว จากนั้นชอร์ตโค้ดนี้จะถูกเติมด้วยข้อมูลการทดสอบของคุณในภายหลัง
คุณสามารถเพิ่มข้อมูลการทดสอบจากตอนที่คุณสร้างเทมเพลตครั้งแรกหรือคุณสามารถทำได้โดยแก้ไขเทมเพลตที่คุณสร้างไว้ก่อนหน้านี้ จากนั้นคลิกเมนูข้อมูลการทดสอบ และคลิกปุ่มเพิ่มข้อมูลการทดสอบ
ในหน้านี้ คุณจะถูกขอให้เพิ่มข้อมูล Key และ Value โดย Key คือชอร์ตโค้ดที่คุณต้องเพิ่มลงในโค้ด HTML ของคุณ และ Value คือข้อมูลทดสอบ ในตัวอย่างนี้ Key firstname คือตัวอย่างของการปรับแต่งชื่อของผู้ใช้ และ Mike คือตัวอย่างของชื่อผู้ใช้
จากนั้นคุณต้องเพิ่มชื่อย่อลงในโค้ด HTML ตามความต้องการของคุณ โดยเพิ่มข้อมูลทดสอบ คุณต้องใช้วงเล็บคู่สำหรับชื่อย่อ ในตัวอย่างนี้จะเป็น {{firstname}}
หลังจากนั้น คลิกปุ่ม "ดูตัวอย่างโค้ด" เพื่อดูผลลัพธ์ของการเพิ่มชอร์ตโค้ดชื่อลงในโค้ด HTML ของคุณ ในส่วนดูตัวอย่างโค้ด ข้อมูลของ Mike จะแสดงเป็นค่าของคีย์ชื่อ คลิกปุ่ม "บันทึก" เพื่อสิ้นสุดกระบวนการ
หากคุณต้องการส่งชอร์ตโค้ดสำหรับการจัดส่งเทมเพลตอีเมลของคุณ ให้ป้อนรหัสต่อไปนี้:
"substitutionData":{
"shortcode":"SHORTCODE_VALUE"
},