E-poçt Marketinqi və AvtomatlaşdırmaMarketinq və satış videoları

HTML E-poçt Dizaynının Çətinliklərini (Və Məyusluqlarını) Anlamaq

Veb səhifələr yaratmaq üçün məzmun idarəetmə sistemini açsanız, bu olduqca sadə bir prosesdir. Müasir veb brauzerləri dəstəkləyir HTML, CSS, və JavaScript ciddi veb standartlarına uyğundur. Və onlar dizaynerlərin narahat olması lazım olan bir neçə brauzerdir. İstisnalar var, əlbəttə… və bəzi sadə həllər və ya bu brauzerlərə xas funksiyalar.

Ümumi standartlara görə, məzmun idarəetmə sistemlərində səhifə qurucularını inkişaf etdirmək sadədir. Brauzerlər HTML5, CSS və JavaScript-ə uyğundur... və tərtibatçılar cihazlara cavab verən və brauzerlər arasında ardıcıl olan veb səhifələr yaratmaq üçün inanılmaz dərəcədə möhkəm həllər qura bilərlər. İyirmi il əvvəl, demək olar ki, hər bir veb-dizayner veb səhifələr hazırlamaq üçün masaüstü proqram təminatından istifadə edirdi. İndi bir veb-dizayner üçün veb səhifə hazırlaması olduqca qeyri-adi haldır – daha tez-tez onlar şablonlar hazırlayır və məzmunu doldurmaq üçün məzmun sistemlərində redaktorlardan istifadə edirlər. Veb sayt redaktorları fantastikdir.

Lakin e-poçt redaktorları çox geridə qalıblar. Budur niyə…

HTML E-poçtlarının Dizaynı Vebsaytdan Daha Mürəkkəbdir

Əgər şirkətiniz gözəl HTML e-poçt dizaynını istəyirsə, proses bir neçə səbəbə görə veb səhifə yaratmaqdan daha mürəkkəbdir:

  • Standartlar yoxdur – HTML e-poçtunu göstərən e-poçt müştəriləri tərəfindən veb standartlarına ciddi riayət olunmur. Demək olar ki, hər bir e-poçt müştərisi və hər bir e-poçt müştərisinin hər versiyası fərqli hərəkət edir. Bəziləri CSS-ə, xarici şriftlərə və müasir HTML-yə hörmət edəcək. Digərləri bəzi daxili üsluba hörmət edir, yalnız şriftlər toplusunu nümayiş etdirir və cədvəllə idarə olunan strukturlardan başqa hər şeyə məhəl qoymur. Heç kimin bu məsələ ilə məşğul olmaması olduqca gülüncdür. Nəticədə, müştərilər və cihazlar arasında ardıcıl olaraq təqdim olunan şablonların dizaynı böyük biznesə çevrilib və olduqca bahalı ola bilər.
  • E-poçt Müştəri Təhlükəsizliyi – Bu yaxınlarda, Apple Mail e-poçta daxil edilməyən HTML e-poçtlarında standart olaraq bütün şəkilləri bloklamaq üçün yeniləndi. Siz ya onlara bir dəfəyə e-poçt yükləməyə icazə verirsiniz, ya da bu ayarı deaktiv etmək üçün parametrləri aktivləşdirməlisiniz. E-poçt müştəri təhlükəsizlik parametrləri ilə yanaşı, korporativ parametrlər də var.
  • İT Təhlükəsizlik – İT komandanız hansı obyektlərin əslində e-poçtda göstərilə biləcəyinə dair ciddi qaydalar toplusunu yerləşdirə bilər. Əgər şəkilləriniz, məsələn, korporativ təhlükəsizlik duvarında ağ siyahıya daxil edilməyən xüsusi bir domendən gəlirsə, şəkillər sadəcə olaraq e-poçtunuzda görünməyəcək. Bəzən biz e-poçtlar hazırlamalı və bütün şəkilləri korporasiyanın serverində yerləşdirməli olurduq ki, onların öz əməkdaşları şəkilləri görə bilsinlər.
  • E-poçt xidmət təminatçıları – Məsələni daha da pisləşdirmək üçün e-poçt qurucuları e-poçt xidməti təminatçılarına (ESPs) problemləri məhdudlaşdırmaq əvəzinə faktiki olaraq təqdim edin. Onların redaktorunu “Gördüyünüz Nə Alırsınız” (WYSIWYG) təbliğ etsələr də, e-poçt dizaynında bunun əksi çox vaxt doğrudur. Siz e-poçtu öz platformasında nəzərdən keçirəcəksiniz və alıcı bütün dizayn problemlərini görəcək. Şirkətlər çox vaxt bilmədən kilidlənmiş redaktorun əvəzinə daha çox funksiyaya malik olduğunu düşünərək zəngin xüsusiyyətlərə malik redaktoru seçirlər. Bunun əksi doğrudur… bütün e-poçt müştəriləri arasında ardıcıl şəkildə göstərilən e-poçtları istəyirsinizsə, nə qədər sadə olsa, bir o qədər yaxşıdır, çünki daha az səhv ola bilər.
  • E-poçt Müştərisinin göstərilməsi – Yüzlərlə e-poçt müştərisi HTML-ni masaüstü kompüterlər, proqramlar, mobil cihazlar və veb-poçt müştəriləri arasında fərqli şəkildə təqdim edir. E-poçt xidmət provayderinizdəki məlahətli mətn redaktorunuz e-poçtunuza başlıq qoymaq üçün parametrə malik olsa da, doldurma, kənarlar, sətir hündürlüyü və şrift ölçüsü hər bir e-poçt müştərisi üçün fərqli ola bilər. Nəticədə, siz HTML-i lal etməli və hər bir elementi fərqli şəkildə kodlamalısınız (aşağıdakı nümunəyə baxın) və tez-tez e-poçt müştərisinə xas olan istisnalara yazmalısınız - e-poçtun ardıcıl şəkildə göstərilməsini təmin etmək. Sadə blok növləri yoxdur, siz otuz il əvvəl veb üçün tikilməyə ekvivalent olan cədvəllə idarə olunan planlar etməlisiniz. Buna görə də hər hansı yeni tərtibat həm inkişaf, həm də çarpaz e-poçt müştəri və cihaz testini tələb edir. Gələnlər qutunuzda gördükləriniz mənim gələnlər qutumda gördüklərimdən tamamilə fərqli ola bilər. Buna görə də render alətləri kimi Acid On E-poçt or Lakmus yeni dizaynlarınızın bütün e-poçt müştəriləri arasında işləməsini təmin etmək lazımdır. Populyar e-poçt müştərilərinin və onların təqdimetmə mühərriklərinin qısa siyahısı:
    • Apple Mail, Mac üçün Outlook, Android Mail və iOS Mail istifadə WebKit.
    • Outlook 2000, 2002 və 2003 istifadə Internet Explorer.
    • Outlook 2007, 2010 və 2013 istifadə Microsoft Word (bəli, Word!).
    • Veb poçt müştəriləri brauzerlərinin müvafiq mühərrikindən istifadə edirlər (məsələn, Safari WebKit-dən, Chrome isə Blink-dən istifadə edir).

Web Vs üçün HTML nümunəsi. E-poçt

İnternetə qarşı e-poçtda dizaynın mürəkkəbliyini göstərən bir nümunə istəyirsinizsə, burada Mailbakery-nin məqaləsindən mükəmməl bir nümunə var. 19 E-poçt və Veb HTML Arasındakı Böyük Fərqlər:

E-poçt HTML

Düyməni düzgün yerləşdirmək və onun e-poçt müştəriləri arasında yaxşı görünməsini təmin etmək üçün lazım olan bütün daxili üslubu özündə birləşdirən bir sıra cədvəllər qurmalıyıq. Dərsləri daxil etmək üçün bu e-poçtun yuxarısında müşayiət olunan stil etiketi də olacaq.

<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>

Veb HTML

Düymə kimi görünən anker teqinin vəziyyətini, düzülməsini, rəngini və ölçüsünü müəyyən etmək üçün sinifləri olan xarici üslub cədvəlindən istifadə edə bilərik.

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

E-poçt dizaynı ilə bağlı problemlərdən necə qaçınmaq olar

Layiqli bir prosesə əməl etməklə e-poçt dizaynı ilə bağlı problemlərin qarşısını almaq olar:

  1. Şablon Testi – Abunəçilərinizin istifadə etdiyi e-poçt müştərilərini başa düşmək və HTML e-poçtunuzun mobil və masaüstü kompüterlərdə tam sınaqdan keçirilməsini təmin etmək hər hansı şablonu yerləşdirməzdən əvvəl vacibdir. Biz e-poçtu hərfi şəkildə Photoshop tərtibatından tərtib edə bilərik... lakin onu dilimləmək və masaya əsaslanan, çarpaz e-poçt müştərisinə bölmək optimal və ardıcıl e-poçt dizaynlarını tətbiq etmək üçün vacibdir.
  2. Daxili Test – Şablonunuz tərtib edildikdən və sınaqdan keçirildikdən sonra nəzərdən keçirmək və təsdiqləmək üçün təşkilat daxilində daxili əsas siyahıya göndərilməlidir. Siz hətta e-poçtun daxildə göstərilməsi ilə bağlı firewall və ya təhlükəsizlik problemlərinin olmadığından əmin olmaq üçün çox məhdud fərdlər toplusu ilə başlamaq istəyə bilərsiniz. Əgər bu, yeni e-poçt xidməti provayderində nümunə yaradırsa, hətta e-poçtunuzu gələnlər qutusuna çatdırmaqla bağlı bəzi filtrləmə və ya bloklama problemləri tapa bilərsiniz.
  3. Şablon versiyası – Şablonunuzun tərtib oluna, düzgün sınaqdan keçirilə və yerləşdirilə bilən yeni versiyası üzərində işləmədən planlarınızı və ya dizaynlarınızı dəyişdirməyin. Bir çox müəssisələr hər kampaniya üçün birdəfəlik dizaynları sevirlər... lakin bu, hər bir e-poçtun hər bir kampaniya üçün tərtib edilməsini, hazırlanmasını və yerləşdirilməsini tələb edir. Bu, daxili e-poçt marketinq prosesinə bir ton vaxt əlavə edir. Və e-poçtunuzdakı hansı elementlərin hansı elementlərin olmadığını başa düşməmək riski daşıyırsınız. Ardıcıllıq sadəcə prosesi asanlaşdıran bir üsul deyil, həm də abunəçilərinizin davranışı üçün vacibdir.
  4. E-poçt Xidməti Provayderi İstisnaları – Faktiki olaraq hər bir e-poçt xidməti təminatçısının e-poçt qurucusunun təqdim etdiyi problemlər ətrafında işləmək üçün bir vasitə var. Şirkətin daxili e-poçt redaktorundan istifadə etməsi və e-poçtunuzun dizaynını pozmaması üçün biz tez-tez hesaba xam CSS əlavə edə bilərik - və ya hətta hər bir e-poçta daxil edilməli olan məzmun blokuna sahib ola bilərik. Əlbəttə ki, bu addımların yerinə yetirilməsini təmin etmək üçün bəzi təlim və prosesə nəzarət tələb edə bilər. Və ya – siz sözün əsl mənasında e-poçt dizaynınızı müştərilər və cihazlar arasında işlədiyi sübut edilmiş bir həlldə inkişaf etdirmək istəyə bilərsiniz, sonra onu yenidən e-poçt xidmət provayderinizə yapışdırın.

E-poçt Dizayn Platformaları

E-poçt xidməti platformaları müştərilərlərarası və cihazlar arası ardıcıl olaraq göstərilən qurucuların yaradılması və saxlanmasında zəif iş gördüyü üçün bir sıra möhtəşəm platformalar bazara çıxdı. Geniş istifadə etdiyimiz biri Stripo.

Stripo təkcə e-poçt qurucusu deyil, həm də asanlıqla idxal edilə bilən 900-dən çox şablondan ibarət kitabxanaya malikdir. E-poçtu tərtib etdikdən sonra siz 60+ ESP-yə və e-poçt müştərilərinə, o cümlədən e-poçt göndərə bilərsiniz Intuit Mailchimp, HubSpot, Yenilik Monitor, Aweber, eSputnik, dünyagörüşüGmail. Bütün Stripo şablonlarının ən yaxşısı e-poçt göstərmə testləri ilə birlikdə gəlir ki, siz onların sınaqdan keçirildiyinə və 40-dan çox e-poçt müştərisi arasında ardıcıl işləməsinə əmin olasınız.

Stripo Redaktor Demosuna daxil olun

Douglas Karr

Douglas Karr CMO-dur OpenINSIGHTS və təsisçisi Martech Zone. Duqlas onlarla uğurlu MarTech startapına kömək edib, Martech-in satınalmalarında və investisiyalarında 5 milyard dollardan çox dəyərində lazımi araşdırmaya kömək edib və şirkətlərə satış və marketinq strategiyalarının həyata keçirilməsində və avtomatlaşdırılmasında kömək etməyə davam edir. Duqlas beynəlxalq səviyyədə tanınan rəqəmsal transformasiya və MarTech eksperti və məruzəçisidir. Douglas həm də Dummie's guide və biznes liderliyi kitabının nəşr edilmiş müəllifidir.

əlaqəli məqalələr

Başa dön düyməsini basın
yaxın

Adblock Aşkarlandı

Martech Zone bu məzmunu heç bir ödəniş etmədən sizə təqdim edə bilir, çünki biz reklam gəlirləri, filial bağlantıları və sponsorluqlar vasitəsilə saytımızdan pul qazanırıq. Saytımıza baxarkən reklam blokerinizi silsəniz çox şad olarıq.