มาสร้างโมดูลกันเถอะ: การบันทึกการสัมมนาผ่านเว็บ + ถาม & ตอบ

เผยแพร่แล้ว: 2021-06-10

การสร้างอีเมลด้วยโมดูลอีเมลเป็นวิธีที่ยอดเยี่ยมในการทำให้กระบวนการผลิตของคุณมีประสิทธิภาพมากขึ้น เราใช้เวลาบางส่วนในการสัมมนาผ่านเว็บล่าสุดเพื่อพูดคุยเกี่ยวกับประเด็นร้อนนี้กับ Brandon Lawson และ Ryan Wallace จาก Ferguson Enterprises รวมถึง Lauren Kremer และ Scott Epple จากทีม Litmus เราได้อธิบายเกี่ยวกับการสร้างอีเมลแบบโมดูลาร์ วิธีการทำงานของ Ferguson Enterprises และวิธีที่ Litmus สามารถช่วยคุณเริ่มต้นได้

ไม่ได้มีโอกาสดูการสัมมนาผ่านเว็บแบบสดใช่หรือไม่? ไม่ต้องกังวล คุณสามารถเข้าถึงการบันทึกแบบเต็มได้ตลอดเวลาและอ่านคำถาม & คำตอบด้านล่าง

ถาม-ตอบ

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

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

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

เมื่อสร้างบางส่วน ฉันต้องการวาง CSS ที่เกี่ยวข้องกับบางส่วนในบางส่วนเอง อย่างไรก็ตาม ฉันเพิ่งอ่านบางที่ที่ CSS จะดีกว่าในเทมเพลตหลัก ความคิด?

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

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

Ferguson Enterprises : เราทำสิ่งนี้ได้หลายวิธี

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

ช่วยพูดถึงขั้นตอนการใช้โค้ดกับ ESP ที่ไม่อยู่ในรายการความเข้ากันได้ของการซิงค์ของ Litmus หน่อยได้ไหม

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

ฉันยังอยากทราบข้อมูลเพิ่มเติมเกี่ยวกับกระบวนการของเฟอร์กูสันในการเข้าสู่โหมดมืดที่เป็นไปตามมาตรฐานของแบรนด์!

Ferguson Enterprises : นี่เป็นความร่วมมือกับทีมงานสร้างสรรค์ของเรา เราทำงานร่วมกับพวกเขาเพื่อสร้างแนวทางปฏิบัติที่ดีที่สุดสำหรับสถานการณ์ที่ไม่รองรับการควบคุมอีเมลในโหมดมืด เรายังทำงานร่วมกับทีมสร้างสรรค์เพื่อสร้างจานสีสำหรับสิ่งต่างๆ เช่น ข้อความชื่อ เนื้อหา CTA ฯลฯ ที่ปฏิบัติตามหลักเกณฑ์ของแบรนด์เมื่อเราสามารถควบคุมสไตล์การตั้งค่าโหมดมืดได้

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

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

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

ด้วยตัวเลือก 'Inline CSS' ของ Builder คุณสามารถตรวจสอบให้แน่ใจว่าสไตล์ของคุณได้รับการแทรกโดยอัตโนมัติก่อนที่จะซิงค์กับ ESP หรือส่งออกโค้ดของคุณ

Design Library ทำงานร่วมกับ ESP อื่นๆ อย่างไร ตัวอย่างเช่น คุณจะสร้างอีเมลภายใน Salesforce Marketing Cloud โดยใช้ไลบรารี Litmus ได้อย่างไร

สารสีน้ำเงิน : เทมเพลตจากไลบรารีการออกแบบของคุณสามารถซิงค์กับ ESP เพื่อใช้งาน

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

คุณจะสร้างโมดูลได้อย่างไร?

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

คุณควรใช้บล็อกแบบแยกส่วนกับบล็อกอื่นเมื่อใด มีกฎการใช้งานหรือไม่?

สารสีน้ำเงิน : สมมติว่าคำถามนี้หมายถึงความแตกต่างระหว่างบางส่วนและตัวอย่าง...

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

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

คุณควรจัดระเบียบบล็อกอย่างไร

Litmus : ดูบล็อกโพสต์ของเราเกี่ยวกับ 7 วิธีในการจัดระเบียบโมดูลอีเมลของคุณให้เป็นหมวดหมู่ที่มีประโยชน์ (ตามประเภทอีเมลมักเป็นที่ชื่นชอบ!)

คุณจะให้คนในหน้าเดียวกันเพื่อความสม่ำเสมอได้อย่างไร?

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

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

บางองค์กรจะเก็บ "บันทึกการเปลี่ยนแปลง" หรือ "บันทึกประจำรุ่น" ที่พวกเขาแบ่งปันกับผู้มีส่วนได้ส่วนเสีย

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

เนื้อหาที่เกี่ยวข้อง

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

  • 6 ขั้นตอนสู่ระบบการออกแบบอีเมลอันทรงพลังที่ทีมของคุณจะหลงรัก
  • ระบบการออกแบบให้อำนาจทีมอีเมลทุกที่อย่างไร
  • เทมเพลตอีเมลคืออะไร
  • สุดยอดคู่มือสำหรับเทมเพลตอีเมล
  • สุดยอดคู่มือการใช้ตัวอย่างในการออกแบบอีเมล
  • สร้างและจัดการ Dynamic Code Blocks ได้อย่างง่ายดายด้วย Partials
  • โมดูลอีเมล: วิธีปรับขนาดอีเมลที่ไม่ซ้ำด้วยความมั่นใจ