Bagaimana untuk Menulis E-mel HTML yang Berfungsi Merentas Semua Pelanggan?

Pertimbangan Utama untuk Menulis E-mel HTML Apabila mereka bentuk e-mel untuk pelanggan seperti Gmail dan Outlook, adalah penting untuk memahami pertimbangan unik yang berbeza daripada pembangunan web. Panduan ini menyerlahkan aspek utama yang perlu diingat:

CSS Sebaris lwn. Teg

Tidak seperti pembangunan web, helaian gaya ( teg) tidak disokong secara universal dalam klien e-mel. Oleh itu, adalah penting untuk menyelaraskan semua sifat CSS ke dalam kod HTML untuk keserasian.

Sokongan CSS

Pelanggan e-mel mempunyai tahap sokongan CSS yang berbeza-beza. Beberapa sifat CSS biasa yang mungkin tidak dipaparkan secara konsisten termasuk bucu bulat, bayang kotak dan kesan tuding. Semak sumber dalam talian untuk panduan sokongan CSS dan "Adakah Ia Berfungsi?" alat untuk mengesahkan keserasian sebelum menggunakan peraturan CSS tertentu.

Reka Bentuk Responsif

Reka bentuk responsif menjadi semakin penting untuk e-mel. Walau bagaimanapun, teknik pertanyaan media tradisional mungkin tidak berfungsi dalam semua pelanggan e-mel. Pertimbangkan untuk menggunakan pendekatan alternatif seperti susun atur bendalir atau blok reka letak yang melaraskan secara dinamik.

Imej Latar Belakang

Imej latar belakang disokong dalam kebanyakan klien e-mel tetapi memerlukan VML (Bahasa Penanda Vektor) keserasian untuk Outlook. Gunakan alatan VML yang disediakan oleh pembekal perkhidmatan seperti Campaign Monitor untuk mencipta keserasian merentas pelanggan bagi imej latar belakang.

Menyelesaikan masalah

Colspans dan Rowspans: HTML pelanggan e-mel mungkin mengendalikan colspans dan rowspans secara berbeza, jadi ujian merentas pelanggan adalah penting.

CSS Bersyarat: Outlook menyokong CSS bersyarat yang boleh digunakan untuk menyasarkan klien e-mel tertentu dan menggunakan gaya sewajarnya.

Hiperpautan Biru: Sesetengah pelanggan e-mel mengharamkan hiperpautan biru. Pertimbangkan untuk menggunakan warna yang berbeza atau menambah warna latar belakang untuk memastikan keterlihatan.

Fon Web: Fon web mungkin tidak selalu dipaparkan dalam klien e-mel. Semak sumber dalam talian untuk fon web yang serasi dan uji dengan teliti sebelum melaksanakan.

Sumber

Untuk panduan lanjut, rujuk sumber berikut:

Kempen Pantau Mailchimp Sitepoint E-mel pada Asid HTML Email Boilerplate