Obsah
Ti, kteří se věnují e -mailovému marketingu, by měli vědět, jak vytvářet e -maily v html.
Uvidíme několik doporučení pro návrh, kódování a doručování e -mailů ve formátu HTML a aby váš zpravodaj vypadal dobře ve většině e -mailových klientů.Odesílání e -mailů z Newsletterů je dobrá forma komunikace mezi editory a čtenáři, ale pokud to děláme také ve formátu HTML, umožní nám to obohatit dokument o vizuální prvky, které učiní e -mail atraktivnější, přímý přístup do jiných míst a my Umožní nám provádět měření při otevírání e -mailů, sledovat a počítat odkazy, které navštívíte, měřit zájmy čtenáře atd.
Odesláním e -mailu ve formátu prostého textu nemůžeme využívat všechny tyto funkce, ale naopak získáváme další výhody, jako je nižší úroveň nevyžádané pošty, a to bez zahrnutí značek HTML, a proto usnadňuje poštovním klientům dokonalou vizualizaci obsahu e -mailu u všech zákazníků.
Kódování HTML pro e-maily vám může způsobit spoustu bolestí hlavy, protože poštovní klienti na počítači i na webu nevyhovují žádnému webovému standardu, špatně interpretují HTML kód a šablony stylů nebo je interpretují po svém. Přidání nebo odebrání kódu na přijatý e -mail, takže design e -mailu, který příjemce obdrží, se může zcela lišit od designu editora, který tento e -mail odeslal.
HTML přes CSSZkuste místo šablon stylů co nejvíce používat značky HTML a jejich vlastnosti, protože mnoho vlastností a selektorů CSS je omezeno webovými klienty.
Použití tabulek pro rozloženíAno, vracíme se ke stolům. Webové standardy říkají, že k rozložení webové stránky by se neměly používat tabulky, ale nejedná se o webovou stránku, ale o e -mail, a je vhodné je použít místopokud chceme, aby se náš Zpravodaj dobře zobrazoval u většiny čtenářů pošty. A je to tak, že poštovní klienti nepodporují mnoho vlastností nezbytných pro návrh s divizemi.
K zobrazení tabulky použijte atributy tabulky a buňky namísto použití vlastností CSS. Přiřaďte například border = "0", valign = "top", align = "left" (nebo center), cellpadding = "0", cellspacing = "0" atd. Díky tomu bude tabulka vypadat dobře ve starých poštovních klientech.
Použijte tabulku jako kontejner pro všechny tabulky a interní prvky (například pro záhlaví, obsah a zápatí).
Pokuste se nevnořit příliš mnoho tabulek a vyhněte se použití vlastnosti „colspan“, protože tato vlastnost není některým klientům pro stolní počítače dobře srozumitelná.
Velikost a rozlišení. Určitě jste zvyklí kódovat webové stránky přibližně v rozlišení 800 × 600 nebo přibližně 1024 × 768, ale pro návrh e -mailů v HTML to nemusí fungovat příliš dobře, protože většina klientů zobrazuje e -maily v jakémsi „panelu náhledu“, který je obvykle součástí celkového dostupného prostoru.
Nejlépe uděláte, když nastavíte šířku asi na 500–600 pixelů nebo uvedete velikost v procentech, což je způsob, jakým to obvykle dělám, aby se přizpůsobil prostoru, který máte k dispozici.
Použití kaskádových stylů (CSS)Použití stylů v dokumentech HTML pro e -mail je omezené a v závislosti na tom, který klient umožní více či méně vlastností. V ideálním případě by styly měly být aplikovány na samotnou značku (vložené styly) spíše než deklarovat třídy v rámci značky Head jako na webové stránce …
Doporučuje se například použít
namísto
.
Pokud používáme obrázky, je lepší použít úplnou cestu k doméně, kde je obrázek hostován.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod
