Generator voor e-mailhandtekeningen

Structuur en compatibiliteit van HTML-e-mailhandtekeningen

Een professionele e-mailhandtekening is een belangrijk onderdeel van digitale communicatie. Het zorgt voor een consistente merkuitstraling bij elk verzonden bericht, of het nu gaat om verkoopgesprekken, recruitment of klantenservice. Het technisch ontwerpen van een e-mailhandtekening vereist echter specifieke keuzes om te zorgen dat de lay-out standhoudt in verschillende e-mailprogramma's.

Veel moderne e-mailclients hanteren strikte regels voor het renderen van HTML. Complexe ontwerpen met scripts, externe stylesheets of ingewikkelde formulieren worden vaak geblokkeerd of vervormd door spamfilters en beveiligingsinstellingen. Deze generator gebruikt daarom een minimalistische en robuuste opzet die uitsluitend gebruikmaakt van de HTML-elementen table, tr, td, strong, span en a met inline CSS-stijlen. Scripts, style-blokken, afbeeldingen, formulieren, klassen (class) en event handlers zijn volledig uitgesloten om de compatibiliteit te maximaliseren. De presentatietabel heeft een vaste maximale breedte (max-width:520px) waardoor de handtekening zowel op desktopmonitoren als op mobiele schermen binnen de marges blijft.

Invoergegevens en validatieregels

Bij het opstellen van de handtekening bepaalt de gebruiker zelf welke informatie relevant is. Alleen het veld voor de volledige naam is verplicht; alle overige velden zijn optioneel. Als een optioneel veld leeg wordt gelaten, wordt het bijbehorende element automatisch weggelaten uit de gegenereerde HTML-code.

De generator hanteert strikte limieten en regels voor de invoer om te zorgen dat de handtekening technisch betrouwbaar blijft en binnen de limieten van e-mailprogramma's past:

• Volledige naam: Dit veld is verplicht en mag maximaal 160 tekens bevatten.
• Functie: Dit optionele veld heeft een limiet van maximaal 160 tekens.
• Telefoon: Dit veld mag maximaal 80 tekens bevatten. Om een klikbare link te genereren, dient het nummer te beginnen met een + en een landcode. Dit resulteert in een stabiele tel:-koppeling in de HTML.
• E-mail: Het e-mailadres heeft een limiet van 254 tekens. De generator zet dit om in een percent-encoded mailto:-link.
• Website en Profiellink: Voor beide URL-velden geldt een limiet van 300 tekens per link. Als de protocol-indicator https:// ontbreekt bij de website, voegt het systeem deze automatisch toe. Internationale domeinnamen worden genormaliseerd in de href-attributen en alle gebruikersinvoer en link-attributen worden veilig geëscaped.

De totale gegenereerde HTML-code blijft altijd onder de grens van 10.000 tekens om acceptatie door e-mailservers te garanderen.

Foutmeldingen en statusindicaties

Tijdens het invoeren en genereren controleert de tool de invoer op technische correctheid. De tool verifieert uitsluitend de vorm van de velden, de veiligheid van de links en de opbouw van de HTML; er vindt geen controle plaats op identiteit, toestemming, eigendom of de daadwerkelijke bereikbaarheid van de adressen.

Bij het verwerken van de gegevens kunnen de volgende specifieke meldingen en foutberichten optreden:

• Als de tool klaar is voor invoer, toont deze de status: "Klaar voor de gegevens van je handtekening".
• Wanneer er nog geen gegevens zijn ingevoerd, toont het uitvoerveld de tekst: "Voer je gegevens in en maak een handtekening om de kopieerbare HTML te bekijken".
• Als het verplichte naamveld leeg is, verschijnt de foutmelding: "Voer een volledige naam in.".
• Als de lengte van de naam de limiet overschrijdt, toont de interface: "Houd de volledige naam op maximaal ‹max› tekens.".
• Bij een te lange functietitel verschijnt: "Houd de functie op maximaal ‹max› tekens.".
• Als het telefoonnummer ongeldige tekens bevat, toont het systeem: "Gebruik cijfers, gangbare leestekens voor telefoonnummers en eventueel een toestelnummer.". Bij overschrijding van de lengte verschijnt: "Houd het telefoonnummer op maximaal ‹max› tekens.".
• Bij een onjuiste e-mailindeling verschijnt: "Voer één e-mailadres in een geldige indeling in.". Is het adres te lang, dan toont de tool: "Houd het e-mailadres op maximaal ‹max› tekens.".
• Als een ingevoerde URL ongeldig is, verschijnt: "Voer een geldig website- of profieladres in.".
• Als een link een niet-ondersteund protocol gebruikt, toont de tool: "Gebruik een http://- of https://-link.".
• Indien een URL inloggegevens bevat, verschijnt de waarschuwing: "Verwijder de gebruikersnaam en het wachtwoord uit deze link.".
• Als een link te lang is, verschijnt: "Kort de link in zodat deze veilig in een e-mailhandtekening past.".
• Bij de aanwezigheid van verborgen besturingstekens of regeleinden in een veld verschijnt: "Verwijder besturingstekens of onverwachte regeleinden uit dit veld.".
• Als er actieve fouten in het formulier aanwezig zijn, toont de generator de verzamelmelding: "Corrigeer de gemarkeerde velden voordat je de handtekening maakt.".
• Na een succesvolle generatie verschijnt de status: "E-mailhandtekening gemaakt.".
• Wanneer de gegevens worden gewist via de herstelknop, toont de interface: "Gegevens en voorbeeld van de handtekening gewist.".

Statistieken en weergavecontrole

Na het genereren van de handtekening toont de tool een visueel voorbeeld en de exacte HTML-code in een alleen-lezen tekstgebied. De interface biedt de mogelijkheid om te schakelen tussen twee lay-outvoorbeelden via de optie "Breedte van voorbeeld":

1. Breed: Toont hoe de handtekening oogt op een breed desktopscherm.
2. Smal: Toont de weergave op mobiele apparaten of smalle e-mailvensters.

Daarnaast geeft de generator direct inzicht in de technische omvang van de handtekening met twee statistiekvelden:

• ‹count› HTML-tekens: Geeft de exacte lengte van de gegenereerde HTML-code aan.
• ‹count› klikbare links: Toont het aantal actieve hyperlinks dat in de handtekening is verwerkt.

Privacy en gegevensverwerking

Bij het gebruik van deze online generator is de privacy van persoonlijke gegevens gewaarborgd door de technische architectuur. Alle invoergegevens, contactdetails en de gegenereerde HTML-code worden uitsluitend in de lokale webbrowser van de gebruiker verwerkt. BroBroGo uploadt deze gegevens niet naar externe servers en bewaart ze niet. De verwerking is hierdoor volledig lokaal.

Veelgestelde vragen

Ziet de handtekening er in elke e-mailapp hetzelfde uit?
Nee. De handtekening blijft leesbaar in gangbare e-mailapps, maar Gmail, Outlook, Apple Mail en bedrijfsgateways kunnen de witruimte, lettertypen, kleuren of links aanpassen. Stuur vóór publicatie testberichten vanuit de apps die je gebruikt.

Welke velden zijn verplicht?
Alleen de volledige naam is verplicht. Functie, telefoon, e-mail, website en profiellink zijn optioneel en lege velden worden weggelaten. Gebruik een internationaal nummer dat met + begint als je een klikbare telefoonlink wilt.

Hoe voeg ik de HTML toe aan mijn e-mailapp?
Kopieer de gegenereerde HTML en volg de werkwijze van je e-mailapp voor het toevoegen van een HTML-handtekening. Sommige editors accepteren de weergegeven inhoud in plaats van broncode, dat wil zeggen dat je het visuele voorbeeld kopieert en plakt. Stuur jezelf op desktop en mobiel een test voordat je de handtekening voor ontvangers gebruikt.