V urejevalniku izgleda v redu, v nabiralniku pa razpade

E-poštna predloga je edina stvar, ki jo napišete enkrat in jo potem dobi vsaka stranka. Ravno zato je najbolj neprijetna za popravljanje: ko ugotovite, da je nekaj narobe, je sporočilo že odšlo.

Težava je v tem, da se HTML v e-pošti ne obnaša kot HTML na spletni strani. Gmail in Outlook zavržeta del stilov, flexboxa ne podpirata, zunanjega CSS-ja ne naložita. Predloga, ki je v urejevalniku videti natanko tako, kot ste jo zamislili, je v nabiralniku lahko en sam levo poravnan stolpec.

Kje to najdete

V Nastavitvah odprite Obvestila in zavihek z nastavitvami e-pošte. Levo je seznam vaših predlog, desno urejevalnik, pod njim pa vrsta gumbov.

Rdeča oznaka kaže na testno pošiljanje. Posnetki so iz angleškega vmesnika.

Trije gumbi so novi in vsak odgovori na svoje vprašanje:

• Analiza poravnave. Kaj je v predlogi napisano tako, da se bo v e-pošti verjetno podrlo.
• Predogled. Kako je predloga videti, ne da bi karkoli odšlo iz sistema.
• Testno pošiljanje. Kako je videti v pravem nabiralniku, kar je edini zares zanesljiv odgovor.

Predogled zna pokazati tudi najslabši primer

Predogled ima dve možnosti. Prva pokaže predlogo tako, kot jo izriše brskalnik, torej v najlepši obliki. Druga je najslabši možni izris v e-poštnem odjemalcu, kjer je odstranjeno vse, česar odjemalci ne podpirajo zanesljivo. Če je predloga berljiva tudi tam, bo pri vaših strankah zdržala.

Preklop med brskalnikom in najslabšim primerom je v vrhu okna.

Testno pošiljanje s podatki ali brez njih

V oknu za testno pošiljanje najprej izberete, ali naj gre sporočilo s testnimi podatki ali z golo predlogo. Prva možnost pokaže sporočilo tako, kot ga bo videla stranka, druga pusti oznake nespremenjene in je uporabna takrat, ko preverjate samo, ali ste jih pravilno zapisali. Pod izbiro sta polji za pošiljatelja in prejemnika, pod njima pa polja za posamezne oznake iz predloge, ki jih napolnite po svoje.

Levo nastavite pošiljanje, desno sproti vidite, kaj bo odšlo.

Test lahko prejmete samo na svojo domeno

Prejemnik testnega sporočila mora biti na domeni, ki jo imate v MetaKocki registrirano in validirano. Uporabniško ime pred znakom @ je poljubno, domena pa mora biti vaša. Naslovi na brezplačnih predalih, torej Gmail in podobni, ne bodo šli skozi. Katere domene in naslove imate vpisane, vidite v Kontrolnem centru, kjer lahko posebej preverite tudi pošiljatelja in prejemnika.

Puščici kažeta na Kontrolni center in na seznam vpisanih naslovov.

Na eno pošiljanje gre eno sporočilo enemu prejemniku. Testna sporočila se ne obračunajo, zato preverjanje predloge ne stane nič, ne glede na to, kolikokrat jo popravite.

Analiza poravnave pove, kaj bo verjetno razpadlo

Analiza pregleda kodo predloge in našteje mesta, ki v e-pošti niso zanesljiva. Med njimi so:

• Flexbox. Outlook in Gmail ga ne podpirata, zato se vsebina zloži na levo.
• Absolutno pozicioniranje. V e-pošti ne deluje.
• Zunanji CSS. Povezana datoteka s stili se ne naloži, stili morajo biti v sporočilu.
• Stili samo v glavi dokumenta. Gmail in Outlook ju lahko odstranita, s tem pa postavitev in barve.
• Postavitev na blokih namesto na tabelah. Zanesljiva postavitev v e-pošti je še vedno tabelarična.
• Zaobljeni robovi, sence in preoblikovanja. Outlook jih ne izriše, zato mora biti videz sprejemljiv tudi brez njih.

Analiza predloge ne popravi, samo pokaže, kje bo najverjetneje težava. Pri predlogi, ki je bila narejena kot spletna stran in prilepljena v e-pošto, je seznam običajno dolg, in to je koristen podatek, preden sporočilo odide tisočim ljudem.

Kdaj se to najbolj pozna

• Ko postavljate novo predlogo. Prvo sporočilo, ki ga vidite, je vaše, ne strankino.
• Po vsaki spremembi. Zamenjava logotipa ali barve je majhna sprememba, ki zna razmakniti celo postavitev.
• Pri prehodu na MetaKocka Mail. Ko predloge prenesete od prejšnjega ponudnika, je test najhitrejši način, da vidite, ali je vse prišlo skozi.
• Pred sezono. Novembra, ko je naročil za polovico več, gre skozi iste predloge največ sporočil v letu.

Katera sporočila sploh lahko pošiljate strankam, smo popisali v članku o obveščanju strank.

Navodila in dodatne informacije:

MetaKocka podpora · Order Management