HTML hírlevelet kódolni szerkesztése
Innen: Hogyankell.hu
Figyelem: Nem vagy bejelentkezve. Ha szerkesztesz, az IP-címed nyilvánosan látható lesz a laptörténetben. Ha bejelentkezel vagy regisztrálsz, a szerkesztéseid a felhasználónevedhez lesznek társítva, egyéb hasznos dolgok mellett.
A szerkesztés visszavonható. Kérlek ellenőrizd alább a változásokat, hogy valóban ezt szeretnéd-e tenni, majd kattints a lap mentése gombra a visszavonás véglegesítéséhez.
Aktuális változat | A te változatod | ||
23. sor: | 23. sor: | ||
* Célszerű egy HTML és egy egyszerű szöveges e-mailt is kiküldeni beillesztett képekkel, hogy a hírlevél vagy eDM címzettje választani tudjon, milyen módon tekinti meg. Az egyszerű szöveg ráadásul biztosan működik. | * Célszerű egy HTML és egy egyszerű szöveges e-mailt is kiküldeni beillesztett képekkel, hogy a hírlevél vagy eDM címzettje választani tudjon, milyen módon tekinti meg. Az egyszerű szöveg ráadásul biztosan működik. | ||
* A képeket tároljuk a szerveren, lehetőleg a weboldal képeitől eltérő mappában. Ne töröljük röviddel a kiküldés során, sokan csak hetekkel, hónapokkal később nyitnak meg egy e-mailt. | * A képeket tároljuk a szerveren, lehetőleg a weboldal képeitől eltérő mappában. Ne töröljük röviddel a kiküldés során, sokan csak hetekkel, hónapokkal később nyitnak meg egy e-mailt. | ||
− | * A képeknél mindig adjuk meg az | + | * A képeknél mindig adjuk meg az alt, a height és a width attribútumokat. |
− | * A hivatkozásoknál ( | + | * A hivatkozásoknál (a) használjuk a target=”_blank” attribútumot. |
− | * Ha a | + | * Ha a <p> tagbe zárt szöveg más méretű, mint az <a> tagbe zárt, az <a> tagbe zárt szöveget is tegyük <p> tagbe. |
− | * Használjunk 10px | + | * Használjunk 10px paddinget a sorok esetében, mivel a Google Mail egyébként hajlamos „összenyomni” a középső részt, ahol megjelenik a mail. |
== Amire szükséged lehet == | == Amire szükséged lehet == | ||
34. sor: | 34. sor: | ||
== Figyelmeztetések == | == Figyelmeztetések == | ||
− | * Gyakori probléma, hogy a cellák és a képek elcsúsznak, ha a cella közvetlenül az | + | * Gyakori probléma, hogy a cellák és a képek elcsúsznak, ha a cella közvetlenül az img tag alatt záródik, ezért ilyen esetben közvetlenül az img tag mögé, azzal egy sorba helyezzük. |
* Lehetőleg ne használjunk JavaScriptet. | * Lehetőleg ne használjunk JavaScriptet. | ||
* Az Outlook 2007 nem mutatja meg a háttérképeket. | * Az Outlook 2007 nem mutatja meg a háttérképeket. | ||
* Mivel a spammelők gyakran használnak 1*1 pixeles képeket, kerüljük ezeket, mivel sok e-mail szoftver azonnal levélszemétnek minősíti az e-mailünket. | * Mivel a spammelők gyakran használnak 1*1 pixeles képeket, kerüljük ezeket, mivel sok e-mail szoftver azonnal levélszemétnek minősíti az e-mailünket. | ||
− | * A Google Mail esetében az is fontos hogy a háttérszínt a cellához határozzuk meg | + | * A Google Mail esetében az is fontos hogy a háttérszínt a cellához határozzuk meg bgcolor attribútummal. |
− | * A legtöbb e-mail szoftver nem támogatja a | + | * A legtöbb e-mail szoftver nem támogatja a box-shadowt, a min-width és max-width attribútumot. |
− | * Az asztali Outlook nem támogatja az üres cellákat ( | + | * Az asztali Outlook nem támogatja az üres cellákat (empty-cells). |
* A leggyakoribb e-mail szoftverek css támogatottságáról [http://www.campaignmonitor.com/css/ itt] találtok bővebb információt. | * A leggyakoribb e-mail szoftverek css támogatottságáról [http://www.campaignmonitor.com/css/ itt] találtok bővebb információt. | ||
46. sor: | 46. sor: | ||
* [http://www.sakkom.hu/szolgaltatasaink/marketing-szolgaltatasok/webestanacsadas.html Webes tanácsadás] | * [http://www.sakkom.hu/szolgaltatasaink/marketing-szolgaltatasok/webestanacsadas.html Webes tanácsadás] | ||
− | |||
* [http://www.sitepoint.com/code-html-email-newsletters-3/ How to code HTML Email Newsletters Article] | * [http://www.sitepoint.com/code-html-email-newsletters-3/ How to code HTML Email Newsletters Article] | ||
* [http://www.campaignmonitor.com/css/ Campaign Monitor] | * [http://www.campaignmonitor.com/css/ Campaign Monitor] | ||
− | |||
− | |||
− |