เริ่มต้นใช้งานอาคารโมดูลาร์โดยใช้สารสีน้ำเงิน

เมื่อเร็ว ๆ นี้เราได้พูดคุยกันมากมายเกี่ยวกับอาคารแบบแยกส่วน—และด้วยเหตุผลที่ดี เป็นวิธีที่ยอดเยี่ยมในการปรับปรุงและเพิ่มความเร็วในการพัฒนาอีเมล

และด้วยความต้องการที่เพิ่มขึ้นในทีมอีเมล ถึงเวลาแล้วที่เราจะวางระบบที่ปรับขนาดได้ไว้เพื่อช่วยให้เราตามทัน (และไม่หมดไฟ)

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

หากคุณยังใหม่ต่อแนวคิดนี้ โปรดดูภาพรวมของบล็อกอาคารโมดูลาร์ 101 ของเรา

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

ส่วนประกอบโมดูลาร์ต่างๆ ในสารสีน้ำเงินมีอะไรบ้าง

ก่อนที่เราจะดำดิ่งลงไป เรามาพูดถึงคำศัพท์สองสามคำที่เราอ้างอิงเมื่อพูดถึงอาคารแบบแยกส่วนใน Litmus

ตัวอย่าง

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

องค์ประกอบบางส่วนที่สร้างตัวอย่างที่ดี ได้แก่ บล็อกฮีโร่ บล็อกเนื้อหาหลัก/รอง บล็อกเนื้อหาระดับอุดมศึกษา และ CTA

บางส่วน

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

ส่วนประกอบที่ทำให้บางส่วนดี ได้แก่ ส่วนหัว ส่วนท้าย สไตล์การรีเซ็ต CSS และฐาน จุดสั่งหยุดและสไตล์ที่ตอบสนอง และองค์ประกอบตัวเว้นวรรค

แม่แบบ

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

ห้องสมุดออกแบบ

Design Library เป็นที่ที่คุณจะจัดเก็บโมดูลโค้ดของคุณในจุดศูนย์กลางแห่งเดียว ขณะสร้างใน Litmus คุณสามารถดึงตัวอย่างและบางส่วนที่บันทึกไว้ในไลบรารีการออกแบบลงในอีเมลของคุณได้

ฉันจะได้รับบายอินเพื่อเริ่มการสร้างแบบแยกส่วนได้อย่างไร

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

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

ต่อไปนี้คือประโยชน์หลักบางประการที่คุณต้องการมอบให้กับผู้บริหารด้านการตลาดของคุณ:

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

และสถิติเหล่านี้จากรายงานสถานะอีเมลประจำปี 2021 น่าจะช่วยแก้ปัญหาได้เช่นกัน:

• ปริมาณอีเมลเพิ่มขึ้น 61% ตั้งแต่เกิดโรคระบาด แต่จำนวนคนกลับไม่เพิ่มขึ้น อาคารแบบแยกส่วนช่วยให้คุณสร้างได้เร็วขึ้นโดยไม่ต้องเพิ่มจำนวนพนักงาน
• 58% ของนักการตลาดผ่านอีเมลมีเวลาในการผลิต 2 สัปดาห์ การสร้างแบบแยกส่วนสามารถช่วยให้คุณพัฒนาอีเมลได้เร็วขึ้น และลดเวลาที่ใช้ในการส่งอีเมล
• ปัจจุบันนักการตลาดอีเมล 43% ใช้ข้อมูลโค้ด—และอีก 12% วางแผนที่จะใช้ นี่คืออนาคตของการตลาดผ่านอีเมล และคุณต้องการนำหน้าคู่แข่ง
• การตลาดผ่านอีเมลมี ROI 36:1 กุญแจสู่การตลาดผ่านอีเมลที่ประสบความสำเร็จคือประสบการณ์ในแบรนด์ที่สอดคล้องกัน ซึ่งการสร้างแบบแยกส่วนจะช่วยให้คุณบรรลุผลได้

ฉันจะเริ่มต้นกับอาคารแบบแยกส่วนได้อย่างไร

มีสองวิธีที่คุณสามารถเข้าใกล้สิ่งนี้ได้

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

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

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

ฉันจะใช้สารสีน้ำเงินเพื่อสร้างโมดูลได้อย่างไร

คุณสามารถสร้างโมดูลในสารสีน้ำเงินได้สองวิธี:

1. โดยตรงใน Design Library
2. กำลังบันทึกโมดูลจาก Builder

มาดูแต่ละรายการและตัวเลือกสำหรับการเริ่มต้นใช้งานกัน

การสร้างโมดูลใน Design Library

ไปที่ Design Library จากนั้นคลิกปุ่ม New module ที่มุมขวาบน คุณจะเห็นสองตัวเลือก: New Snippet และ New Partial

ในการสร้างข้อมูลโค้ด ให้คลิก New Snippet ในหน้าจอถัดไป ให้ตั้งชื่อข้อมูลโค้ดและทริกเกอร์ ทริกเกอร์คือสตริงข้อความที่คุณจะใช้เพื่อแทรกข้อมูลโค้ดในตัวแก้ไขโค้ดของ Litmus Builder (เช่น p-list) ในส่วนเนื้อหาตัวอย่าง ให้คัดลอกและวางโค้ดของคุณ

หากต้องการสร้างบางส่วนใหม่ ให้คลิก ใหม่บางส่วน ตั้งชื่อบางส่วนของคุณและหน้าต่างตัวแก้ไขใหม่จะเปิดขึ้น ใส่รหัสของคุณแล้วคลิกบันทึก ( หมายเหตุ: สามารถสร้างบางส่วนได้ใน Design Library เท่านั้น)

การสร้างโมดูลจาก Litmus Builder

ขั้นตอนแรกในการสร้างโมดูลจาก Litmus Builder คือการเริ่มอีเมลใหม่ คลิกปุ่มอีเมลใหม่ในโฟลเดอร์ใดก็ได้เพื่อเริ่มต้น ตั้งชื่ออีเมลของคุณ แล้วเลือก "เลือกเทมเพลต" จากที่นี่ ให้เลือกเทมเพลตอีเมลเปล่า

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

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

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