HTML elektron pochta dizaynidagi qiyinchiliklarni (va umidsizliklarni) tushunish

Agar siz veb-sahifalarni yaratish uchun kontentni boshqarish tizimini ochsangiz, bu juda oddiy jarayon. Zamonaviy veb-brauzerlar HTML, CSS va JavaScript-ni qo'llab-quvvatlaydi qattiq veb-standartlar to'plami. Va, albatta, ular dizaynerlar tashvishlanishi kerak bo'lgan bir nechta brauzerlar. Istisnolar bor, albatta… va ba'zi oddiy vaqtinchalik echimlar yoki ushbu brauzerlarga xos funktsiyalar.

Umumiy standartlar tufayli kontentni boshqarish tizimlarida sahifa yaratuvchilarni ishlab chiqish juda oson. Brauzerlar HTML5, CSS va JavaScript-ga mos keladi… va ishlab chiquvchilar qurilmalarga javob beradigan va brauzerlarda mos keladigan veb-sahifalarni yaratish uchun nihoyatda mustahkam yechimlar yaratishi mumkin. Yigirma yil oldin, deyarli har bir veb-dizayner veb-sahifalarni ishlab chiqish uchun ish stoli dasturidan foydalangan. Endi veb-dizayner uchun veb-sahifani ishlab chiqish juda kam uchraydigan holat - ko'pincha ular shablonlarni ishlab chiqadilar va tarkibni to'ldirish uchun kontent tizimlarida muharrirlardan foydalanadilar. Veb-sayt muharrirlari ajoyib.

Ammo elektron pochta muharrirlari juda orqada. Mana nima uchun…

HTML elektron pochtalarini loyihalash veb-saytga qaraganda ancha murakkab

Agar sizning kompaniyangiz chiroyli HTML elektron pochta yaratishni xohlasa, jarayon bir necha sabablarga ko'ra veb-sahifa yaratishdan ko'ra murakkabroqdir:

• Standartlar yo'q - Hech qanday tarmoqqa qat'iy rioya qilish YO'Q Standartlari HTML elektron pochtani ko'rsatadigan elektron pochta mijozlari tomonidan. Aslida, virtual har bir elektron pochta mijozi va har bir elektron pochta mijozining har bir versiyasi boshqacha harakat qiladi. Ba'zilar CSS, tashqi shriftlar va zamonaviy HTMLni hurmat qiladi. Boshqalar esa ba'zi ichki uslublarni hurmat qiladi, faqat shriftlar to'plamini ko'rsatadi va jadvalga asoslangan tuzilmalardan tashqari hamma narsani e'tiborsiz qoldiradi. Hozirda bu masala ustida hech kim ishlamayotgani juda kulgili. Natijada, mijozlar va qurilmalarda doimiy ravishda taqdim etiladigan shablonlarni loyihalash katta biznesga aylandi va juda qimmatga tushishi mumkin.
• Elektron pochta mijozi xavfsizligi – Shu haftada Apple Mail sukut bo‘yicha HTML xatlaridagi elektron pochtaga kiritilmagan barcha rasmlarni bloklash uchun yangilandi. Siz ularga bir vaqtning o'zida elektron pochta xabarini yuklashga ruxsat berasiz yoki bu sozlamani o'chirish uchun sozlamalarni yoqishingiz kerak. Elektron pochta mijozi xavfsizlik sozlamalari bilan bir qatorda korporativ sozlamalar ham mavjud.
• IT xavfsizligi – Sizning IT-guruhingiz elektron pochta orqali qanday obyektlar ko‘rsatilishi mumkinligi haqida qat’iy qoidalar to‘plamini o‘rnatishi mumkin. Agar sizning rasmlaringiz, masalan, korporativ xavfsizlik devorida oq ro'yxatga kiritilmagan ma'lum bir domendan kelgan bo'lsa, rasmlar elektron pochtangizda ko'rinmaydi. Ba'zan biz elektron pochta xabarlarini ishlab chiqishga va barcha rasmlarni korporatsiya serveriga joylashtirishga majbur bo'ldik, shunda ularning xodimlari tasvirlarni ko'rishlari mumkin edi.
• Elektron pochta orqali xizmat ko'rsatuvchi provayderlar – Eng yomoni, elektron pochta ishlab chiqaruvchilari elektron pochta xizmati provayderlariga (ESPs) muammolarni cheklashdan ko'ra haqiqatda joriy etish. Ular o'z muharririni targ'ib esa Siz nima ko'rsangiz, nima olasiz (WYSIWYG), buning aksi ko'pincha elektron pochta dizayni bilan to'g'ri keladi. Siz elektron pochtani o'z platformasida oldindan ko'rasiz, keyin elektron pochtani qabul qiluvchi barcha turdagi dizayn muammolarini ko'radi. Kompaniyalar ko'pincha bilmagan holda blokirovka qilingan muharrir o'rniga birining boshqasidan ko'ra ko'proq funksiyalarga ega ekanligini o'ylab, imkoniyatlarga boy muharrirni tanlashadi. Buning aksi to'g'ri ... agar siz barcha elektron pochta mijozlari bo'ylab doimiy ravishda yuboriladigan elektron pochta xabarlarini istasangiz, qanchalik sodda bo'lsa, shunchalik yaxshi, chunki kamroq xatolik yuz berishi mumkin.
• Elektron pochta mijozini ko'rsatish – Yuzlab elektron pochta mijozlari mavjud bo‘lib, ularning har biri ish stoli, ilovalar, mobil va veb-pochta mijozlarida HTMLni boshqacha ko‘rsatadi. E-pochta xizmati provayderingizdagi ajoyib matn muharriri sizning elektron pochtangizga sarlavha qo'yish sozlamalariga ega bo'lishi mumkin bo'lsa-da, to'ldirish, chetlari, satr balandligi va shrift o'lchami har bir elektron pochta mijozida farq qilishi mumkin. Natijada, siz HTML-ni o'chirib tashlashingiz va har bir elementni boshqacha kodlashingiz kerak (quyidagi misolga qarang) va ko'pincha elektron pochta mijoziga xos bo'lgan istisnolarda yozishingiz kerak - doimiy ravishda elektron pochta xabarini olish uchun. Hech qanday oddiy blok turlari mavjud emas, siz o'ttiz yil oldin veb uchun qurishga teng bo'lgan jadvalga asoslangan tartiblarni bajarishingiz kerak. Shuning uchun har qanday yangi tartib ham ishlab chiqishni, ham elektron pochta mijozi va qurilmani sinovdan o'tkazishni talab qiladi. Pochta qutingizda ko'rgan narsangiz mening pochta qutimda ko'rgan narsalarimdan butunlay boshqacha bo'lishi mumkin. Shuning uchun renderlash vositalari kabi Kislota haqida elektron pochta or lakmus Sizning yangi dizaynlaringiz barcha elektron pochta mijozlarida ishlashini ta'minlash uchun zarurdir. Quyida mashhur elektron pochta mijozlari va ularning renderlash mexanizmlarining qisqacha roʻyxati keltirilgan:
  • Apple Mail, Mac uchun Outlook, Android Mail va iOS Mail-dan foydalanish WebKit.
  • Outlook 2000, 2002 va 2003-dan foydalanish Internet Explorer.
  • Outlook 2007, 2010 va 2013-dan foydalanish Microsoft Word (ha, Word!).
  • Veb-pochta mijozlari o'z brauzerlarining tegishli mexanizmidan foydalanadilar (masalan, Safari WebKit-dan, Chrome esa Blink-dan foydalanadi).

Web va boshqalar uchun HTML misoli. Elektron pochta

Agar siz Internetga nisbatan elektron pochtada dizaynning murakkabligini ko'rsatadigan misolni istasangiz, bu erda Mailbakery maqolasidan mukammal misol. 19 Elektron pochta va Web HTML o'rtasidagi katta farqlar:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td align="left">
         <table border="0" cellspacing="0" cellpadding="0" bgcolor="#43756e">
            <tr>
               <td class="text-button"  style="padding: 5px 20px; color:#ffffff; font-family: 'Oswald', Arial, sans-serif; font-size:14px; line-height:20px; text-align:center; text-transform:uppercase;">
                  <a href="#" target="_blank" class="link-white" style="color:#ffffff; text-decoration:none"><span class="link-white" style="color:#ffffff; text-decoration:none">Find Out More</a>
               </td>
            </tr>
         </table>
      </td>
   </tr>
</table>

<div class="center">
   <a href="#" class="button">Find Out More</a>
</div>

Elektron pochtani loyihalash bilan bog'liq muammolardan qanday qochish kerak

Tegishli jarayonga rioya qilish orqali elektron pochtani loyihalash muammolaridan qochish mumkin:

1. Shablon dizayni – E-pochtangiz dizaynlarida yaratmoqchi bo‘lgan har bir uslubni qamrab oluvchi turli maketlar va kontent bloklari bilan shablonni yarating. Mijozni amalga oshirganimizda, biz har doim uni majburlaymiz kelajak uchun elektron pochtani loyihalash – nafaqat yuborilgan keyingi elektron pochta kampaniyasi. Shunday qilib, biz kerakli vaqtinchalik echimlarni to'liq loyihalashimiz, ishlab chiqishimiz, sinovdan o'tkazishimiz va amalga oshirishimiz mumkin oldin ular birinchi elektron pochta xabarini yuborishadi.
2. Shablon sinovi – Obunachilaringiz foydalanadigan elektron pochta mijozlarini tushunish va sizning HTML elektron pochtangiz mobil va ish stolida to‘liq sinovdan o‘tkazilishini ta’minlash har qanday shablonni o‘rnatishdan oldin juda muhim. Biz tom ma'noda fotoshop tartibidan elektron pochtani loyihalashimiz mumkin... lekin uni jadvalga asoslangan, o'zaro elektron pochta mijoziga bo'lish va kesish optimal va izchil elektron pochta dizaynlarini joylashtirish uchun muhim ahamiyatga ega.
3. Ichki test - Shabloningiz ishlab chiqilgan va sinovdan o'tkazilgandan so'ng, u ko'rib chiqish va tasdiqlash uchun tashkilot ichidagi ichki ro'yxatga yuborilishi kerak. E-pochtani ichki ko'rsatish bilan bog'liq xavfsizlik devori yoki xavfsizlik muammolari yo'qligiga ishonch hosil qilish uchun siz hatto juda cheklangan shaxslar to'plamidan boshlashni xohlashingiz mumkin. Agar bu yangi elektron pochta xizmati provayderida namuna yaratayotgan bo'lsa, siz hatto elektron pochtangizni kirish qutisiga olish bilan bog'liq ba'zi filtrlash yoki bloklash muammolarini topishingiz mumkin.
4. Shablon versiyasini yaratish – Shabloningizning ishlab chiqilishi, to‘g‘ri sinovdan o‘tkazilishi va joylashtirilishi mumkin bo‘lgan yangi versiyasi ustida ishlamasdan turib, o‘z maketlaringizni yoki dizaynlaringizni o‘zgartirmang. Ko'pgina korxonalar har bir kampaniya uchun bir martalik dizaynlarni yaxshi ko'radilar ... lekin bu har bir e-pochtani har bir kampaniya uchun ishlab chiqish, ishlab chiqish va joylashtirishni talab qiladi. Bu ichki elektron pochta marketing jarayoniga bir tonna vaqt qo'shadi. Va, siz elektron pochtangizdagi qaysi elementlarning qaysi elementlarga nisbatan yaxshi ishlashini tushunmaslik xavfi bor. Muvofiqlik nafaqat jarayonni osonlashtirishning bir usuli, balki obunachilaringizning xatti-harakatlari uchun ham muhimdir.
5. Elektron pochta xizmati provayderi istisnolari – Deyarli har bir elektron pochta xizmati provayderi elektron pochta ishlab chiqaruvchisi taqdim etadigan muammolarni hal qilish uchun vositaga ega. Kompaniya o'rnatilgan elektron pochta muharriridan foydalanishi va sizning elektron pochtangiz dizaynini buzmasligi uchun biz tez-tez hisob qaydnomasiga CSS-ni qo'shishimiz yoki hatto har bir elektron pochtaga kiritilishi kerak bo'lgan kontent blokiga ega bo'lishimiz mumkin. Albatta, bu qadamlar bajarilishini ta'minlash uchun o'qitish va jarayonni nazorat qilishni talab qilishi mumkin. Yoki - siz shunchaki mijozlar va qurilmalarda ishlashi isbotlangan yechimda elektron pochta dizayningizni ishlab chiqishni xohlashingiz mumkin, keyin uni elektron pochta xizmati provayderingizga qayta joylashtiring.

Elektron pochta dizayn platformalari

Elektron pochta xizmati platformalari o'zaro mijozlar va qurilmalar o'rtasida doimiy ravishda ishlab chiqarilgan quruvchilarni yaratish va ularga xizmat ko'rsatishda yomon ish qilganligi sababli bozorga bir qator ajoyib platformalar chiqdi. Biz keng qo'llaganimizdan biri Stripo.

Stripo nafaqat elektron pochta yaratuvchisi, balki ular osongina import qilinadigan 900 dan ortiq shablonlardan iborat kutubxonaga ega. Elektron pochtani loyihalashtirganingizdan so'ng, siz 60+ ESP va elektron pochta mijozlariga, shu jumladan elektron pochta xabarlarini yuborishingiz mumkin MailChimp, HubSpot, Kampaniya monitori, AWeber, eSputnik, Outlook va Gmail. Eng yaxshisi, Stripo shablonlari elektron pochtani ko'rsatish testlari bilan birga keladi, shuning uchun siz ularning sinovdan o'tganiga va 40 dan ortiq elektron pochta mijozlarida doimiy ishlashiga ishonch hosil qilishingiz mumkin.

Stripo muharriri demosiga kiring

Oshkora: Men o'zimga havola qilaman marketing bo'yicha konsalting firmasi deyarli har qanday elektron pochta xizmati provayderida etakchi brendlar uchun mijozlar o'rtasidagi elektron pochta xabarlarini ishlab chiqadi va joylashtiradi. Men ham filialiman Stripo va men ushbu maqoladagi havoladan foydalanmoqdaman.