Aktualnie na rynku dost\u0119pnych jest wiele program\u00f3w i klient\u00f3w pocztowych. Nale\u017cy pami\u0119ta\u0107, \u017ce ten sam newsletter mo\u017ce by\u0107 wy\u015bwietlany r\u00f3\u017cnie na r\u00f3\u017cnych platformach pocztowych. Dlatego przygotowali\u015bmy kilka wskaz\u00f3wek, kt\u00f3re pomog\u0105 Ci odpowiednio przygotowa\u0107 mailing w formacie HTML. Przestrzeganie tych wytycznych zminimalizuje ryzyko wyst\u0119powania r\u00f3\u017cnic w wy\u015bwietlaniu tego samego newslettera.<\/p>\n
Kod mailingu powinien by\u0107 oparty na strukturze tabel i zgodny ze specyfikacj\u0105 HTML 4.01. Powinien by\u0107 wolny od b\u0142\u0119d\u00f3w i zgodny ze standardem W3C. Unikaj umieszczania JavaScript’u, animacji Flash oraz pozycjonowania (position: absolute i position: relative).<\/p>\n
Je\u015bli u\u017cywasz polskich czcionek lub znak\u00f3w specjalnych, zalecamy kodowanie w standardzie UTF-8 (ewentualnie ISO-8895-2, pami\u0119taj\u0105c, \u017ce to kodowanie ma mniejsz\u0105 bibliotek\u0119 znak\u00f3w). Upewnij si\u0119, \u017ce deklaracja kodowania jest zgodna z u\u017cywanym kodowaniem.<\/p>\n
Rekomendowana szeroko\u015b\u0107 kreacji to 600px. Wi\u0119kszo\u015b\u0107 klient\u00f3w pocztowych posiada tak\u0105 szeroko\u015b\u0107 okna. Wszystkie style nale\u017cy umieszcza\u0107 inline, nie umieszczaj\u0105c ich w sekcji <head><\/strong>. Aby ustawi\u0107 marginesy, mo\u017cesz doda\u0107 puste kom\u00f3rki lub u\u017cy\u0107 stylu padding w kom\u00f3rkach (pami\u0119taj o uwzgl\u0119dnieniu szeroko\u015bci kom\u00f3rki).<\/p>\n Aby pozby\u0107 si\u0119 niepotrzebnych margines\u00f3w i odst\u0119p\u00f3w, dodaj do znacznika tabeli te trzy atrybuty: border=”0″ cellpadding=”0″ cellspacing=”0″<\/strong>. Do wypo\u015brodkowania u\u017cyj atrybutu align=”center”<\/strong>. Je\u015bli chcesz doda\u0107 obramowanie, najlepiej umie\u015bci\u0107 je jako styl kom\u00f3rki, na przyk\u0142ad: style=”border: 1px solid #000000;”<\/strong>. T\u0142o mo\u017cna ustawi\u0107 jako jednolity kolor u\u017cywaj\u0105c atrybutu bgColor=”#ffffff”<\/strong> w kom\u00f3rce.<\/p>\n Grafiki w tle nie s\u0105 wy\u015bwietlane w programie Outlook. Zalecamy umieszczanie grafik w formatach .jpg, .png lub .gif. Aby zach\u0119ci\u0107 u\u017cytkownika do pobrania grafik, nazwy plik\u00f3w graficznych nie powinny zawiera\u0107 spacji, my\u015blnik\u00f3w ani znak\u00f3w specjalnych. D\u0142ugo\u015b\u0107 nazwy pliku grafiki nie powinna przekracza\u0107 35 znak\u00f3w. Warto r\u00f3wnie\u017c umie\u015bci\u0107 tekst alternatywny w znacznikach <img><\/strong>. Aby usun\u0105\u0107 odst\u0119py na poczcie Gmail i WP, dodaj do znacznika atrybuty border=”0″<\/strong> oraz style=”display: block;”<\/strong>.<\/p>\n Najlepiej u\u017cywa\u0107 standardowych font\u00f3w, takich jak Arial i Times New Roman. Zdefiniuj je inline, podaj\u0105c rodzaj, wielko\u015b\u0107 i kolor czcionki, na przyk\u0142ad: <font style=”font-family: Arial, sans-serif; font-size: 10px; color: #000000;”>text<\/font><\/strong>.<\/p>\n Prawid\u0142owa paczka .zip do importu do systemu powinna zawiera\u0107 plik index.html z kodem kreacji, plik index.txt z wersj\u0105 tekstow\u0105 (w tym samym kodowaniu, co index.html) oraz grafiki, do kt\u00f3rych jest odwo\u0142anie w kodzie. Pami\u0119taj o nast\u0119puj\u0105cych zasadach:<\/p>\n Waga gotowej paczki .zip nie powinna przekracza\u0107 100-150 kB.<\/p>\n Przed wys\u0142k\u0105 zalecamy przetestowanie wy\u015bwietlania wiadomo\u015bci w popularnych przegl\u0105darkach (Chrome, Firefox, IE, Edge) oraz na popularnych platformach pocztowych (Gmail, WP, Interia, Onet, O2, Outlook, Thunderbird). Na g\u00f3rze kreacji warto umie\u015bci\u0107 stopk\u0119 do podgl\u0105du www, kt\u00f3ra pozwoli u\u017cytkownikowi, kt\u00f3remu wiadomo\u015b\u0107 wy\u015bwietli si\u0119 niepoprawnie, otworzy\u0107 j\u0105 w przegl\u0105darce. Mo\u017cesz u\u017cy\u0107 linku: <\/strong>Pami\u0119taj r\u00f3wnie\u017c o umieszczeniu stopki w obu wersjach, umo\u017cliwiaj\u0105cej wypisanie si\u0119 z newslettera. Mo\u017cesz doda\u0107 jeden z tych link\u00f3w: <\/p>\n","protected":false},"excerpt":{"rendered":" Aktualnie na rynku dost\u0119pnych jest wiele program\u00f3w i klient\u00f3w pocztowych. Przestrzeganie wytycznych pomo\u017ce Ci odpowiednio przygotowa\u0107 mailing w formacie HTML.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[855],"tags":[77,1152,1384,1385,1386],"class_list":["post-4078","post","type-post","status-publish","format-standard","hentry","category-kampanie-mailowe","tag-mailing","tag-format-html","tag-wytyczne-html","tag-klient-pocztowy","tag-program-pocztowy"],"acf":[],"yoast_head":"\nGrafiki<\/h2>\n
Czcionki<\/h2>\n
Paczka .zip<\/h2>\n
\n
Testowanie i wysy\u0142ka<\/h2>\n
\n<a href=”%www_version%”>link<\/a><\/p>\n
\n<a href=”%remove_link%”>link<\/a> <\/strong>lub <a\u00a0href=”%remove_link2%”>link<\/a><\/strong>, je\u015bli chcesz zbada\u0107 przyczyn\u0119 wypisu.<\/p>\n