Domovská » Internet » Jak vytvořit a odeslat e-mail Newsletter zdarma

    Jak vytvořit a odeslat e-mail Newsletter zdarma

    Existuje mnoho placených možností, které poskytuje mnoho poskytovatelů e-mailových zpravodajů, ale pokud můžete poslat jeden z vašich Gmail, Yahoo, Hotmail a jiných bezplatných e-mailových účtů, můžete si vyhradit více svého rozpočtu na další položky.

    Pokud hledáte lépe řízené služby zpravodaje s nástroji pro sledování e-mailové kampaně, jděte s placenou službou, ale chcete-li zaslat newsletter několika přátelům, budete tento návod milovat.

    Naučíme vás, jak uložit vlastní šablonu bulletinu jako šablonu HTML a začít je odesílat pomocí kampaně CampaignMonitor.

    Začněte s e-mailovou šablonou ve Photoshopu

    Pokud máte představu o tom, co chcete, aby vaše šablona bulletinu vypadala, můžete začít pracovat s aplikací Photoshop. V opačném případě si můžete stáhnout šablonu z mnoha poskytovatelů bezplatných e-mailových šablon. Neexistuje žádná specifická šířka a výška e-mailové šablony, ale abychom se ujistili, že je kompatibilní a čitelný na všech e-mailech bez přestávek, doporučujeme nastavit šířku na více než 650px. Neexistují však žádná omezení výšek, takže tento parametr je na vás.

    Šablona e-mailu

    Můžete být stejně kreativní, jako se vám líbí s vaší e-mailové šablony, ale mějte na paměti, s více kreativních prvků zahrnuty, bude více práce v krájení každého prvku. Šablona, ​​kterou budeme používat, má pouze několik jednoduchých prvků: záhlaví, fotografii, řádky a text ve prospěch této příručky.

    Výběr fontů

    Můžete určitě použít jakýkoli typ písma k dispozici ve vašem Photoshopu. Pokud ale vytváříte newsletter, je vhodné použít webová písma jako Times New Roman, Arial a Georgia. V opačném případě použijte speciální písma, ale uložte je spíše jako obrázky než jako text.

    Snažte se omezit nutnost ukládat do své šablony příliš mnoho obrázků, protože to bude pouze větší a načítání bude trvat déle.

    1. Vyjměte šablonu e-mailu

    V této příručce budeme používat upravenou verzi bezplatné šablony e-mailu od společnosti CampaignMonitor. Stáhněte si ho zde a postupujte podle tohoto návodu.

    Nyní, když jste připraveni se svou e-mailovou šablonou, otevřete ji pomocí Photoshopu, vyberte Slice Tool a začněte řezat každý prvek šablony.

    V tomto procesu musíte řezat každý jednotlivý prostor, text, řádek a obrázek.

    Při řezu textu se ujistěte, že jste vybrali přesnou velikost, nenechávejte žádné další mezery v textové oblasti. Pro prázdná místa je rozdělte do jednoho velkého řezu, ale oddělte je na čtverce.

    Další nástroj, který potřebujete k použití s ​​Photoshopem je Slice Vyberte nástroj. Tento nástroj slouží k opravě každého jednotlivého řezu ve vaší šabloně. Ujistěte se, že každý řádek je připojen, nenechávejte žádné prázdné místo bez krájení.

    Pomocí nástroje Slice Select Tool můžete zvětšit šablonu a zkontrolovat každý jednotlivý řez. Ujistěte se, že je každý řádek připojen a upevněn.

    Výsledek bude vypadat takto.

    2. Uložit jako šablonu HTML

    Až budete připraveni na krájenou šablonu, přejděte do nabídky Soubor a vyberte možnost Uložit pro web a zařízení.

    Zobrazí se okno s možnostmi ukládání. Nejprve poklepejte na prvek obrázku a pojmenujte jej, abyste mohli snadno rozpoznat soubor obrázku, když je uložen. Klikněte na OK poté, co jste je pojmenovali.

    Dále v pravém horním rohu vyskakovacího okna nastavte typ obrázku jako JPEG z rozbalovací nabídky. Kvalita může být nastavena na 60 nebo 80. Pokud nastavíte kvalitu na 100, kvalita obrazu bude maximální, ale vaše šablona bude těžká.

    Nyní klikněte na Uložit v dolní části okna.

    Objeví se nové vyskakovací okno. Zde vyberte cíl, do kterého chcete soubor uložit, a poté změňte formát na HTML a obrázky a nastavte Plátky na Všechny řezy.

    Další, pod Nastavení rozevírací nabídky vyberte jiný.

    Pod oknem se objeví další vyskakovací okno HTML V části „Formátování“ se ujistěte, že jsou níže uvedené volby; proveďte totéž pro oddíl „Kódování“.

    Teď od HTML rozevírací nabídky vyberte Plátky, a vyberte Slice Output na Generovat tabulku a nastavte sloupce jako následující.

    Teď od Plátky, jít do Ukládání souborů z rozevírací nabídky přejděte do části Optimalizované soubory a zkontrolujte Vložte obrázky do složky a nastavte název složky obrázku. Výchozí složka obrázku bude 'obrazy'. Poté klepněte na tlačítko 'OK'.

    Kliknutím na OK se dostanete zpět do předchozího vyskakovacího okna Uložit.

    Po stisknutí tlačítka Uložit otevřete složku umístění, do které jste soubor uložili, a zobrazí se složka html a obrázky obsahující obrázky, které již byly pro vaši e-mailovou šablonu uloženy..

    Otevřete soubor „.html“ ve svém prohlížeči a uvidíte, že váš newsletter byl nyní převeden do šablony HTML.

    3. Oprava HTML, Změna textového obrázku na webová písma

    Na konci následujících kroků dostanete finalizovanou e-mailovou šablonu ve formátu HTML.

    Všechny prvky v bulletinu HTML jsou uloženy v obrázcích, které obsahují celý text. Nyní je třeba převést textové obrázky na webová písma. Chcete-li to provést, otevřete soubor „.html“ s editorem HTML. V tomto příkladu používám aplikaci Dreamweaver.

    Klikněte na záhlaví a zaškrtněte zvýrazněné HTML.

    HTML bude něco takového;

    Nyní smažte každý zvýrazněný řádek, případně klikněte na obrázek záhlaví a stiskněte klávesu Delete. Po odstranění se zobrazí oblast naplněná výchozí barvou pozadí.

    Nyní se vraťte zpět do Photoshopu, zkontrolujte podrobnosti fontu záhlaví. Musíte získat typ písma, barvu a velikost.

    Jakmile získáte podrobnosti o písmu, zadejte text záhlaví do oblasti záhlaví šablony a také podrobnosti o písmu. V mém příkladu je text HTML záhlaví následující:

    ABC Newsletter

    Výše uvedený řádek HTML obsahuje výraz „styl“. Zde definujete barvu pozadí, rodinu fontů, velikost písma a mezery mezi písmeny. Pokuste se vyplnit textový prostor vhodnou mezerou mezi písmeny a velikostí písma; Ujistěte se, že neporušuje šablonu.

    Nyní je třeba opakovat stejný postup pro každý text ve vaší šabloně. Ujistěte se, že všechny textové obrázky jsou transformovány do webových písem a vyhnete se zbytečným obrazům v HTML.

    Další je volitelný, ale můžete nastavit newsletter na střed, přidat zarovnání do

    sekce.

    Chcete-li zkontrolovat svou poslední šablonu, otevřete soubor „.html“ ve svém prohlížeči;

    Konečnou šablonu si můžete také stáhnout zde.

    4. Posílejte HTML jako newsletter přes Gmail

    Tady je malý trik, který vám umožní poslat e-mail ve formátu HTML přímo z Gmailu. Chcete-li to udělat, musíte skutečně nahrát složku newsletter na váš webový server, ale v případě, že nemáte, můžete si to udělat s Dropbox místo.

    Pomocí veřejné složky Dropbox

    Pokud jste účet Dropbox zaregistrovali před 1. srpnem 2012, můžete postupovat podle níže uvedených kroků.

    1. Zaregistrujte si bezplatný účet u služby Dropbox a poté aplikaci nainstalujte do počítače nebo počítače Mac, abyste mohli přeskočit proces nahrávání přes web. Nechte aplikaci nahrát pro vás.

    2. Vytvořená e-mailová šablona byla uložena do složky. Zkopírujte složku a vložte ji do Veřejnost ve složce Dropbox (Dropbox> Veřejné).

    3. Nyní najděte soubor „.html“ ve složce, klepněte pravým tlačítkem myši a vyberte Kopírovat veřejné propojení.

    4. Jakmile vyberete možnost Kopírovat veřejný odkaz, odkaz se uloží do paměti počítače. Vložte tento odkaz do webového prohlížeče a otevřete jej jako webovou stránku.

    5. Musíte zkopírovat obsah tohoto newsletteru, tak použijte klávesnici a stiskněte Ctrl + A pro výběr všech a pak Crtl + C pro kopírování celého obsahu (pro Mac použijte Cmd + A pro výběr všech a Cmd + C pro kopírování)

    6. Otevřete svůj Gmail, klikněte Komponovat Chcete-li získat prázdný e-mail, klepněte na tlačítko myši do textového pole a poté stisknutím kláves Ctrl + V vložte svůj newsletter do pole obsahu e-mailu. Uživatelé systému Mac mohou stisknout klávesy Cmd + V

    7. Váš zpravodaj se nyní zobrazuje jako obsah e-mailu. Zadejte předmět a e-mailovou adresu a odešlete svůj první e-mailový zpravodaj!

    Použití Site44 App

    Vzhledem k tomu, že služba Dropbox již neposkytuje funkci veřejných složek pro uživatele služby Dropbox, která se zaregistrovala po 1. srpnu 2012, můžete zkusit aplikaci Site44, aplikaci, která mění složky služby Dropbox na webové stránky..

    1. Navštivte stránky Site44 a přihlaste se pomocí služby Dropbox.

    2. Povolit Site44 připojení k vašemu účtu Dropbox. Ve většině případů musíte ověřit svou e-mailovou adresu.

    3. Začněte kliknutím na odkaz „Klikněte na nový web“.

    4. V sekci Použít doménu site44.com zadejte ve složce Dropbox svůj preferovaný název složky a klikněte na tlačítko Vytvořit. V tomto případě používám "mynewsletter"jako název složky. Poté přejděte na podmínky používání a pokračujte.".

    5. Site44 nyní vytvořil nové složky pro web ve vašem Dropboxu.

    6. Zkopírujte složku newsletter.html a obrázky, které jste vytvořili dříve, do složky mynewsletter.site44.com Dropbox.

    7. Otevřete webový prohlížeč a přejděte na adresu http://mynewsletter.site44.com/newsletter.html.

    8. Musíte zkopírovat obsah tohoto newsletteru, tak použijte klávesnici a stiskněte Ctrl + A pro výběr všech a pak Crtl + C pro kopírování celého obsahu (pro Mac použijte Cmd + A pro výběr všech a Cmd + C pro kopírování)

    9. Otevřete svůj Gmail, klikněte Komponovat Chcete-li získat prázdný e-mail, klepněte na tlačítko myši do textového pole a poté stisknutím kláves Ctrl + V vložte svůj newsletter do pole obsahu e-mailu. Uživatelé systému Mac mohou stisknout klávesy Cmd + V

    10. Váš zpravodaj se nyní zobrazuje jako obsah e-mailu. Zadejte předmět a e-mailovou adresu a odešlete svůj první e-mailový zpravodaj!

    Závěr

    Pokud je složka newsletteru HTML stále uložena ve složce Dopbox Public, příjemce bude moci zobrazit váš newsletter správně, ale jakmile odstraníte složku, bude odkaz přerušen a příjemce bude moci zobrazit pouze text. Doufám, že se můžete řídit tímto návodem o tom, jak lze základní bulletin HTML vytvořit pomocí aplikace Photoshop, a poté odeslat ve formátu HTML prostřednictvím služby Gmail. Pokud máte jiné způsoby, sdílejte se se zbytkem našich čtenářů.

    © Savtec
    Užitečné informace a tipy pro vývoj webových aplikací. Programování, webdesign, CSS, HTML, JAVASCRIPT. Nakonfigurujte a znovu nainstalujte Windows. Vytváření webů a aplikací od nuly.