Jak vytvořit podpis HTML v Gmailu?



HTML podpisy mohou učinit vaši poštu zajímavou. Podpisy nejsou jen o tom, aby vaše pošta vypadala atraktivně; může vám také pomoci dozvědět se více o svých zákaznících. Můžete provádět jednoduchý a elegantní podpis e-mailů bez znalosti kódování, které může zapůsobit na vaše klienty.

Pojďme nyní projít několika jednoduchými kroky, které vám pomohou vytvořit podpisy e-mailu pro ID služby Gmail nebo jiného e-mailového klienta.

Povolit podpisy HTML v Gmailu

Než se vydáme na email podpisy. je nezbytné povolit podpisy z nastavení služby Gmail. Chcete-li to provést, ujistěte se, že jste přihlášeni do účtu Gmail. Nyní klikněte na ikonu nastavení v pravém horním rohu a vyberte nastavení. Přejděte dolů a vyhledejte podpis a zaškrtněte přepínač, abyste jej aktivovali.

Zde můžete kopírovat a vkládat HTML kód pro generování e-mailového podpisu. Nyní, když jste povolili podpis na Gmailu a nechte nás vidět, jak jej vytvořit.

Vytvořit podpis HTML pro e-maily

Podpisy mohou být vaše digitální vizitka, která dodává divákovi oko přitažlivosti. Existují různé metody, které můžete použít k vytvoření podpisů HTML bez jakýchkoli potíží. Pokud znáte programovací jazyk, můžete ho kódovat tak, aby vypadal, jak chcete. Vysvětlujeme kód HTML podpisu jako ukázku, abychom získali přesnou představu o struktuře, standardní velikosti obrazu a dalších prvcích, které musíte použít k získání požadovaného výstupu. Ještě jeden tip je použít tabulky ke struktuře obsahu Podpisu.

Vytvoření základní struktury podpisu HTML

Tento tutoriál je v pěti částech, které navazují na vytvoření tabulky a přidávání firemního loga, detailů, tlačítek sociálních médií a textu tohoto prohlášení. Tabulka musí být uvnitř div bloku, protože to je považováno za dobrou praxi, aby se vaše věci uvnitř tagů. Vezměte prosím na vědomí, že kód funguje i v případě, že tyto značky nejsou.

Dále definujeme styling in-line způsobem, protože nemáme možnost přidat externí šablonu stylů. Zde je šířka 480px, takže nebere spoustu místa a písma jsou nastavena na Arial, protože všechny prohlížeče standardně podporují.

Přidejte logo společnosti do podpisu HTML

Namísto loga společnosti můžete přidat obrázek Headshot; záleží na vašem požadavku. Vzhledem k tomu, že je třeba přidat obrázek, musíte ho hostit někde na internetu. Zkontrolujte, zda je obrázek veřejně dostupný. Pro demonstrační účely používáme imgur. Přejděte na imgur, klikněte na Nový příspěvek v levém horním rohu. Nahrajte obrázek kliknutím na tlačítko Procházet . Alternativně můžete také použít Disk Google, Dropbox nebo jinou platformu, kterou považujete za vhodnou.

Odkaz „ href “ můžete upravit tak, aby se uživatel dostal na webovou stránku vaší společnosti a odkaz „ src“ přidal zdrojový odkaz obrázku, který jste hostovali na webu.

Přidat podrobnosti do podpisu HTML

Další částí je přidání údajů jako Jméno, Telefonní číslo, Adresa, E-mail k Podpisu. Můžete se rozhodnout přidat nebo odebrat některou z věcí pouhým smazáním té části kódu, nebo dokonce můžete změnit pořadí detailů přeskupením kódu. Všechny podrobnosti jsme vzali v úvahu pro účely demonstrace. Zde vytvoříme samostatnou tabulku, která je uvnitř hlavní tabulky a umístí všechny údaje do řádku tabulky následovně:

Tlačítka sociálních médií v podpisu HTML

Kromě toho můžete použít ikonky přizpůsobené podle vaší volby z IconFinder. Existuje mnoho volných ikon na výběr. Můžete si také zakoupit některou z prémiových ikon, pokud se vám některá z nich líbí. Vyhledejte obrázek a vyberte velikost 32 * 32 pro správný vzhled. Můžete změnit libovolnou velikost podle prezentace. Zde jsme definovali velikost 20 * 20 px pro všechny sociální ikony. Zde je vše, co potřebujete změnit, jsou odkazy na profil sociálních médií, nahradit „ # “ vaším profilem in href.

Kaivan Doshi
Tvůrce obsahu
telefon: +1 (929) 999-9999
mobilní: +1 (929) 999-9999
email:
1. řádek adresy
2. řádek adresy

Zřeknutí se odpovědnosti v podpisu HTML

Profesionální obchodní giganti vždy přidávají na konci podpisu text s vyloučením odpovědnosti. Chcete-li přidat to samé, postupujte podle níže uvedeného kódu.

 ADD disclaimer Text Zde

Použijte výše uvedený kód a proveďte úpravy podle požadavků. Po dokončení umístění kódu na jedno místo bude podpis HTML vypadat takto.

Bohužel, nemůžete použít žádné prvky JavaScriptu, abyste je vytvořili, protože Gmail blokuje jakýkoli obsah JavaScriptu uvnitř e-mailu. Upozorňujeme, že složitější vlastnosti CSS, které animace nemusí fungovat.

Podpis HTML v Gmailu

Nejtěžší částí je, že Gmail vám neposkytuje HTML editor, dostanete textový editor WYSIWYG (What You See Is What You Get). Chcete-li tento problém vyřešit, stačí spustit HTML kód v libovolném prohlížeči. Vyberte vše a zkopírujte jej do oblasti Podpis služby Gmail. Přejděte dolů a klepněte na tlačítko Uložit změny, aby se změny projevily efektivně.

Nástroje online k vytvoření podpisu HTML

Pro lidi, kteří nemají čas na kód jejich podpis může použít online nástroje, které mohou generovat strukturu pro vás. Některé z snadno použitelných nástrojů jsou podpisy pošty, MySignature, podpis. Výše uvedené nástroje nabízejí velmi podrobné úpravy a podpis lze provést do 5 minut. Můžete přidat různá sociální tlačítka, obrázky, certifikace a mnoho dalších věcí. Na konci Podpisu jsou možnosti přidání textu odmítnutí a citací. Poté, co vytvoříte dokonalý podpis, vše, co musíte udělat, je zkopírovat a vložit stejný text do textového editoru v části Podpis v nastavení Gmailu. Ujistěte se, že jste změny uložili před ukončením.

Pro účely demonstrace jsme použili tvůrce bezplatného e-mailového podpisu Exclaimera. Zde můžete přizpůsobit podpis podle svých zájmů. Umožňuje také měnit barevná schémata. V sekci Rozvržení můžete vybrat styl šablony, který vám nejlépe vyhovuje. V části Podrobnosti je třeba přidat osobní údaje, jako je jméno, název společnosti a webové stránky, e-mailová adresa, telefonní číslo atd.

Odkaz na webovou stránku: HTML Signature Creator.

Můžete také přidat vlastní text Disclaimer a také vám umožní nahrát logo společnosti. Až budete hrát s nástrojem Podpis, přejděte do části Instalace a vyberte Zvýraznit podpis . Nakonec je zkopírujte a vložte do sekce Podpis v nastavení služby Gmail.

Mnoho prémiových služeb poskytuje HTML podpisy s propracovanějším designem a analýzami pro sledování zákazníků. Kdykoli osoba klikne na vaše sociální tlačítko nebo odkaz na webové stránky, které registruje, klikne a dá vám zprávu o tom, kolik lidí se zajímalo o vaše služby. Tato prohlášení mohou hrát zásadní roli v konverzích.

Vytvořit podpis HTML pro Gmail

E-mailový marketing přebírá každoročně úvěr ve výši přibližně 35% na prodej výrobků. Je důležité, aby byl mail správně zpracován, aby se dosáhlo lepší konverze. Jednou z částí, na které většina podnikatelských subjektů chybí, je kreativní a zároveň jednoduchý design. Ukončení pošty bezchybně může být těžká práce.

HTML podpisy je způsob, jak dát lidem více informací o odesílateli, a to také dělá vypadat profesionálněji. Kódujte svůj podpis nebo použijte některý z uvedených nástrojů k jeho vytvoření. Nezapomeňte si vybrat jednoduchý a profesionálně vypadající design a udržet ho krátký, jemný.

Předchozí Článek

7 Nejlepší SSD pro notebooky na upgrade systému Windows

7 Nejlepší SSD pro notebooky na upgrade systému Windows

Upgrade SSD může přivést váš notebook zpět do života. SSD dokáže číst a zapisovat rychleji než HDD, peníze utratí za upgrade SSD Laptopu. SSD může nabídnout vysoký výkon a životnost baterie notebooku Windows. Nové Windows 10 Notebooky již přicházejí s SSD; můžete upgradovat své staré notebooky z HDD na SSD. Pokud stále přenášíte notebo...

Následující Článek

Jak změnit výchozí umístění Skydrive v systému Windows 8.1

Jak změnit výchozí umístění Skydrive v systému Windows 8.1

SkyDrive je hluboce integrován do operačního systému MicroSoft od Windows 8 a dále. SkyDrive je součástí vašeho pevného disku, kde můžete ukládat dokumenty, fotografie, videa a dokonce i nastavení do tohoto úložiště cloudu. Ve Windows 8 je většina souborů uložena ve SkyDrive. Aktualizace: Společnost Microsoft přejmenovala aplikaci SkyDrive na aplikaci OneDrive s mnoha novými funkcemi a tato funkce nemusí být nyní k dispozici. Zde uvidíme, jak přesunout...