HTML-handtekeningen kunnen uw e-mail opvallend maken. Handtekeningen hebben niet alleen betrekking op het aantrekkelijk maken van uw e-mail; het kan u ook helpen meer te weten over uw klanten. U kunt een eenvoudige en elegante e-mailhandtekening maken zonder codeerkennis die indruk op uw klanten kan maken.
Laten we nu enkele eenvoudige stappen uitvoeren die u helpen bij het maken van e-mailhandtekeningen voor Gmail-ID of een andere e-mailclient.
HTML-handtekeningen inschakelen in Gmail
Voordat we naar e-mailhandtekeningen gaan. het is essentieel om de handtekeningen in te schakelen vanuit uw Gmail-instellingen. Zorg ervoor dat u bent aangemeld bij het Gmail-account om dit te doen. Klik nu op het instellingenpictogram in de rechterbovenhoek en selecteer instellingen. Blader naar beneden om de handtekening te vinden en vink het keuzerondje aan om het in te schakelen.
Hier kunt u de HTML-code kopiëren en plakken om de e-mailhandtekening te genereren. Nu je de handtekening hebt ingeschakeld in Gmail en ons laat zien hoe je er een kunt maken.
HTML-handtekening maken voor e-mails
Handtekeningen kunnen uw digitale visitekaartje zijn, waardoor het oog van de kijker wordt aangetrokken. Er zijn verschillende methoden die u kunt volgen om zonder veel moeite HTML-handtekeningen te maken. Als u de programmeertaal kent, kunt u er een coderen zodat deze er uit ziet zoals u dat wilt. We zijn een HTML-code aan het uitleggen als een demonstratie om het precieze idee van de structuur, standaardafbeeldingsgrootte en andere elementen te krijgen die u moet gebruiken om de gewenste uitvoer te krijgen. Nog een tip is om tabellen te gebruiken om de inhoud van Signature te structureren.
De basisstructuur van HTML-handtekening maken
Deze zelfstudie bestaat uit vijf delen die volgen op het maken van de tabel en het toevoegen van bedrijfslogo, details, sociale media-knoppen en de disclaimerstekst erin. De tabel moet in een div-blok staan, omdat het een goede gewoonte is om je spullen in de tags te houden. Let op: de code werkt zelfs als de tags en niet aanwezig zijn.
Bovendien definiëren we de styling op een in-line manier, omdat we geen optie hebben om een externe stylesheet toe te voegen. De breedte is hier 480 px, dus er is niet veel ruimte voor nodig en lettertypen zijn ingesteld op Arial, omdat alle browsers dit standaard ondersteunen.
Voeg bedrijfslogo toe aan de HTML-handtekening
U kunt uw Headshot-afbeelding toevoegen in plaats van het bedrijfslogo; het hangt af van uw vereiste. Aangezien we een afbeelding moeten toevoegen, moet u deze ergens op internet hosten. Zorg ervoor dat uw afbeelding openbaar beschikbaar is. We gebruiken imgur voor het demonstratiedoeleinden. Ga naar imgur, klik op Nieuw bericht in de linkerbovenhoek. Upload de afbeelding door op de knop Bladeren te klikken. Je kunt Google Drive, Dropbox of elk ander platform dat je geschikt lijkt ook gebruiken.
U kunt de link ' href ' bewerken om de gebruiker naar uw bedrijfswebsite en de link ' src' te brengen om de bronlink toe te voegen van de afbeelding die u op internet hebt gehost.
Details toevoegen in de HTML-handtekening
Volgend deel is om de details zoals Naam, Telefoonnummer, Adres, E-mail aan de handtekening toe te voegen. U kunt ervoor kiezen om een van de dingen toe te voegen of te verwijderen door alleen dat deel van de code te verwijderen, of u kunt zelfs de volgorde van de details wijzigen door de code opnieuw in te delen. We hebben alle details in aanmerking genomen voor het demonstratiedoeleinden. Hier maken we een aparte tabel die zich in de hoofdtabel bevindt en zet alle details in tabelrij als volgt:
Kaivan Doshi Content Creator telefoon: +1 (929) 999-9999 mobiel: +1 (929) 999-9999 email: Adres regel 1 Adres lijn 2 Knoppen voor sociale media in HTML-handtekening
Bovendien kunt u aangepaste sociale pictogrammen naar keuze van IconFinder gebruiken. Er zijn veel gratis pictogrammen om uit te kiezen. U kunt ook een van de premium-pictogrammen aanschaffen als u daar een van wilt. Zoek naar het cijfer en selecteer de grootte van 32 * 32 voor een goede uitstraling. U kunt elke grootte wijzigen volgens de presentatie. Hier hebben we 20 * 20 px-formaat gedefinieerd voor alle sociale pictogrammen. Hier is alles wat u hoeft te veranderen de links naar sociale media-profielen, vervang " # " door uw profiel in href.
Disclaimer in de HTML-handtekening
Professionele zakenreuzen voegen aan het einde van de handtekening altijd een disclaimer toe. Om hetzelfde toe te voegen in jouw volg de onderstaande code.
ADD disclaimer Tekst hier
Voel je vrij om de bovenstaande code te gebruiken en bewerkingen volgens vereist. Nadat u klaar bent met het plaatsen van de code op één plaats, ziet de HTML-handtekening er als volgt uit.
Helaas kun je geen JavaScript-elementen gebruiken om het te stijlen, omdat Gmail JavaScript-inhoud in een e-mail blokkeert. Houd er rekening mee dat complexere CSS-eigenschappen die animaties uitvoeren mogelijk niet werken.
HTML-handtekening in Gmail
Het lastige hier is dat Gmail je geen HTML-editor geeft, je krijgt een rich-text-editor van het WYSIWYG-type (What You See is what you get). Om dit probleem te verhelpen, voert u de HTML-code in elke browser uit. Selecteer alles en kopieer het in het gebied Handtekening van Gmail. Blader naar beneden en klik op Bewaar wijzigingen om wijzigingen effectief te laten plaatsvinden.
Online tools om HTML-handtekening te maken
Voor de mensen die geen tijd hebben om te coderen kan hun handtekening online-tools gebruiken die de structuur voor u kunnen genereren. Sommige van de eenvoudig te gebruiken hulpmiddelen zijn Mail Signatures, MySignature, Signature. De hierboven genoemde tools bieden een zeer gedetailleerd detail en de handtekening kan binnen 5 minuten worden gemaakt. U kunt verschillende sociale knoppen, afbeeldingen, certificeringen en vele andere dingen toevoegen. Er zijn opties om disclaimer-tekst en citaten aan het einde van de handtekening toe te voegen. Nadat u een perfecte handtekening hebt gemaakt, hoeft u deze alleen maar te kopiëren en in de teksteditor te plakken in het gedeelte Handtekening in de Gmail-instellingen. Zorg ervoor dat u de wijzigingen opslaat voordat u afsluit.
Voor het doel van de demonstratie hebben we de gratis maker van e-mailhandtekeningen van Exclaimer gebruikt. Hier kunt u de handtekening aanpassen aan uw interesses. Hiermee kunt u ook de kleurenschema's wijzigen. In de sectie Lay-out kunt u een sjabloonstijl kiezen die het beste bij u past. Onder Details moet u persoonlijke gegevens toevoegen, zoals naam, bedrijfsnaam en website, e-mailadres, telefoonnummer, etc.
Link naar de website: HTML Signature Creator.
U kunt ook de aangepaste disclaimer-tekst toevoegen en u kunt ook het logo van het bedrijf uploaden. Wanneer je klaar bent met het spelen met het Handtekening-gereedschap, ga je naar het onderdeel Installeren en selecteer Markeer Signatuur . Kopieer en plak het ten slotte onder het gedeelte Handtekening in de Gmail-instellingen.
Veel premium services bieden HTML-handtekeningen met een geavanceerder ontwerp en analyse om klanten te volgen. Telkens wanneer iemand op uw sociale knop klikt of naar de website linkt, registreert het de klik en geeft het u een rapport over hoeveel van de mensen geïnteresseerd waren en uw diensten controleerden. Dergelijke verklaringen kunnen een cruciale rol spelen in conversies.
HTML-handtekening maken voor Gmail
E-mailmarketing verdient elk jaar ongeveer 35% aan de verkoop van het product. Het is van essentieel belang om de e-mail correct op te stellen voor betere conversies. Een onderdeel dat de meeste bedrijfsentiteiten missen, is een creatief en toch eenvoudig ontwerp. Het perfect afsluiten van de mail kan een zware klus zijn.
HTML-handtekeningen zijn een manier om mensen meer over de afzender te laten weten en het maakt je ook professioneler. Codeer zelf een handtekening of gebruik een van de genoemde hulpmiddelen om er een te maken. Zorg ervoor dat u een eenvoudig en professioneel ogend ontwerp kiest en houd het kort en subtiel.
