Proč váš podpis vypadá v jedné schránce dokonale a v jiné rozbitě? Logo je obří. Barvy zmizely. Kolega vidí místo názvu vaší firmy surový kód.
HTML e-mailové podpisy používají formátovaný kód k ovládání rozvržení, odkazů a obrázků ve vašem kontaktním bloku. Dávají vám větší kontrolu nad designem než čistý text. Také se v různých e-mailových klientech chovají odlišně, takže je důležité pochopit kompromisy dřív, než se rozhodnete.
Co je HTML e-mailový podpis?
HTML e-mailový podpis je kontaktní blok postavený ze značek, ne z prostých znaků. Může obsahovat vaše logo jako obrázek, stylizovaný text a klikací odkazy na web nebo profily na sítích. Váš e-mailový klient kód uloží a vkládá ho pod každou zprávu.
HTML podpisy se podobají spíš malé webové stránce než napsanému bloku adresy. Tato vizuální vytříbenost podporuje rozpoznatelnost značky, když se spojí s doménou z kapitoly vytvoření e-mailových adres na vaší doméně.
Jak se HTML podpisy liší od čistého textu
Podpisy v čistém textu používají jen zalomení řádků a jednoduché znaky. Každý klient je zobrazí stejně. HTML podpisy přidávají prvky designu, ale podle aplikace čtenáře se mohou vykreslit s jinými mezerami, písmem nebo chybějícími obrázky.
HTML funguje dobře, když potřebujete logo, barvu značky nebo několik odkazových ikon. Čistý text funguje dobře u krátkých interních odpovědí nebo rolí, kde je rychlost důležitější než vzhled. Mnoho týmů drží obě verze ve své šabloně e-mailového podpisu.
Jak postavit HTML e-mailové podpisy, které obstojí
E-mailové klienty nejsou webové prohlížeče. Mnoho běžných webových technik odstraňují nebo ignorují. Držte se jednoduchých, vyzkoušených vzorů.
1. Používejte vložené styly
Barvu a velikost písma nastavte přímo na každém prvku. Externí šablony stylů se často odstraňují. Vložené styly přežijí ve více klientech než CSS založené na třídách.
2. Obrázky hostujte na vlastní doméně
Soubory loga odkazujte ze serveru svého webu, ne z dočasných odkazů nahrání. Obrázky na vaší doméně se načítají spolehlivě a odpovídají signálu důvěry z kapitoly profesionální e-mail a váš web.
3. Držte kód jednoduchý
Vyhněte se tabulkám v tabulkách, vlastním písmům a velkým obrázkům na pozadí. Jedna jednoduchá tabulka s logem a řádky textu pokryje většinu potřeb značky. Otestujte tak, že pošlete zprávu sami sobě a otevřete ji na mobilu.
Kdy zvolit HTML místo čistého textu
HTML zvolte, když pravidla vaší značky vyžadují logo a barvu v každé odchozí zprávě. Čistý text zvolte, když váš tým posílá mnoho krátkých odpovědí nebo když je prioritou doručitelnost a rychlost načtení.
Pokud používáte HTML, vždy zajistěte záložní verzi v čistém textu pro klienty, které formátování odstraňují. Kapitola formátování bloku e-mailového podpisu pokrývá pravidla rozvržení platná pro oba formáty.
Časté dotazy
Potřebuji programátorské znalosti k vytvoření HTML e-mailového podpisu?
Základní HTML podpisy používají jednoduché značky pro odkazy a obrázky, které můžete zkopírovat ze šablony. Pokročilé programování nepotřebujete. WEMASY vám pomáhá hostovat soubory loga na vaší doméně přes Tvůrce webů.
Proč v některých HTML e-mailových podpisech obrázky mizí?
Některé e-mailové klienty obrázky ve výchozím stavu blokují, dokud je čtenář nepovolí. Obrázky hostujte na vlastní doméně a držte malé soubory. Vždy přidejte alternativní text s názvem firmy, aby se při blokování obrázků zobrazil text.
Mohou HTML e-mailové podpisy zpomalit mé zprávy?
Velké obrázky a těžký kód přidávají dobu načítání, zvlášť v mobilních sítích. Soubory loga zkomprimujte a omezte počet odkazovaných obrázků. Lehký blok se odešle rychleji a působí profesionálněji.
Mám HTML kód vložit přímo do e-mailového klienta?
Většina firemních e-mailových klientů má editor podpisu, který přijímá vložený HTML kód nebo vizuální editor. Kód vložte, uložte a pošlete testovací zprávu. V kapitole co je e-mailový klient zjistíte, jak váš nástroj s podpisy zachází.
Jsou HTML e-mailové podpisy bezpečné pro firemní použití?
HTML podpisy jsou bezpečné, když kód ovládáte a obrázky hostujete sami. Nevkládejte podpisy z neznámých zdrojů. Držte se šablon, které váš tým vytváří a interně kontroluje.
Jak souvisejí HTML podpisy s pravidly designu značky?
Použijte stejné logo, barvy a písma z příručky značky. Kapitola osvědčené postupy designu e-mailového podpisu pokrývá vizuální pravidla platná pro HTML i čistý text.