Korespondence jsou důležitou součástí marketingových kampaní. Vytváření e-mailů pro ně je do značné míry připomíná vývoj jednoduchých webových stránek. Zároveň je třeba vzít v úvahu určité důležité rozdíly. Zejména odeslání listů HTML bude účinné, pouze pokud jsou správně formulovány v technickém smyslu a jejich obsah a styl odpovídají vašim cílům. Současně se domníváme, že nespecialista se s tímto úkolem nemůže vyrovnat. Tento článek obsahuje podrobný návod, jak psát a jak odesílat stránku HTML.
Vlastnosti tvorby
Moderní člověk dostane průměrně 5-6 a někdy až 10 e-mailů za den. To znamená, že máte méně než jednu sekundu, abyste upoutali pozornost adresáta dříve, než si přečte takovou korespondenci. V opačném případě budou vaše odesílající stránky HTML zcela neúčinné a prostě ztratíte čas márně. Jednou z nuance, která zvyšuje vaše šance na získání pozornosti potenciálních zákazníků nebo jiných cílových skupin, je vytvoření korespondence přizpůsobené mobilním zařízením. Koneckonců, většina z těch, kteří jsou adresováni poštou, je pravděpodobně používá mnohem častěji než stolní počítače a notebooky. Za tímto účelem, například "citlivý design, mohu snadno přizpůsobit velikosti obrazovky.
Jaká by měla být šablona dopisu
Při přípravě dokumentu, který má být zaslán korespondentům, je třeba dodržovat následující požadavky:
Mělo by být velmi úzké, to znamená, že by nemělo přesáhnout rozsah 500-600 pixelů, což zajistí správné zobrazení textu a jiného obsahu na libovolném zařízení jakéhokoli typu.
Pro veškeré textové informace je nutné použít poměrně velké písmo, protože na zařízeních se systémem iOS bude nepohodlné číst stránku HTML, pokud je velikost písma menší než 13 pixelů.
Prvky, ze kterých lze kliknout, musí být dostatečně velké a izolované od nejbližších vazeb. V takovém případě je může adresát snadno aktivovat od prvního pokusu.
Příprava
Před vytvořením stránky HTML byste měli vytvořit nový adresář na jednom z disků a pojmenovat jej například "Korespondence". Navíc musíte stáhnout a nainstalovat aplikaci Dreamweaver CS3. Tento produkt od společnosti Adobe je jedním z poměrně jednoduchých nástrojů pro návrh webových stránek a je vhodný pro vývoj v tabulkách HTML.
Vytváření a uložení dokumentu
Před psaním textové části dopisu je třeba:
otevřít docela populární designér pro hárky HTML aplikace Dreamweaver CS3 (DW);
vytvoří dokument výběrem typu "Transition HTML 401";
uložte soubor s příponou .html;
Najděte příkaz pro úpravu v horní nabídce.
zrušte zaškrtnutí políčka "Použít CSS namísto tagů HTML".
Krok za krokem
Teď se podíváme, jak vytvořit stránku HTML. Postupujte takto:
Postupné otevření tabulátoru "Insert" a "Table" v nabídce a zobrazení požadovaných parametrů tabulky.Například řetězce - 2 sloupce - 1 šířka - 700 hlavičky - horní. Můžete umístit hranice, nebo to můžete udělat bez nich, což znamená 0.
Vytvořte název listu. Protože list HTML je určen pro větší počet příjemců, příkaz [first_name] se používá k nahrazení požadovaného názvu příjemce.
Ve spodním okně Vlastnosti zobrazují požadované parametry písma, velikosti a barvy textu nadpisu a barvy pozadí.
"Ukončit" z pole titulu. V dolní části obrazovky nastavíte parametry kurzoru "Střed" a "Uprostřed".
Vložte hotový text písmena nebo jej "napište" přímo do programu DW výběrem požadovaného typu a velikosti písma, stejně jako pozice textu na stránce.
Vytváření hypertextových odkazů
Pokusíme se udělat HTML stránku profesionálnější a pokročilejší. Za tímto účelem skryjte hypertextové odkazy v obsahu. Chcete-li to provést, vyberte místo v textu, který jste vybrali jako hypertextový odkaz. V levém rohu v horní části obrazovky byste měli "otevřít" příslušnou ikonu a vložit odkaz do rozevíracího seznamu. Současně nezapomeňte zaškrtnout políčko "_blank" tak, aby se odkazy otevřely v novém okně a cíl po zobrazení neztratil přístup k hlavnímu dopisu.
Vkládání obrázků
Obvykle je vyplněna zpráva HTML s kontaktními informacemi, nejlépe z autorovy fotografie nebo z příslušného tematického obrázku. Můžete jej stáhnout z internetu nebo předem načítat na internetu, jak budete potřebovatAdresa URL obrázku. Nejlepší je to udělat s jednou z bezplatných služeb. Nakreslit hezký konec:
vložený do spodní části dopisu do hlavní tabulky s jinou možnost třech sloupcích na 0 obrazových bodů hranic;
umístěte kurzor na místo, kde chcete vidět obrázek;
v dolním okně "Vnitřní" a "Horní okraj" pro každou sekci si všimněte;
v horní nabídce vyberte kartu Vložit;
Klikněte na "Obrázek" a v rozbalovací nabídce vložíme kopii adresy.
stiskněte dvakrát tlačítko "Ok".
Viz
Nyní, když víte, jak to udělat HTML-dopis, ujistěte se, že příjemce ji uvidí v správným způsobem. Chcete-li to provést, musíte před odesláním přezkoumat svou práci v prohlížeči Dreamweaver CS3. Chcete-li to provést, klikněte na ikonu se zeměkoulí ve středním horním menu. Pokud se namísto písmen na obrazovce objevilo abracadabra, měli byste nastavit autokódování v nastavení prohlížeče.
Kódování
Z části "Projekt" a přejděte do části kódu - "Kód". V okně vyberte a zkopírujte vše, co je přiloženo mezi značky a. Uložit soubor. Potom vložíme kód HTML.
odesílání HTML-e-mailů
Aby se bulletin otevřeno "Smartresponder" (SR). Potom:
vyberte nebo vytvořte nové písmeno vyplněné řádky "Name" a "Sender's Address".
vyplňte řádek "Předmět písmena";
označte kód HTML v levém horním menu;
vložte kód,Kód DW zkopírovaný v programu do velkého pole "Zdroj";
ověřte správnost mapování pomocí nástroje "náhled";
odstranění textové verze dopisu;
otestujte jej na nevyžádanou poštu pomocí tlačítka se stejným názvem vedle tlačítka Odeslat.
Několik populárních šablon
Použití rámce pomáhá výrazně urychlit proces vytváření dopisu a zpřístupnit ho vývojáři, který stále chápe základy tvorby webových dokumentů. Nejoblíbenější šablony jsou:
Cerberus. Tato sada takzvaných odpovědí šablon umožňuje vytvářet e-maily, které se běžně zobrazují jak v mobilní aplikaci Gmail, tak v aplikaci Outlook. Umožňuje používat bloky kódu HTML buď jednotlivě, nebo kombinací.
Inkoust je příprava dopisů, jejichž distribuce je prakticky univerzální a kompatibilní s jakýmikoli zařízeními a klienty.
Opravdu jednoduchá šablona HTML e-mailu. Šablona umožňuje velmi snadno a rychle vytvářet bulletiny. Je pravda, že budou mít velmi jednoduchý návrh v podobě jediného sloupce, v němž bude uvedena výzva k akci.
Vložení hárku HTML
Uvažme nyní trochu jiný úkol. Chcete-li vložit kód HTML do e-mailu, například do gmailu pomocí následujícího příkladu, prohlížeč Google Chrome by měl:
klepnout na tlačítko "F12" nebo zvolit odpovídající řádek příkazů v nabídce;
V okně s kódem aktuální stránky klienta gmail najděte místo, kam chcete stránku HTML vložit, klikněte pravým tlačítkem myši a vyberte možnost Upravit jako HTML.
vložtezkopírovaný kód HTML;
stisknete kombinaci dvou tlačítek «Ctrl» a «Enter».
Pro tentýž účel si můžete stáhnout snadno použitelnou aplikaci Mozilla Thunderbird. Použijte jej k vytvoření dopisu, poté vyberte Vložit, poté HTML a vložte zde kód vašeho mailingového seznamu.
Nástroje
WordPress Plugin e-Newsletter umožňuje profesionální správu e-mailových konferencí a předplatitelů. A oba, oba, jsou prováděny přímo prostřednictvím administračního panelu aplikace WordPress. Tato okolnost poskytuje plnou kontrolu a naprosto svobodnou, která se nemůže zdát. Další jednoduchý nástroj - Neprůstřelné obrázky na pozadí, což je jednoduchý nástroj, který vám umožní získat kód pro obrázek pozadí generovaný písmeny. Díky tomu můžete korespondenci mnohem překrásnější. Chcete-li napsat písmeno, jednoduše zadejte adresu URL požadovaného obrázku na pozadí a jeho barvu zálohování a také tato nastavení platí pro celé tělo listu HTML nebo jsou určeny pouze pro jednu buňku tabulky. V důsledku toho obdržíte hotový kód, který chcete zkopírovat a vložit do šablony.
Nyní víte, jak poslat HTML stránku. Jeho tvorba nepředstavuje zvláštní složitost, obzvláště pokud používáte hotové šablony, ve kterých na webu není žádná nevýhoda. Proto i ti, kteří nemají zvláštní znalosti, mohou tuto úlohu snadno zvládnout.
