Newsletterul tău arată bine pe calculator. Pe telefon, jumătate e nefolosibil

Trimiți buletinul informativ de toamnă, îl verifici pe monitor și arată exact cum l-ai gândit: două coloane, imaginea în dreapta, butonul frumos aliniat. Apoi îl deschizi pe telefon și butonul stă pe jumătate în afara ecranului, iar textul din coloana a doua a ajuns la patru cuvinte pe rând. Cei mai mulți abonați l-au văzut așa. Elementele care fac un newsletter bun rămân aceleași, doar că jumătate dintre ele nu contează dacă macheta cedează pe ecran mic.

Emailul nu se comportă ca o pagină web. Fiecare aplicație de mail interpretează codul altfel, iar unele ignoră complet regulile moderne de aranjare. De aici vin toate deciziile de mai jos.

O singură coloană, fără excepții

Machetele pe două coloane par o economie de spațiu. Pe telefon devin fie două coloane înghesuite, fie două coloane suprapuse într-o ordine pe care nu o controlezi. Aplicațiile de mail nu se pun de acord asupra a ce coloană merge prima.

Coloana unică rezolvă problema din construcție. Conținutul curge de sus în jos, în ordinea în care l-ai scris, pe orice ecran. Lățimea utilă a machetei se ține între 600 și 640 de pixeli, care e valoarea la care se afișează corect și pe calculator, și pe telefon după redimensionare.

Ce faci când chiar ai nevoie de două coloane

Pentru un tabel de produse sau o listă de servicii, folosește blocuri care se așază unul sub altul pe ecrane înguste. Se obține cu tabele imbricate și lățimi în procente, nu cu machetele moderne de aranjare, pe care unele aplicații de mail nu le înțeleg. Regula practică: dacă nu poți garanta ordinea în care se rearanjează, nu folosi două coloane.

Butoanele și zonele de atingere

Un buton într-un email trebuie să aibă cel puțin 44 pe 44 de pixeli ca zonă atinsă cu degetul, la fel ca pe un site. Sub această valoare oamenii ratează, iar pe email nu au a doua șansă la fel de ușoară ca pe o pagină pe care pot derula înapoi.

Construiește butonul din cod, cu fundal colorat și spațiere interioară, nu ca imagine. Butoanele-imagine dispar complet la abonații care au încărcarea imaginilor blocată, iar aceștia sunt mai mulți decât crezi. Textul de pe buton spune acțiunea, nu invită politicos: Vezi oferta funcționează, Click aici nu spune nimic.

Textul, imaginile și cazul în care nu se încarcă nimic

Pentru corpul mesajului, minimum 16 pixeli. Pentru titluri, între 22 și 28. Fonturile sigure rămân cele instalate implicit pe toate sistemele, pentru că un font descărcat de pe internet nu ajunge în multe aplicații de mail, iar înlocuitorul ales automat poate schimba complet aspectul.

Fiecare imagine primește text alternativ scris ca și cum ar înlocui imaginea, nu ca și cum ar descrie-o tehnic. Deschide-ți propriul email cu imaginile dezactivate. Dacă mesajul nu se înțelege în varianta aceea, ai pus prea multă informație în imagini.

Modul întunecat

Multe aplicații de mail inversează automat culorile în modul întunecat. Un logo negru pe fundal transparent devine invizibil, iar un chenar deschis în jurul unui text închis se transformă într-o pată. Două măsuri simple acoperă majoritatea cazurilor: logo cu contur deschis sau cu fundal propriu, și evitarea textului pus direct pe alb pur, care se inversează cel mai brutal.

Preheaderul, rândul pe care îl uită toată lumea

E textul care apare în lista de mesaje, imediat după subiect. Dacă nu îl setezi, aplicația ia primul text din email, care de obicei e „Dacă nu vedeți acest mesaj corect, apăsați aici”. Un rând irosit exact în locul în care se decide dacă mesajul se deschide sau nu.

Scrie-l ca pe o continuare a subiectului, nu ca pe o repetare a lui. Subiectul spune despre ce e vorba, preheaderul spune de ce merită deschis acum. Are între 40 și 90 de caractere spațiu util, în funcție de aplicație și de dimensiunea ecranului.

Verificarea care durează un sfert de oră

Trimite-ți mesajul de test pe trei adrese: una de Gmail, una de Outlook și una de iCloud sau Yahoo. Deschide-le pe telefon, nu pe calculator. Verifică patru lucruri, în ordinea asta: cum arată în lista de mesaje înainte de deschidere, dacă butonul principal se vede fără derulare, dacă textul se citește fără să apropii imaginea și cum arată totul cu imaginile blocate.

Apoi mai fă ceva ce se sare aproape întotdeauna: apasă efectiv fiecare link din email, de pe telefon. Linkurile rupte dintr-un buletin informativ trimis la trei mii de oameni nu se pot repara după expediere, spre deosebire de o pagină de pe site. Aceeași atenție merge și către partea de livrare în inbox, pentru că un mesaj perfect construit care ajunge în spam nu e citit de nimeni.

Cum te poate ajuta Emblematic

Construim șabloane de email pentru firme din România, testate pe aplicațiile pe care le folosesc efectiv abonații lor, cu variante verificate pentru modul întunecat și pentru cazul în care imaginile nu se încarcă. Șablonul rămâne al tău și îl poți folosi în orice platformă de trimitere.

Dacă vrei ca buletinul tău informativ să arate la fel de bine pe telefon ca pe calculator, echipa Emblematic.ro este disponibilă pentru o consultație fără obligații. Contactează-ne și stabilim împreună pașii următori.