Ako vytvoriť e-mail vo formáte HTML: pokyny krok za krokom

Dôležitou súčasťou sú e-mailové zoznamymarketingové kampane. Písanie e-mailov pre nich je veľa ako navrhovanie jednoduchých webových stránok. Zároveň je potrebné zvážiť niekoľko dôležitých rozdielov. Najmä rozposielanie e-mailov vo formáte HTML bude účinné, iba ak sú technicky správne a ich obsah a štýl zodpovedajú vašim účelom. Zároveň existuje názor, že laik sa s touto úlohou nedokáže vyrovnať. Tento článok poskytuje podrobné podrobné pokyny, ako písať a ako posielať e-maily vo formáte HTML.

Funkcie vytvorenia

Moderný človek prijíma v priemere denne5–6 a niekedy až 10 e-mailov. To znamená, že máte iba menej ako sekundu na to, aby ste upútali pozornosť adresáta, kým sa presunie k ďalšej korešpondencii. V opačnom prípade bude vaše zasielanie HTML úplne neúčinné a budete jednoducho strácať čas.

Jedna z nuáns, ktorá zvyšuje vaše šancepritiahnutie pozornosti potenciálnych zákazníkov alebo iného cieľového publika je vytváranie korešpondencie prispôsobenej mobilným zariadeniam. Nakoniec, väčšina z tých, ktorým je určená na prezeranie pošty, ich pravdepodobne používa oveľa častejšie ako stolové počítače a notebooky.

Na tento účel môžete použiť napríklad „responzívny dizajn“, ktorý sa ľahko prispôsobí veľkosti obrazovky.

Aká by mala byť šablóna e-mailu

Pri sadzbe dokumentu určeného na odoslanie korešpondentom by sa mali dodržiavať tieto požiadavky:

• Mal by byť dostatočne úzky, to znamená, že by nemal presiahnuť rozsah veľkosti 500 - 600 pixelov, čo zabezpečí správne zobrazenie textu a iného obsahu na zariadeniach ľubovoľného typu.
• Pre všetky textové informácie musíte použiť dostatočne veľké písmo, pretože na zariadeniach so systémom iOS bude písmeno HTML ťažko čitateľné, ak je veľkosť písma menšia ako 13 pixelov.
• Prvky, na ktoré je možné kliknúť, musia byť dostatočne veľké a izolované od najbližších odkazov. V takom prípade ich môže adresát ľahko aktivovať na prvý pokus.

Príprava

Pred vytvorením e-mailu vo formáte HTML by ste malivytvorte nový priečinok na jednej z jednotiek a pomenujte ho, napríklad Mailing. Musíte si tiež stiahnuť a nainštalovať Dreamweaver CS3. Tento produkt od spoločnosti Adobe je jedným z jednoduchších nástrojov na návrh webových stránok a je vhodný na vývoj poštového zoznamu HTML.

Vytvorte a uložte dokument

Pred napísaním textovej časti listu musíte:

• Otvorte populárny výrobca HTML Dreamweaver CS3 (DW);
• vytvorte dokument, v ktorom ako typ vyberiete „Transitional HTML 4.01“;
• uložte súbor s príponou ".html";
• vyhľadajte príkaz na úpravy v hornom menu;
• zrušte začiarknutie políčka „Použiť CSS namiesto značiek HTML“.

Pokyny krok za krokom

Teraz sa pozrime na to, ako vytvoriť e-mail vo formáte HTML. Pre to:

• Postupne otvárajte karty v ponuke„Vložiť“ a „Tabuľka“ a nastaviť požadované parametre tabuľky. Napríklad riadky - 2, stĺpce - 1, šírka - 700, nadpis - horná časť. Okraje je možné nastaviť, alebo sa bez nich zaobísť zadaním 0.
• Vytvorte záhlavie listu. Pretože e-mail vo formáte HTML je určený pre väčší počet príjemcov, použite operátor [first_name] a nahraďte požadované meno príjemcu.
• V dolnom okne „Vlastnosti“ nastavte požadované parametre pre písmo, veľkosť a farbu textu nadpisu a farbu pozadia.
• „Ukončiť“ z oblasti nadpisu. V dolnej časti obrazovky nastavte parametre kurzora „Stred“ a „Stred“.
• Vložíme hotový text písmena alebo ho „napíšeme“ priamo do programu DW, pričom vyberieme požadovaný typ a veľkosť písma, ako aj umiestnenie textu na stránke.

Vytváranie hypertextových odkazov

Pokúsme sa urobiť e-mail vo formáte HTML viacprofesionálny a pokročilý. Za týmto účelom skryjeme hypertextové odkazy v obsahu. Ak to chcete urobiť, musíte v texte vybrať miesto, ktoré ste vybrali ako hypertextový odkaz. V ľavom rohu v hornej časti obrazovky by ste mali „otvoriť“ príslušnú ikonu a vložiť odkaz do vyskakovacieho okna. V takom prípade nezabudnite začiarknuť políčko „_blank“, aby sa odkaz otvoril v novom okne, a aby adresát po jeho prezeraní nestratil prístup k hlavnému listu.

Ako vkladať obrázky

E-mail vo formáte HTML sa zvyčajne končíkontaktné informácie, najlepšie s fotografiou autora alebo s vhodným tematickým obrázkom. Môže sa stiahnuť z Internetu alebo predbežným nahraním na internet, pretože budete potrebovať adresu URL tohto obrázka. Najlepšie to urobíte pomocou niektorej z bezplatných služieb.

Aby sme zariadili taký pekný koniec:

• vložte do dolnej časti písmena, dovnútra hlavnej tabuľky, ďalší s 3 stĺpcami a parametrom pre hranicu 0 pixelov;
• umiestnite kurzor na miesto tabuľky, kde chcú vidieť obrázok;
• označte v dolnom okne „V strede“ a „Pozdĺž horného okraja“ pre každú časť;
• v hornom menu vyberte kartu „Vložiť“;
• klikneme na nápis „Obrázok“ a do rozbaľovacej ponuky vložíme adresu, ktorú sme skopírovali;
• stlačte dvakrát tlačidlo „Ok“.

vyhliadka

Teraz, keď viete, ako vytvoriť e-mail vo formáte HTML,mali by ste sa ubezpečiť, že adresát to vidí v správnej podobe. Ak to chcete urobiť, musíte pred odoslaním zobraziť ukážku kresby v aplikácii Dreamweaver CS3. Ak to chcete urobiť, musíte kliknúť na ikonu zemegule v hornom strednom menu. Ak sa na obrazovke namiesto písmen objaví gýč, mali by ste v nastaveniach prehliadača nastaviť automatické kódovanie.

Kódovanie

V časti „Projekt“ prejdite na časť s kódom - „Kód“. V okne, ktoré sa otvorí, vyberte a skopírujte všetko medzi značkami <body> a </body>. Uložíme súbor. Ďalej vložte kód HTML.

Posielam e-mail vo formáte HTML

Aby bol bulletin otvorený „Smartresponder“ (SR). Potom:

• vyberte alebo vytvorte nové písmeno vyplnením riadkov „Meno“ a „Adresa odosielateľa“.
• vyplňte riadok „Predmet písmena“;
• označte HTML kód v ľavom hornom menu;
• vložte kód skopírovaný v programe DW-kódu do veľkého poľa "Zdroj";
• skontrolujte správnosť zobrazenia pomocou nástroja „Náhľad“;
• vymazať textovú verziu listu;
• otestujte ho na prítomnosť spamu pomocou rovnomenného tlačidla umiestneného vedľa tlačidla „Odoslať“.

Niekoľko populárnych šablón

Používanie rámca veľmi pomáhaurýchliť proces vytvárania listu a urobiť ho prístupnejším pre vývojára, ktorý sa stále učí základy tvorby webových dokumentov. Najobľúbenejšie šablóny sú:

• Cerberus... Táto sada takzvaných responzívnych šablónumožňuje vytvárať e-maily, ktoré sa normálne zobrazujú v mobilnej aplikácii Gmail aj v Outlooku. Umožňuje vám používať bloky kódu HTML buď jednotlivo, alebo ich zreťazením.
• Atrament Je príprava listov, ktorých zasielanie je takmer univerzálne a kompatibilné s akýmikoľvek zariadeniami a klientmi.
• Naozaj jednoduchá e-mailová šablóna HTML. Šablóna umožňuje veľmi rýchlo a ľahko vytvárať poštové listy. Je pravda, že budú mať mimoriadne jednoduchý dizajn v jednom stĺpci, ktorý obsahuje výzvu na akciu.

Ako vložiť HTML do e-mailu

Uvažujme teraz o trochu inom probléme. Ak chcete vložiť kód HTML do e-mailu, ako je gmail, pomocou prehliadača Google Chrome, ako je to uvedené v nasledujúcom príklade, postupujte takto:

• stlačte tlačidlo "F12" alebo vyberte príslušnú postupnosť príkazov v ponuke;
• v okne, ktoré sa otvorí s kódom aktuálnej stránky klienta Gmail, nájdite miesto, kam by sa malo vložiť písmeno HTML, kliknite pravým tlačidlom myši a vyberte príkaz „Upraviť ako HTML“.
• vložte skopírovaný kód HTML;
• stlačte kombináciu dvoch klávesov „Ctrl“ a „Enter“.

Z rovnakého dôvodu si môžete jednoduchý stiahnuť vpomocou programu Mozilla thunderbird. S jeho pomocou môžete vytvoriť písmeno, potom najprv zvoliť položku „Vložiť“ a potom „HTML“ a vložiť tam svoj poštový kód.

nástroje

Doplnok e-Newsletter WordPress umožňujeprofesionálne spravovať poštu a predplatiteľov. Obidve sa navyše vykonávajú priamo prostredníctvom správcovského panela WordPress. Táto okolnosť poskytuje úplnú kontrolu a je úplne zadarmo, čo je dobrá správa.

Ďalším jednoduchým nástrojom je Bulletproofobrázky na pozadí, čo je jednoduchý nástroj, ktorý umožňuje získať kód na obrázok na pozadí vygenerovaných e-mailov. S jeho pomocou môžete skrášliť svoju korešpondenciu. Ak chcete navrhnúť písmeno, stačí zadať adresu URL obrázka na pozadí, ktorá sa vám páči, a jeho záložnú farbu, ako aj to, či sa tieto parametre majú použiť na celé telo písmena HTML, alebo sú určené iba pre jednu z tabuliek. bunky. Vo výsledku dostanete pripravený kód, ktorý musíte skopírovať a vložiť do svojej šablóny.

Teraz viete, ako poslať e-mail vo formáte HTML.Jeho tvorba nie je nijak zvlášť náročná, zvlášť ak používate hotové šablóny, ktoré na webe nechýbajú. Preto sa s touto úlohou ľahko vyrovnajú aj tí, ktorí nemajú špeciálne vedomosti.