Wiele osób zastanawia się jak skonstruować taką templatkę. Jeżeli uważasz że to jest jak z tworzeniem stron html i że należy się trzymać standardów html 4.01 etc to możesz paść na starcie.
Kilka faktów :
- nie przesyłaj js - każdy program pocztowy wywala usuwa etc
- nie przesyłaj linków do filmików np < object > ( filmiki z youtube ) nie działa
- nie twórz head i meta tagow z kluczami to nie jest strona www
- zapomnij o pisaniu skomplikowanych cssów - większość programów pocztowych je albo nadpisuje albo wywala.
Kilka porad :
- stosuj tabelki, łatwo im nadawać color backgroundu i "ładnie" poukładać fotki i etc
- najpierw używaj podstawowych atrybutów w html niż styli ( jest większe prawdopodobieństwo że zadziała )
- nie używaj background-image w css, w 90% przypadków nie zadziała
- pamiętaj kod templatek nie ma być ładny, to templtka ma być!
- stosuj css w tagach
- testuj!! pod gmail, yahoo, hotmail oraz pod outlook ( jest tego kilka wersji np 2003 i 2007 ) zobaczysz że pod każdą będzie co innego się rozjeżdżać i trzeba sprawdzać po kilka razy.
- podpinaj obrazki które zajmują mało miejsca
- pamiętaj że większość klientów pocztowych ma wyłączone obrazki dlatego warto konstruować tak by nawet jak nie ma obrazków to widać co jest ( np przydatny atrybut title )
Reasumując :
Zrobienie templatki to z 4h roboty przetestowanie co najmniej 1 dzień... ciężko jest zrobić templtkę idealną jak chce klient. Dlatego można stosować proste rozwiązania jak zrobienie obrazka i podlinkowanie do niego strony co ma swoje plusy.
Pamiętajmy że też dobrą praktyką jest wysyłanie wiadomości w samej postaci plain texstowej jeżeli robimy htmlową.
Powodzenia :)
Przydatne linki to tworzenia templatek
http://articles.sitepoint.com/article/code-html-email-newsletters
http://www.campaignmonitor.com/blog/post/2867/css-support-in-myspace-mail/
http://www.xavierfrenette.com/articles/css-support-in-webmail/
http://www.email-standards.org/
Brak komentarzy:
Prześlij komentarz