Handtekening HTML-sjablonen

Bewerkbare handtekening HTML-sjablonen voor e-mailclients

Een HTML-handtekeningsjabloon is een blok markup dat u opent, bewerkt en in de handtekeninginstellingen van een e-mailprogramma plakt. Tekstvelden, afbeeldingsverwijzingen en links zijn allemaal expliciet in de code opgenomen, zodat elk onderdeel van het blok gescheiden en vervangbaar blijft.

Hoe kant-en-klare markup-blokken zijn opgebouwd

Vrijwel elke kant-en-klare handtekening is opgebouwd met een tabel. Rijen en cellen houden de naam, het logo en de contactregels op vaste posities, en dat raster doorstaat de overgang tussen e-mailapps beter dan zwevende (floated) elementen. De opmaak wordt inline toegepast, direct op de elementen zelf geschreven, omdat het blok in het bericht van iemand anders wordt geplakt.

Open het bestand voordat u ermee aan de slag gaat en controleer een aantal zaken:

• Of elk tekstveld in een eigen cel staat
• Of afbeeldingsbronnen volledige webadressen gebruiken in plaats van lokale bestandsnamen
• Of er breedtes zijn ingesteld voor de afbeeldingen en de tabel
• Of contactgegevens zijn opgemaakt als mailto- en tel-links

Logo's en portretfoto's hebben een permanent adres nodig, want een bestand dat vanaf een bureaublad wordt versleept, verschijnt alleen bij uzelf en ontbreekt bij ieder ander. Het invullen van alt-tekst is belangrijk, omdat veel mail-apps afbeeldingen tegenhouden totdat de lezer toestemming geeft om ze weer te geven.

Waarom elke e-mailclient een testverzending verdient

De ondersteuning voor markup verschilt per e-mailprogramma, en aan de code alleen kunt u niet zien in welke mate. Outlook rendert berichten met zijn eigen engine, Gmail is strenger in wat het behoudt, en een mobiele app kan breedtes opnieuw berekenen. De enige betrouwbare controle is een echt testbericht.

Stuur de handtekening naar twee of drie adressen bij verschillende diensten en open er één op een telefoon. Controleer of de tabel zijn kolommen behoudt, of het logo op het gewenste formaat laadt en of lange linkteksten niet rommelig afbreken. In Nicepage tonen de Responsive Modes een smalle weergave voordat de markup de editor verlaat.

Velden aanpassen vóór de installatie

Het bewerken gebeurt in een vaste volgorde. Vervang de tijdelijke naam en functietitel, verwijs met de afbeeldingstags naar uw eigen logo en werk daarna de links bij. Tekst- en afbeeldingsbronnen kunt u veilig zelf aanpassen, terwijl u cellen, ingestelde breedtes en geneste structuren het beste ongemoeid laat, tenzij u opnieuw gaat testen.

Installatie betekent dat u de voltooide code in de handtekeninginstellingen plakt. Sommige services accepteren rechtstreeks markup, terwijl andere een gerenderde versie vereisen die vanuit een browservenster is gekopieerd; daarom kan hetzelfde sjabloon zich bij twee accounts anders gedragen. Vergelijk opties op basis van hoe weinig code u hoeft aan te passen, hoe goed links en afbeeldingen een doorsturing overleven en hoe eenvoudig het blok te installeren is.