โมดูลอีเมล: วิธีปรับขนาดอีเมลที่ไม่ซ้ำด้วยความมั่นใจ

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

52% ของทีมอีเมลใช้เวลาสองสัปดาห์ขึ้นไปในการผลิตอีเมลตั้งแต่ต้นจนจบตามรายงาน State of Email Workflows ของเรา อีเมลแบบแยกส่วนจะเร่งกระบวนการเพื่อเพิ่มประสิทธิภาพให้คุณ คุณจึงใช้เวลาน้อยลงกับโค้ดที่ซ้ำซากจำเจ และมีเวลามากขึ้นกับนวัตกรรมแทน มันไม่มีเกมง่ายๆ

อ่านต่อเพื่อค้นหา:

• โมดูลอีเมลคืออะไร
• ประโยชน์ของอีเมลโมดูลาร์
• วิธีเริ่มต้นใช้งานการออกแบบโมดูลาร์

โมดูลอีเมลคืออะไร

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

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

อีเมลโมดูลาร์มีประโยชน์อย่างไร

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

มาตรฐานที่รู้จักกันในแบรนด์และปราศจากข้อผิดพลาด

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

ประหยัดเวลาและเร่งความเร็วเวิร์กโฟลว์อีเมล

นักการตลาดประมาณ 35% ใช้เวลา 1-2 ชั่วโมงในการเขียนโค้ดและการพัฒนาต่ออีเมล ตามข้อมูลการสำรวจสถานะอีเมลปี 2020 ของเรา อีก 34% ใช้เวลาอย่างน้อย 3 ชั่วโมง กว่าครึ่งของผู้ตอบแบบสอบถามเล่นกลอีเมลครั้งละหกฉบับขึ้นไป ชั่วโมงการพัฒนาเหล่านั้นจึงเพิ่มขึ้นอย่างรวดเร็ว

ด้วยการออกแบบอีเมลที่ได้มาตรฐาน คุณไม่ต้องกังวลกับการเขียนโค้ดอีเมลตั้งแต่เริ่มต้นอีกต่อไป ซึ่งช่วยประหยัดเวลาได้มาก คุณจึงรับอีเมลนอกประตูได้เร็วขึ้น โดยส่วนตัวแล้ว ตอนนี้ฉันสร้างอีเมลได้ใน 10 นาที

ความยืดหยุ่นและความคิดสร้างสรรค์

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

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

สามารถใช้ในตัวสร้างอีเมลแบบลากและวาง

อีกสิ่งที่ยอดเยี่ยมเกี่ยวกับโมดูลอีเมล? โดยพื้นฐานแล้วมันเป็น "ปลั๊กแอนด์เพลย์" ดังนั้นจึงสร้างมาอย่างสมบูรณ์แบบสำหรับเครื่องมือสร้างอีเมลแบบลากและวาง เช่น Visual Editor แบบลากและวางของ Litmus Builder เพียงแค่ตั้งค่า คุณก็พร้อมที่จะไป

ผู้ที่ไม่ใช่ผู้เขียนโค้ดสามารถสร้างอีเมลได้เช่นกัน

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

การผลิตอีเมลเครื่องชั่ง

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

สร้างอีเมลในแบรนด์และปราศจากข้อผิดพลาดได้อย่างรวดเร็ว สร้าง ดูตัวอย่าง และทดสอบ QA อีเมลของคุณในโฟลว์เดียวที่ไร้รอยต่อ—ด้วย Litmus Builder ไม่ต้องสลับไปมาระหว่างเครื่องมืออีกต่อไป เรียนรู้วิธีการ →

วิธีเริ่มต้นใช้งานการออกแบบโมดูลาร์

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

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

ต่อไปนี้เป็นวิธีเริ่มต้น

1. ตรวจสอบอีเมลของคุณเพื่อดูว่าส่วนใดที่ใช้กันทั่วไป

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

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

ฉันชอบจัดระเบียบของฉันตามส่วนและประเภทอีเมลโดยใช้หมวดหมู่ใน Design Library ใน Litmus

2. กำหนดมาตรฐานและแนวทางแบรนด์

นักออกแบบและนักพัฒนาควรทำงานร่วมกันเมื่อสร้างโมดูลเพื่อให้แน่ใจว่ามีการสร้างและรักษามาตรฐาน เช่น ระยะห่างระหว่างองค์ประกอบและระยะห่างระหว่างโมดูล

และตรวจสอบให้แน่ใจว่าผู้มีส่วนได้ส่วนเสียเห็นด้วยกับหลักเกณฑ์ของแบรนด์เฉพาะอีเมล เช่น แบบอักษรและสีก่อนดำเนินการต่อ

3. สร้างอีเมลสำเร็จรูป

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

Mark Robbins ได้สร้างเทมเพลตอีเมลพื้นฐานที่ยอดเยี่ยมเพื่อให้คุณเริ่มต้นได้ รวมกับที่เก็บของ Jay Oram ของรูปแบบการรีเซ็ต CSS มาตรฐานล่าสุดสำหรับอีเมล และคุณจะมีต้นแบบที่ดีในการเริ่มต้น

4. สร้างโมดูลของคุณ

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

ใช้ <table> ตามโมดูล

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

ข้อดี : โมดูลมีความเรียบร้อยและมีอยู่ในตัวเอง รูปแบบเค้าโครงใดๆ จากตารางหนึ่งจะไม่มีผลกับโมดูลอื่นๆ

ข้อเสีย : บางครั้งการซ้อนตารางอาจทำให้เกิดปัญหาในการแสดงผลใน Outlook เช่น เส้นสีขาวบางๆ

ใช้ <tr> ตามโมดูล

โมดูลที่ยึดตามแถวของตารางจะต้องอยู่ในตารางที่มี จากนั้นสามารถวางแถวในตารางที่มีการจัดวางแถวซ้อนกันดังนี้:

ข้อดี : Outlook มีปัญหาเส้นสีขาวที่น่ารำคาญน้อยกว่า

จุดด้อย : ปัญหาการแสดงผลในโมดูลหนึ่งอาจส่งผลให้เกิดปัญหาการแสดงผลในโมดูลอื่น และอาจต้องใช้โค้ดเพิ่มเติมเพื่อซ้อนตารางภายในแถวเพื่อแก้ไขปัญหา

5. ทดสอบ ทดสอบ ทดสอบ!

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

ฉันพบวิธีที่ดีที่สุดในการสร้างโมดูลและทดสอบในเวลาเดียวกันคือการสร้างเทมเพลตขนาดใหญ่หนึ่งเทมเพลตที่มีโมดูลทั้งหมดใน Litmus Builder

ซึ่งช่วยให้ QA ทดสอบโมดูลในเทมเพลตเพื่อดูว่ามีอิทธิพลต่อกันและกันอย่างไร นอกจากนี้ยังช่วยให้แน่ใจว่ามีการรักษาระยะห่างระหว่างโมดูล เมื่อเพิ่มโมดูลทั้งหมดแล้ว จะสามารถคัดลอกและบันทึกลงในไลบรารีการออกแบบของ Litmus เป็นส่วนย่อยหรือบางส่วนได้

6. เริ่มใช้โมดูลในกระบวนการผลิตอีเมลของคุณ

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

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

ลองใช้การสร้างอีเมลแบบแยกส่วน สารสีน้ำเงินทำให้ง่ายต่อการแยกส่วน จัดเก็บและจัดระเบียบตัวอย่างและบางส่วนของคุณใน Design Library จากนั้น สร้างและทดสอบอีเมลอย่างรวดเร็วด้วย QA ด้วย Visual Editor ใน Litmus Builder มันยังมาพร้อมกับเทมเพลตอีเมลที่ปรับให้เหมาะสมที่สุดพร้อมโมดูลที่โหลดไว้ล่วงหน้า ดังนั้นคุณจึงสามารถเข้าร่วมได้ทันที เริ่มการทดลองใช้ฟรี →

มารับโมดูลาร์กันเถอะ

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