Cara Menyesuaikan Template Pemasaran Email

Hari ini, kita menyelami template, dan cara menggunakannya dengan editor fleksibel Twilio SendGrid, atau menyesuaikan HTML template di pembuat email pilihan Anda. Sementara beberapa pemasar mungkin merasa nyaman merancang dan mengkodekan email yang indah dari awal, bagi kita yang bukan desainer web atau pengembang email, template email menyediakan cara yang ampuh dan hemat waktu untuk membuat email responsif yang indah.

Dalam posting ini, saya akan memandu Anda melalui cara memilih template email yang sudah dibuat sebelumnya dan pilihan desain yang saya buat di sepanjang jalan.

Memilih template pemasaran email

Jika Anda memulai Kampanye Pemasaran, Anda memiliki berbagai opsi template. Tetapi sebelum Anda memilih template, tanyakan pada diri Anda:

Apa tujuan email yang Anda rencanakan untuk dikirim dan tindakan yang Anda inginkan agar dilakukan penerima?

Apakah tindakan ini memerlukan penjelasan dengan banyak teks dan CTA, atau apakah Anda mencoba menampilkan produk Anda secara visual dengan banyak gambar? Perhatikan struktur dan format yang akan bekerja dengan baik dengan konten Anda.

Apakah merek Anda berani dan keras, berkelas dan kuno, modern dan ramping? Sangat membantu untuk menemukan template yang menyerupai merek Anda. Meskipun Anda dapat mengubah gambar, teks, dan warna agar sesuai dengan merek Anda, ada baiknya memiliki template yang selaras dengan gaya yang ingin Anda capai.

Saya memilih template Ingrid and Anders Welcome Series 2 di sebelah kiri ( tersedia untuk diunduh di sini ) karena saya berencana mengirim email promosi dari toko perhiasan.

Sementara warna dan gambar tidak mewakili merek toko perhiasan, tampilan butik sesuai dengan keseluruhan nuansa merek dan beberapa gambar serta bagian salinan berfungsi dengan baik untuk konten yang saya rencanakan untuk dikirim.

Menyesuaikan untuk merek Anda

Inilah pendekatan langkah demi langkah saya untuk beralih dari template di atas ke pratinjau email di sebelah kanan sambil tetap mengingat merek, pesan, dan tindakan yang diinginkan di sepanjang jalan.

Langkah 1: Tajuk

Saya mulai dengan menempatkan logo toko perhiasan di header. Penerima email Anda telah menunjukkan bahwa mereka percaya dan tertarik untuk menjalin hubungan dengan merek Anda. Memastikan bahwa apa yang mereka lihat ketika mereka membuka email Anda adalah hal yang familier dan diharapkan sangat penting untuk menjaga kepercayaan itu.

• • Lebar: Lebar tajuk harus setidaknya 600 piksel agar membentang sepanjang lebar email.
  • Perataan: Sebagian besar perusahaan menyelaraskan tajuk mereka ke kiri atau ke tengah.
  • HTML: Untuk mengubah logo dalam HTML, tukar tautan di atribut img class . Tautan harus ditempatkan di atribut src (lihat di bawah). Jangan lupa untuk menyertakan tanda kutip di sekitar tautan.

Langkah 2: Gambar

Pilih gambar yang berhubungan dengan salinan dan merek Anda. Perhiasan adalah produk visual, jadi saya ingin gambar mengambil lebih banyak email daripada salinannya.

Gambar pertama di email saya berkaitan dengan salinan dan menerima hadiah liburan. Gambar yang menampilkan orang membantu penerima terhubung secara emosional dengan konten. Gambar kedua menyoroti penawaran perhiasan khusus untuk membantu mengarahkan pengunjung ke situs web. Saya menemukan gambar-gambar ini di iStock, tetapi ada banyak sumber lain untuk menemukan gambar-gambar hebat .

Saat menyertakan gambar di email Anda, ingatlah untuk:

• Sertakan teks alternatif: Beberapa ESP menyembunyikan gambar dalam email. Menyertakan teks alternatif membantu penerima memahami ide di balik gambar meskipun mereka tidak dapat melihatnya.
• Tautan gambar: Kami berharap semuanya dapat diklik, termasuk gambar. Dalam email ini, gambar anting-anting berlian, khususnya, perlu diklik untuk deskripsi produk ini di situs web.
• Ukuran gambar: Sama seperti header, pastikan lebar gambar minimal 600 piksel.
• HTML: Mirip dengan gambar logo Anda, cari img class dan atribut src saat mengganti gambar di template. Untuk menyertakan teks alt, tambahkan atribut alt ke img class dan jelaskan gambar Anda. Untuk menambahkan tautan ke gambar Anda, sertakan atribut href di dalam tag img class .

Langkah 3: Font

Kampanye Pemasaran memungkinkan pengguna untuk mengimpor font sehingga Anda tidak perlu mengorbankan standar merek di email Anda. Anda dapat menambahkan font Anda dengan mengedit kepala HTML (ditemukan di bawah "Lanjutan" di navigasi kiri). Berikut adalah petunjuk langkah demi langkah untuk menambahkan font.

Beberapa ESP hanya mendukung beberapa font, jadi sebaiknya pilih font default standar seperti Arial, Times New Roman, atau Verdana. Pilih satu yang paling cocok dengan situs web Anda. Dengan cara ini jika font merek Anda tidak didukung, Anda akan memiliki cadangan yang siap digunakan.

Langkah 4: Salin

Untuk buletin ini, tujuan saya adalah membawa penerima ke situs web baik untuk membuat daftar keinginan atau untuk berbelanja, jadi saya tidak ingin mereka tinggal di email terlalu lama. Inilah mengapa salinan saya pendek dan langsung ke intinya, mengarah langsung ke tombol ajakan bertindak.

• Saat menulis email Anda , lingkari kembali tujuan pesan Anda, dan tanyakan pada diri Anda, tindakan apa yang Anda ingin dilakukan penerima?

Langkah 5: Warna

Sejajarkan email Anda dengan merek Anda dengan menggunakan warna yang mirip dengan situs web Anda. Email Anda tidak harus terlihat persis seperti situs web Anda, tetapi cobalah menarik setidaknya satu atau dua warna ke dalam email Anda untuk mengikat merek Anda. Untuk email ini, saya mengubah warna font menjadi sama dengan situs web dan menyertakan gambar yang memiliki sedikit warna emas agar sesuai dengan logo.

• • Latar belakang email: Jika Anda membaca kotak masuk dengan teliti, Anda akan melihat bahwa sebagian besar email memiliki warna latar belakang putih atau netral, dan, terkadang, hitam. Kami merekomendasikan untuk tetap menggunakan salah satu warna tersebut untuk latar belakang email Anda. Warna-warna cerah atau berani bisa terasa berlebihan dan mengalihkan perhatian penerima Anda dari konten email yang sebenarnya. Di sebelah kanan, adalah warna yang saya gunakan untuk latar belakang dan teks email ini.
  • Footer: Cara yang bagus untuk menyelaraskan email Anda dengan merek Anda adalah dengan menggunakan warna latar belakang footer dan warna font yang sama dengan situs web Anda. Ini membantu menciptakan kesinambungan antara email dan situs web Anda.
  • Tombol CTA: Tombol ini sering kali merupakan elemen paling terang dan paling berani dari email Anda. Mereka harus menarik perhatian dan memotivasi penerima untuk mengambil tindakan.
  • HTML: Untuk mengubah warna latar belakang, batas, atau font dalam HTML, cari warna Hex 6 digit. Anda akan menemukan kode hex dalam elemen dan atribut seperti style , span style , background-color , bgcolor , color , dan border-color . Sepertinya template Anda akan memiliki beberapa atribut untuk warna yang sama agar dapat mengomunikasikan warna tersebut ke semua penyedia email. Pastikan untuk mengubah semua bagian yang mencantumkan warna. Lihat contoh desain dan kode tombol CTA ini.

Langkah 6: Uji!

Setelah Anda menyiapkan email, ujilah dengan mengirimkan pratinjau ke diri Anda sendiri. Berikut adalah beberapa hal yang perlu diperiksa di pratinjau Anda:

• Apakah ini responsif seluler? Tinjau email Anda di desktop dan ponsel untuk memastikan email tersebut responsif seluler.
• Apakah semua tautan berfungsi? Klik semua tautan dan gambar yang ditautkan. Periksa apakah tombol CTA cukup besar untuk diklik dengan jari Anda.
• Apakah merek Anda dapat dikenali? Bandingkan email dan situs web Anda secara berdampingan. Merek Anda harus bersinar melalui email Anda.

Dalam Kampanye Pemasaran, Anda juga dapat menguji A/B berbagai elemen (lihat gambar di bawah), dan melihat apakah tautan teks biasa membantu melibatkan lebih banyak klik daripada tombol CTA berwarna-warni. Ini akan memberi Anda data untuk mencadangkan pilihan desain Anda untuk pengiriman di masa mendatang. Untuk daftar lengkap item untuk ditinjau sebelum mengirim email Anda, lihat Daftar Periksa Pengujian Email Pra-Kirim Anda .

Template bawaan adalah solusi hemat waktu yang hebat bagi kita yang bukan ahli desain dan pengembangan email. Sangat mudah untuk menyesuaikan template ini untuk mencerminkan merek dan pesan perusahaan Anda tanpa perlu masuk ke dalam HTML email.

Untuk lusinan template yang dapat disesuaikan dan responsif, daftar untuk mendapatkan akun Kampanye Pemasaran gratis.