7 Cara Menambahkan Otomatisasi ke dalam Alur Kerja Email Anda

Merancang dan mengkodekan email sering kali melibatkan proses pengeditan manual dan sulit yang tidak hanya biasa dan melelahkan, tetapi juga dapat dengan mudah meninggalkan ruang untuk kesalahan.

Tidak harus seperti itu. Berbagai alat tersedia untuk pemasar dan pengembang email untuk mengotomatiskan alur kerja email mereka, memungkinkan Anda menghilangkan hal-hal biasa—dan menangkap kesalahan yang mahal itu sebelum menekan kirim.

Seperti yang kami temukan di Laporan Alur Kerja Email Status 2018 kami, program email memiliki banyak bagian yang bergerak dan siklus produksi biasanya memakan waktu beberapa minggu atau lebih untuk satu email.

Dengan siklus produksi selama itu, ada banyak peluang untuk menghemat waktu di sini dan di sini dan menjadi lebih efisien. Berikut adalah tujuh cara Anda dapat menambahkan otomatisasi ke dalam alur kerja email Anda:

Buat template standar

Jumlah waktu yang dihemat: 30-60 menit

Jika Anda ingin merampingkan alur kerja Anda, template adalah tempat yang baik untuk memulai. Mengganti salinan atau elemen desain, tetapi menyimpan bagian khusus merek yang penting, dapat memulai proses pembuatan email. Ini dapat membantu untuk non-coders juga.

Mayoritas desainer email melaporkan hanya membuat desain email satu kali untuk acara besar, seperti produk baru, atau kampanye musiman utama seperti Black Friday, menurut laporan State of Email Creative 2017 kami. Menggunakan template standar sepanjang waktu menciptakan efisiensi produksi yang luar biasa.

Inilah tepatnya mengapa kami membuat Templat Komunitas Litmus—kumpulan templat elegan yang telah diuji sebelumnya yang mencakup berbagai penggunaan, mulai dari manajemen akun dan e-niaga hingga peluncuran dan pemasaran produk.

Unduh Templat Komunitas Lakmus Mulai kampanye Anda berikutnya dengan salah satu templat yang telah diuji sebelumnya dari Litmus. Akses template →

Ambil jalan pintas saat coding

Gunakan Cuplikan

Jumlah waktu yang dihemat: 10-15 menit

Cuplikan adalah modul kode yang dapat digunakan kembali. Mereka ideal untuk elemen yang umum digunakan di seluruh desain email, seperti doctype, tombol antipeluru, dan tautan. Daripada harus menulis ulang kode setiap kali salah satu elemen ini digunakan, Anda dapat menggunakan Cuplikan. Ini mengurangi redundansi dan potensi kesalahan pengkodean untuk elemen umum dalam desain email Anda.

Mari kita ambil tombol anti peluru sebagai contoh. Tombol antipeluru berfungsi sebagai pokok dalam email untuk ajakan bertindak (CTA). Namun, setiap tombol memerlukan penyesuaian untuk setiap email individual: Salinan berbeda, tautan berbeda, dan penempatan berbeda.

Inilah bagian dari HTML yang kami gunakan untuk tombol antipeluru:

 <table border="0" cellspacing="0" cellpadding="0"> <tr>   <td>     <table border="0" cellspacing="0" cellpadding="0">       <tr>         <td align="{align}" bgcolor="{bgcolor}" <a href="{link}" target="_blank">I am a button &rarr; </a> </td>        </tr>      </table>    </td>  </tr> </table>

Cuplikan memecahkan masalah terus-menerus membuat ulang kode tombol antipeluru dengan tangan, dan Anda dapat menyimpannya di pustaka Cuplikan sebagai pemicu pintasan. Dalam contoh ini, kami akan menamakannya 'bb,' kependekan dari tombol antipeluru.

Sekarang, kapan pun Anda ingin menambahkan tombol antipeluru, Anda cukup menggunakan pintasan 'bb' untuk menghasilkan kode.

Anda dapat menggunakan Cuplikan di:

• Pembuat Lakmus
• Teks Sublim
• Atom
• Dreamweaver
• Coda

Ingin lebih banyak Cuplikan? Punya beberapa favorit yang ingin Anda bagikan?
Bergabunglah dengan Komunitas untuk mencari dan menyumbangkan cuplikan dari pustaka cuplikan kami.

Gunakan Sebagian

Jumlah waktu yang dihemat: 30 menit — Beberapa jam, tergantung pada berapa banyak template email yang Anda perbarui

Sebagian adalah blok kode global, dinamis, dan dapat digunakan kembali yang dapat digunakan di beberapa email. Perubahan yang dilakukan pada sebagian akan berlaku untuk setiap email tunggal tempat Parsial tersebut direferensikan.

Dua puluh dua persen pemasar menggunakan sebagian, menurut laporan Alur Kerja Email Status 2018 kami. Itu naik 18,2% pada tahun 2017. Karena penggunaan email otomatis terus berkembang, demikian juga penggunaan sebagian.

Sebagian berfungsi dengan baik untuk bagian kode seperti header, footer, reset CSS, dan CTA yang umum digunakan—apa pun yang diulang di beberapa email, menjadikannya alat yang ideal untuk email yang dipicu dan transaksional.

Misalnya, di Litmus kami menggunakan tajuk yang sama di sebagian besar email kami:

 <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td bgcolor="#33373e" align="center"> <!--[if (gte mso 9)|(IE)]> <table width="500" align="center" cellpadding="0" cellspacing="0" border="0"> <tr> <td> <![endif]--> <table cellpadding="0" cellspacing="0" width="100%" border="0" align="center"> <tr> <td align="center"> <a href="http://litmus.com" target="_blank"> <img src="logo.png" width="130" height="48" alt="Litmus" border="0"> </a> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> </table>

Alih-alih menggunakan HTML dan CSS aktual dari header di email, kami menggunakan referensi parsial:

 <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td align="center"> {{header}} </td> </tr> </table>

Catatan: Referensi di atas menggunakan sintaks Handlebars, yang digunakan dalam Litmus Builder.

Kapan pun perubahan pada header diperlukan, kita dapat menghindari modifikasi secara manual setiap email tempat header muncul. Alih-alih memperbarui email individual, kami hanya memperbarui sebagian, yang menerapkan perubahan ke setiap email tempat sebagian digunakan. Parsial membuat pengelolaan dan pemeliharaan email Anda lebih mudah, lebih cepat, dan lebih skalabel.

Untuk menggunakan parsial, Anda perlu memanfaatkan sistem build dan generator situs statis seperti Handlebars, Middleman, atau Assemble. Kami sangat menyarankan menggunakan Litmus Builder (tidak perlu pengaturan) atau Alur Kerja Email Grunt Lee Munroe untuk menggunakan Partials.

Ambil pintasan kode dengan Emmet

Jumlah waktu yang dihemat: 10-15 menit

Emmet adalah add-on gratis untuk editor teks Anda yang memungkinkan Anda mengetik pintasan keyboard yang kemudian diperluas menjadi segmen kode penuh.

Dengan menggunakan Emmet, pembuat email lebih sedikit mengetik, menghemat penekanan tombol dan waktu saat membuat kampanye. Selain itu, mengandalkan pelengkapan otomatis Emmet berarti lebih sedikit kesalahan ketik dan tag yang hilang, yang mengarah ke email yang lebih kuat.

Emmet tersedia untuk berbagai editor teks dan dibangun ke dalam Litmus Builder. Populer dengan desainer web, Emmet telah melihat peningkatan adopsi di antara desainer email yang ingin merampingkan alur kerja mereka, meskipun penggunaannya masih kecil.

Cara termudah untuk memahami Emmet adalah dengan melihat sebuah contoh. Katakanlah Anda menginginkan tabel dengan tiga baris, masing-masing berisi sel tabel dengan gambar di atas paragraf teks dan tautan.

Alih-alih mengetik secara manual—atau menyalin dan menempelkan—setiap baris, sel tabel, gambar, paragraf, dan tag tautan, Anda dapat menyingkatnya menjadi satu baris dan membiarkan Emmet melakukan sebagian besar pekerjaan untuk Anda.

 table>tr*3>td>img+p+a

Setelah menekan tombol TAB untuk memicu Emmet, satu baris kode di atas diperluas menjadi HTML lengkap.

 <table> <tr> <td> <img src="" alt="" /> <p></p> <a href=""></a> </td> </tr> <tr> <td> <img src="" alt="" /> <p></p> <a href=""></a> </td> </tr> <tr> <td> <img src="" alt="" /> <p></p> <a href=""></a> </td> </tr> </table>

Hilangkan tugas yang berulang dan bangun lebih cepat

Gunakan pelari tugas

Jumlah waktu yang dihemat: 30-60 menit

Pelari tugas mengotomatiskan tugas berulang seperti menyejajarkan CSS dan mengirim email pengujian. Menurut laporan Alur Kerja Email Keadaan 2018 kami, 8,9% pemasar email menggunakan pelari tugas sebagai bagian dari alur kerja produksi email mereka.

Lihat apakah pelari tugas dapat membantu Anda dengan memeriksa opsi ini:

• gerutuan
• Meneguk
• Codekit

Gunakan generator situs statis

Jumlah waktu yang dihemat: 30 menit — Beberapa jam, tergantung pada berapa banyak template email yang Anda perbarui

Generator situs statis adalah membangun sistem untuk file datar yang memungkinkan Anda untuk membuat templat dan memecah elemen email.

Ini memudahkan pembuat email untuk mengedit dan mengontrol elemen email tersebut. Hampir 9% pemasar email menggunakan generator situs statis sebagai bagian dari alur kerja produksi email mereka, menurut laporan Alur Kerja Email Status 2018 kami.

Lihat apakah generator situs statis dapat membantu Anda dengan memeriksa opsi ini:

• Setang
• Perantara
• Berkumpul

Pelari tugas dan generator situs statis secara historis telah digunakan sebagai alat pengembangan web, tetapi dapat digunakan dalam email untuk menyiapkan kerangka kerja yang mencakup tata letak, variabel, dan Partial untuk membantu mengoptimalkan alur kerja Anda dari ujung ke ujung.

Praprosesor dan pascaprosesor

Jumlah waktu yang dihemat: 10-15 menit

Preprocessors dan postprocessors pada dasarnya adalah cara penulisan CSS yang berbeda. Meskipun bukan penghemat waktu langsung, mereka dapat membantu mengotomatiskan alur kerja Anda dengan mengubah format sehingga dapat dirender oleh browser.

Praprosesor mengubah kode yang ditulis dalam bahasa prapemrosesan menjadi HTML atau CSS yang sesuai standar yang dapat dirender oleh browser.

Lihat apakah praprosesor dapat membantu Anda dengan memeriksa opsi ini:

• Kelancangan
• Haml
• Lebih sedikit

Sebuah pasca-prosesor membersihkan CSS Anda dan mengubahnya menjadi CSS yang sesuai standar untuk memastikan kompatibilitas di seluruh klien email.

Tambahkan Otomatisasi Ke Alur Kerja Email Anda Menggunakan Litmus

Baik Anda membuat template, menggunakan pintasan seperti Cuplikan, Parsial, atau Emmet, atau menggunakan pelari tugas untuk mengkodekan email Anda, Anda dapat menggabungkan semua jenis otomatisasi ke dalam Litmus Builder. Dengan menggunakan Litmus, Anda dapat mempercepat waktu produksi—memungkinkan Anda untuk fokus merancang dan membuat email yang hebat.

Dengarkan webinar otomatisasi email kami, atau ikuti Litmus.

Otomatiskan alur kerja Anda →