Modul email: Bagaimana sebenarnya menskalakan email unik dengan percaya diri

Anda mungkin pernah mendengar tentang template email modular selama bertahun-tahun tetapi belum membuat lompatan. Atau mungkin Anda baru mengenal ide tersebut. Jadi apa sebenarnya modul email dan haruskah Anda menggunakannya? Jawaban sederhananya adalah ya, dan tidak seperti pertanyaan lain di email, tidak ada "itu tergantung."

52% tim email menghabiskan dua minggu atau lebih untuk menghasilkan email dari awal hingga akhir menurut laporan Alur Kerja Email Status kami. Email modular mempercepat proses untuk memberi Anda peningkatan efisiensi—sehingga Anda menghabiskan lebih sedikit waktu untuk kode berulang dan lebih banyak waktu untuk inovasi. Ini tidak perlu dipikirkan.

Baca terus untuk mengetahui:

• Apa itu modul email?
• Manfaat email modular
• Bagaimana memulai dengan desain modular

Apa itu modul email?

Modul email adalah blok konten yang dapat digunakan kembali yang dapat disatukan dalam kombinasi berbeda untuk membuat email atau berbagai templat email lengkap. Juga dikenal sebagai komponen, modul hadir dalam beberapa variasi seperti cuplikan (disesuaikan dengan email tertentu, seperti tombol ajakan bertindak) dan parsial (konsisten di beberapa email, seperti footer email).

Semua modul Anda dapat disimpan di pustaka pola sebagai bagian dari sistem desain email atau pedoman merek Anda yang lebih luas. Jadi, tim Anda tahu persis cara memadupadankan untuk membuat email yang sesuai dengan merek yang tidak akan rusak. Intinya, desain email modular berkisar pada bagian atau modul yang lebih kecil yang disatukan untuk membuat desain yang lebih besar. Sama seperti batu bata LEGO dapat disatukan untuk membangun, yah, apa saja.

Apa manfaat email modular?

Ada banyak keuntungan untuk menjadi modular, dan saya sudah mengisyaratkan beberapa. Jika Anda masih ragu, inilah manfaatnya.

Standardisasi alias tetap pada merek dan bebas kesalahan

Apakah logo atau warna merek Anda sedikit berbeda dari email ke email? Desain modular menangani inkonsistensi seperti itu. Karena semua blok sudah dikodekan sebelumnya dan diuji, Anda dapat yakin bahwa mereka akan membuat email yang mempertahankan standar merek Anda di semua email. Tanpa kesalahan.

Menghemat waktu dan mempercepat alur kerja email

Sekitar 35% pemasar menghabiskan 1-2 jam untuk pengkodean dan pengembangan per email, menurut data survei State of Email 2020 kami. 34% lainnya membutuhkan waktu setidaknya 3 jam. Dengan lebih dari separuh responden menyulap enam email atau lebih sekaligus, jam pengembangan tersebut bertambah dengan cepat.

Dengan desain email yang distandarisasi, Anda tidak perlu terlalu khawatir tentang pengkodean email dari awal lagi. Ini menghemat banyak waktu sehingga Anda bisa mendapatkan email lebih cepat. Secara pribadi, saya dapat membuat email dalam 10 menit sekarang.

Fleksibilitas dan kreativitas

Template cenderung memiliki persepsi kaku dan membosankan. Tapi template modular ? Mereka menyenangkan. Karena itu hanyalah bagian dari email, Anda dapat mencampur dan mencocokkannya agar sesuai dengan kebutuhan Anda sehingga Anda tidak terpaku pada tata letak lama yang sama setiap saat.

Dan blok Anda adalah bagian dari sistem desain email yang hidup. Artinya Anda dapat terus menambahkan yang baru saat sistem desain Anda tumbuh untuk menjaga fleksibilitas dan kreativitas tetap hidup.

Dapat digunakan dalam pembuat email drag-and-drop

Hal hebat lainnya tentang modul email? Mereka pada dasarnya "plug and play" dan dengan demikian, dibangun dengan sempurna untuk pembuat email drag-and-drop seperti Editor Visual drag-and-drop Litmus Builder. Hanya mengatur mereka, dan Anda siap untuk pergi.

Non-coder juga dapat membuat email

Setelah blok konten Anda yang dapat digunakan kembali diatur dalam editor visual, Anda dapat membuat email tanpa pernah menyentuh kode. Dan itu berarti bahkan non-coders Anda dapat membuat email! Tidak ada lagi kekhawatiran bahwa mereka mungkin secara tidak sengaja merusak sesuatu.

Timbangan produksi email

Dengan semua orang—apa pun kemampuan teknisnya—mampu membuat email modular dengan cepat, Anda dapat menskalakan seluruh proses produksi email Anda dengan mudah dan mengembangkan program pemasaran email Anda. Fokus pada hal-hal seperti email yang dipersonalisasi untuk segmen pelanggan yang berbeda—sesuatu yang akan berlangsung lama sebelumnya.

Buat email sesuai merek dan bebas kesalahan dengan cepat Buat, pratinjau, dan uji QA email Anda dalam satu alur yang mulus—dengan Litmus Builder. Tidak ada lagi melompat bolak-balik antara alat. Pelajari caranya →

Bagaimana memulai dengan desain modular

Kami menyarankan untuk memulai dengan membuat sistem desain email. Anda tidak harus memulai dengan langkah ini, tetapi ini adalah cara yang baik untuk memastikan bahwa modul email Anda dikategorikan dan distandarisasi. Jika tidak, Anda dapat membuat modul yang sangat mendasar yang membutuhkan banyak gaya saat digunakan. Atau Anda dapat membuat blok bergaya dengan pengetahuan bahwa mungkin ada banyak pemeliharaan yang terlibat untuk mempertahankannya.

Setelah sistem desain selesai—sebenarnya, jangan menunggu. Sistem desain adalah makhluk hidup yang akan berubah saat Anda terus membuat email. Daripada menunggu sampai seluruh sistem selesai, mulailah coding segera setelah Anda memiliki cukup blok untuk membuat template.

Berikut cara memulai.

1. Audit email Anda untuk melihat bagian mana yang biasa digunakan

Selesaikan audit email Anda untuk melihat apakah Anda menemukan pola apa pun. Bagian mana yang Anda lihat berulang di seluruh email Anda? Apakah ada blok header dan footer yang Anda gunakan berulang kali? Bagaimana dengan blok konten satu dan dua kolom? Ini semua adalah kandidat yang baik untuk modul.

Buat daftar atau dokumentasikan bagian yang Anda rencanakan untuk dimodulasi dan bagaimana mereka akan digunakan (termasuk aturan keterlibatan). Mengatur komponen Anda dari awal membuatnya lebih mudah ditemukan dan digunakan dengan benar di seluruh tim Anda, terutama saat Anda terus mengembangkan pustaka pola Anda. Ini bisa menjadi dasar seperti pelabelan blok konten untuk header, body, dan footer. Atau mengkategorikan berdasarkan tim atau klien.

Saya suka mengatur milik saya berdasarkan bagian dan jenis email menggunakan Kategori di Perpustakaan Desain di Litmus.

2. Tentukan standar dan pedoman merek

Desainer dan pengembang harus bekerja sama saat membuat modul untuk memastikan standar—seperti jarak antar elemen dan jarak antar modul—dibuat dan dipelihara.

Dan pastikan pemangku kepentingan menyetujui pedoman merek khusus email seperti font dan warna sebelum melanjutkan.

3. Buat boilerplate email

Semua modul Anda harus dimasukkan ke dalam kerangka atau boilerplate HTML. Ini memberi Anda fleksibilitas tertinggi dalam bagaimana Anda ingin meletakkan email Anda. Ada beberapa cara berbeda untuk mengonfigurasi boilerplate, tetapi semua boilerplate menyertakan bagian di bagian atas dengan tag pembuka, konten header, gaya ulang dan merek apa pun, dan tag penutup.

Mark Robbins telah membuat template email dasar yang dilucuti untuk membantu Anda memulai. Gabungkan itu dengan repositori Jay Oram tentang gaya reset CSS standar terbaru untuk email, dan Anda akan memiliki boilerplate yang layak untuk memulai.

4. Bangun modul Anda

Modul dapat dibuat dengan berbagai cara. Selama Anda konsisten dengan modul, maka mereka akan bekerja sama ketika digabungkan. Saya akan membahas dua metode berbeda: modul berbasis <table> dan modul berbasis <tr>.

Menggunakan modul berbasis <table>

Anda dapat memiliki setiap modul yang dibungkus dalam sebuah tabel sehingga tabel menumpuk saat modul ditambahkan. Modul berbasis tabel akan terlihat seperti ini:

Kelebihan : Modul rapi dan mandiri. Gaya tata letak apa pun dari satu tabel tidak akan memengaruhi modul lainnya.

Cons : Tabel susun terkadang dapat menyebabkan masalah rendering di Outlook seperti garis putih tipis.

Menggunakan modul berbasis <tr>

Modul yang didasarkan pada baris tabel perlu ditempatkan dalam tabel yang berisi. Kemudian, baris-baris tersebut dapat ditempatkan di tabel yang berisi dengan menumpuk baris-baris tersebut di atas satu sama lain seperti ini:

Kelebihan : Ada masalah garis putih yang tidak terlalu mengganggu di Outlook.

Cons : Masalah rendering dalam satu modul dapat menyebabkan masalah rendering di modul lain. Dan mungkin memerlukan lebih banyak kode untuk membuat tabel di dalam baris untuk menyelesaikan masalah.

5. Uji, uji, uji!

Kedua metode modul mengharuskan Anda melakukan beberapa pengujian jaminan kualitas (QA) untuk memastikan satu komponen tidak merusak seluruh email.

Saya menemukan cara terbaik untuk membangun modul dan menguji pada saat yang sama adalah dengan membuat satu template besar yang berisi semua modul di Litmus Builder.

Ini memungkinkan QA menguji modul dalam template untuk melihat bagaimana mereka saling mempengaruhi. Ini juga memastikan jarak antar modul dipertahankan. Setelah semua modul ditambahkan, mereka dapat dengan mudah disalin dan disimpan di Perpustakaan Desain Litmus sebagai potongan atau sebagian.

6. Mulai gunakan modul dalam proses produksi email Anda

Setelah Anda membuat modul Anda, itu hanya masalah menggunakannya dalam proses pembuatan Anda. Sebagian besar editor kode memberi Anda metode untuk menambahkan cuplikan ke kode atau boilerplate Anda.

Saya menggunakan Pembuat Lakmus. Dalam tampilan Editor Kode, Anda dapat menggunakan kata pemicu cuplikan atau menu sisipkan untuk menambahkan cuplikan langsung ke dalam kode. Dengan Editor Visual drag-and-drop di Litmus Builder, ini adalah masalah sederhana untuk benar-benar menyeret dan menjatuhkan snippet di tempatnya.

Cobalah pembuatan email modular Lakmus membuatnya mudah untuk menjadi modular. Simpan dan atur cuplikan dan sebagian Anda di Perpustakaan Desain. Kemudian, buat dan uji QA email dengan cepat dengan Editor Visual di Litmus Builder. Bahkan sudah dimuat sebelumnya dengan template email yang dioptimalkan sepenuhnya dengan modul sehingga Anda dapat langsung masuk. Mulai uji coba gratis Anda →

Mari menjadi modular

Jika Anda ingin gesit dan efisien tanpa mengorbankan desain email yang fleksibel, Anda akan menyukai modul email. Mereka sangat menghemat waktu dan memungkinkan Anda untuk mematuhi merek dan kreatif. Siapa yang tidak menginginkan itu? Cobalah—Anda akan berterima kasih kepada saya nanti.