Tim van Iersel

Development, SEO & Affiliate marketing

Handtekening met logo in Windows Live Mail

Een handtekening onder een e-mail met het logo van je bedrijf erin? Een email handtekening bevat ongeveer dezelfde gegevens als op een visitekaartje. Hieronder heb ik een handleiding geschreven voor het invoegen van een handtekening met logo in Windows Live Mail. De gebruikte html-opmaak kan ook gebruikt worden in andere email-programma’s.

Een handtekening toevoegen in Windows Live Mail

Ga naar het menu icoon en ga met je muis over het vlak opties, waarna er een subnavigatie menu komt te staan waar je op “Mail…” moet klikken voor de instellingen van jouw mail.

menu mail instellingen

Selecteer daarna het tabblad handtekeningen

nieuwe handtekening toevoegen

Hier kun je een nieuwe handtekening toevoegen en kun je kiezen voor alleen tekst of een bestand waar jouw email handtekening instaat.

Bij standaard tekst zou je alleen tekst zonder opmaak kunnen invoeren, bij een bestand zou je ook vormgeving kunnen toevoegen door middel van HTML en CSS opmaak.

Handtekening met HTML

html email tekst

De tekst van jouw handtekening moet je opslaan in een .txt bestandje met daarin de HTML. Dit kan gewoon in het programma Kladblok. Hieronder heb ik een voorbeeld code gemaakt als voorbeeld.

met vriendelijke groet,<br><br>

Tim van Iersel<br>
Maken Media<br>
06 12 34 56 78<br>
<a href="http://www.makenmedia.nl">www.makenmedia.nl</a>
<br><br>
<a href="http://www.makenmedia.nl">
<img src="http://makenmedia.nl/wp-content/themes/makenmedia/images/makenmedia-logo.png" style="border:none;" /></a>

Het logo of de afbeelding online hebben staan

De afbeelding moet echter wel online staan. Deze afbeelding kun je van jouw website hosting in laten laden of van een afbeeldingen hosting website op het internet.

Voor de URL van de afbeelding van het logo of afbeelding kun je met de rechtermuisknop op jouw eigen logo klikken als deze geopend is in de browser en op afbeelding weergeven klikken en daarna de URL in de browser balk kopiëren.

Als je het .txt bestand hebt opgeslagen op je computer kun je in het handtekening scherm van jouw mail programma linken naar het .txt bestand. Bevestig daarna jouw handtekening en je kunt gebruik maken van jou eigen email handtekening met logo.

Hier is mijn eindresultaat:

email met afbeelding handtekening

E-mail adres toevoegen

Ook een email adres toevoegen? Voeg de volgende regel toe aan jouw handtekening! Wanneer de ontvanger op het mail adres klikt opent er automatisch een email scherm met het mail adres ingevuld bij ontvanger.

<a href="mailto:info@makenmedia.nl">info@makenmedia.nl</a>

Telefoon nummer toevoegen

Steeds meer mensen lezen mailtjes op een mobieltje, wanneer je de volgende code in je mail zet hoeft de ontvanger enkel op het nummer te klikken om naar u te bellen!

<a href="tel:0612345678">06 12 34 56 78</a>

Vergeet niet het nummer aan te passen

53 Comments

    • Dank je Tim, heb me suf gezocht maar ik was niet zo ver gekomen om op ‘mail’ verder te klikken.
      Ik ga het meteen proberen!

      Met groet,

      Tanja

  1. Hoi Tim,

    Bedankt voor je info. Ik snap echt niet waarom MS dit niet wat eenvoudiger maakt.

    Groet Freek

  2. Het werkt, fantastisch , het was even puzzelen maar t is gelukt.

  3. Beste Tim,

    Dank je wel voor de uitleg, enorm handig!
    Ik krijg alles voor elkaar (enters, een website waar je op kan klikken) behalve een afbeelding in mijn handtekening. Ik wil graag nog een logo en een kerstafbeelding. Kan je mij helpen?

    Groet Annet

    • Hallo Annet,

      Voor de afbeeldingen kan ik je alleen als tip geven zorg dat de code volledig klopt zoals in het voorbeeld. Check daarnaast of de URL waar de afbeelding online staat klopt.

      Ik hoop dat het je alsnog lukt om de afbeelding in de handtekening voor elkaar te krijgen.

      Groeten, Tim

  4. Tim bedankt het werkt perfect dit is de oplossing die ik zocht zonder over te hoeven stappen naar outlook

  5. Beste Tim,

    Ik was al een hele tijd op zoek naar een goede uitleg hoe je een bedrijfslogo in je handtekening krijgt. Dankzij jouw uitleg is me dat nu gelukt. Mijn handtekening ziet er echt een stuk professioneler uit! Dank je wel voor dit leuke kerstcadeautje ☺

  6. Het HTML bestand werkt perfect.

    ik loop nog wel tegen een probleempje aan.
    ik beheer meerdere mailadressen. nu wil ik voor 1 van deze een afwijkende handtekening invoeren. bij geavanceerd vink ik het betreffende account aan.
    echter komt bij dit account nog steeds de standaard handtekening te staan.

    • Hallo Loes,

      Als je meerdere handtekeningen hebt toegevoegd kun je deze als het goed is koppelen aan een e-mail adres. Hoe dit exact moet weet ik 1,2,3 niet te vertellen omdat ik zelf het programma niet meer gebruik.

      Groeten,

      Tim

      • volgens Microsoft moet het via geavanceerd werken maar dat doet het dus niet.

        welk programma gebruik je nu? Outlook bevalt me niet (te druk venster)…

  7. Bedankt Tim!

    Dit werkt gewoon… nu nog een film kunnen toevoegen en we hebben alles.

    Groetjes,

    Carolien

    • Dat zou helemaal top zijn natuurlijk! Helaas kunnen filmpjes (nog) niet 🙁

      Je zou wel een afbeelding van een filmpje in je mail handtekening kunnen plaatsen die doorverwijst naar een filmpje op bijvoorbeeld Youtube.

      Groetjes,

      Tim

  8. Beste tim,

    Weet je ook hoe je het lettertype kleiner kan maken? En hoe je gekleurde letters kan gebruiken?

  9. Hai Tim!

    Wat handig je uitleg! maakt het een stuk makkelijker:) alleen vroeg ik me nog een ding af. Als ik een logo upload vanaf het web, kan ik dan ook de afmeting van het logo in de handtekening aanpassen?

    Groet,
    Lauri

    • Hallo Lauri,

      Afbeeldingen kunnen een formaat krijgen door aan de code van een afbeelding

      width="200" toe te voegen. Het getal hiervan moet dan natuurlijk de gewenste breedte krijgen. Het getal staat voor het aantal pixels dat de afbeelding breed is.

      Groetjes,

      Tim

  10. Hoi Tim,

    Bedankt voor deze duidelijke uitleg.
    Het is mij eindelijk goed gelukt.
    Badankt!!!

  11. Super deze uitleg Tim,
    Thanx!!

  12. Ha Tim,
    Dank je voor de heldere uitleg. Alles is gelukt.

  13. Beste Tim,

    Bedankt voor de heldere uitleg. Het werkt!
    Ik heb nog een vraag: ik wil een afbeelding toevoegen, met daarin een link. Concreet: een logo van Linked-in, met een link naar mijn Linked-in pagina.

    Groet,
    Jan Huiberts

  14. Hallo Tim,
    Heb nog een vraag nav afbeelding/logo toevoegen aan een emailadres:
    Bij sommige emailadressen welke ik gebruik krijg ik een kruisje te zien ipv het toegevoegde logo?
    Hoe kan ik dit voorkomen?

    groet,
    Ellie

    • Hallo Ellie,

      Als er een ‘kruisje’ i.p.v. een logo komt te staan dan wordt het logo niet juist geladen of worden externe afbeeldingen geblokkeerd i.m.v. privacy/beveiliging.
      Zou zo 123 niet kunnen zeggen welke van de 2 opties bij jou het geval is.

      Groeten,

      Tim

      • Dag Tim,

        Bij mij wordt het rode kruisje veroorzaakt door privacy (om identificatie van mijn computer te voorkomen). Kan ik dit op de een of andere manier omzeilen?

        Alvast dank!
        Paul

  15. Geweldig! Het werkt. Bedankt voor de uitleg.

  16. Hi Tim,
    geweldig, nu kan ik eindelijk een handtekening maken.
    Weet jij toevallig ook hoe je een linkje kan inkopieeren, bv. als ik mijn facebook in de afzender wil zetten met daarin de link naar de pagina.

  17. Hoi Tim,
    Ik zal wel een sufferd zijn maar ik krijg het niet voor elkaar. Ik krijg de html tekst te zien in mijn mailtje, zoals in jouw voorbeeld. Ik doe iets fout maar weet niet wat. alvast bedankt!

  18. hadieTim,
    Goeie tip van die handtekening!
    Ik zou de tekst cursief willen zetten. Hoe doe ik dat? (Ik ‘spreek’ geen html)
    dank, Sandra

  19. Laat maar, Tim, ik heb het al gevonden. 🙂
    groetjes van Sandra

  20. Hoi Tim,

    mooie uitleg. Ik merk nu echter dat mijn mail met logo en link naar mijn website vaak niet aankomt bij de geadresseerden. Verdwijnen ze in de spamfilter? Hoe kan ik dat oplossen?
    Tevens kan ik de grootte van het logo niet aanpassen zoals je hiervoor ergens hebt uitgelegd.

    Groet, Mario.

    • Hallo Mario,

      Niet aankomende mails zou aan van alles kunnen liggen, bij teveel links in een handtekening kan het als spam overkomen. Bij teveel opmaak zal een spamfilter eerder de mail als spam markeren.

      Groet, Tim

  21. Bedankt voor de tip!

  22. Super eenvoudig uitgelegd maar:

    Bij de opmaak van het bericht komt het logo te voorschijn maar zodra ik hem stuur naar mijn yahoo of hotmail account is er enkel het kruisje te zien bij de inkomende mail. Ik link naar een logo in mijn eigen website.
    Als ik ctrl-klik op het kruisje kom ik terecht op mijn website maar niet specifiek het logo’tje.
    Heb je er een oplossing voor?

    • Hallo Joss,

      Het kan hier aan 3 dingen liggen.

      A: Het logo staat niet online enkel lokaal op een computer en dus niet online.
      B: Het logo wordt ingeladen op HTTP:// in plaats van HTTPS:// (Yahoo en hotmail maken gebruik van SSL verbinding en die zou met een normale http afbeelding niet volledig meer beveiligd zijn).
      C: Het mail programma blokkeert standaard externe afbeeldingen.

      Zou niet direct weten welke van de 3 het probleem in dit geval is.

  23. hoi
    Ik heb problemen met een een logo in de handtekening.
    Ik heb het in txt bestand weggezet en in html maar geen van beiden
    word door live mail handtekening gepakt .
    Ik heb jullie website gekeken maar wat jullie beschrijven had ik al geprobeerd dus zonder resultaat helaas .
    Als ik de handtekening in een Google mail zet word die gelijk gepakt en staat die er in , in msn is het precies hetzelfde als in google.
    Waarom lukt het niet in live mail .

    in afwachting van antw.
    A. Voorham

  24. Hi Tim,

    Ik wil graag een adres aan de handtekening toevoegen.
    Hoe kan ik er voor zorgen dat, wanneer mensen de mail openen op hun smart phone, er op het adres geklikt kan worden, om een routebeschrijving in een navigatiesysteem naar dit adres te openen?

    Alvast bedankt!

    • Hallo Hadas,

      Dit gebeurt vaak vanzelf (afhankelijk van type smartphone). Mensen verwachten deze functionaliteit als dit onderdeel is van de telefoon. Is dit niet dan zou ik dit ook niet toepassen.

      Je zou kunnen kijken of je uit Google maps of soortgelijke site je adres als bestemming kunt instellen waarna je daarvan de url kopieert en verwerkt als link aan je adres.

  25. Hoi Tim,

    Kan je op een bepaalde manier ook een logo toevoegen als deze niet online staat.
    Ivm een balk achter het logo op onze website is het logo qua kleuren aangepast.
    Het orginele logo heb ik op de computer staan. Heb je een idee hoe ik dit kan doen?
    Alvast bedankt voor je reactie.

    Miranda

    • Hallo Miranda,

      Daar is in principe niet zomaar een manier voor. Je zou de webmaster kunnen vragen ook nog een extra logo online te zetten en de url ernaartoe te sturen. Deze hoeft niet zichtbaar te zijn op de website.

  26. Martijn Wolfert

    14 oktober 2016 at 3:45 pm

    Beste Tim,

    Bedankt voor de uitleg.
    Het is me gelukt op 1 puntje na.
    De afbeelding die ik erin wilde hebben staat erin maar is super groot.
    Hoe kan ik deze verkleinen??

    Groet,

    MW

    • Hallo Martijn,

      Door width=300 in de code te zetten binnen de img tag zou je de grootte v/d afbeelding kunnen vastzetten op een kleiner formaat. Zou echter zelf een kleinere afbeelding in de handtekening zetten.

  27. beste Tim,
    eindelijk gelukt
    behalve dat de link in mijn tekst een groter deel pakt als link, dan de bedoeling. in de zin erboven staat exact dezelfde code en daar gaat het wel goed.
    wat kan er mis zijn?

    • Hallo Eline,

      Ik verwacht dat er in dit geval de </a> niet (juist) achter de linktekst staat. Als deze is geimplementeerd verwacht ik dat de handtekening wel juist werkt.

  28. Hi Tim,
    Ik ben echt super blij met je uitleg. Het werkt allemaal heel goed. Wel nog 1 vraagje…..
    Als ik de email regel gebruik, dan is deze niet onderstreept en dus niet aanklikbaar. Hoe zorg je dat deze wel aanklikbaar is?
    Wanneer ik de handtekening plaats in m’n mailtje en ik 1 backspace achter het getoonde emailadres doe….is deze wel clickable.

  29. Jacqueline Venneman

    26 januari 2017 at 1:48 pm

    Hallo Tim,

    Ontzettend bedankt. Werkt top. Enige is dat de e-mail die ik heb ingevoegd nog niet goed werkt, wordt niet “blauw”.
    Link website werkt wel, deze is ook “blauw” in de handtekening.
    Heb je hier nog een tip voor?
    Alvast bedankt.
    Jacqueline Venneman

  30. Hoi Tim,

    Dit ziet er heel simpel uit, maar bij mij werkt het niet. Ik heb een hele mooie e-mail handtekening gemaakt, maar hij wordt helemaal vervormd door Windows Live Mail. Ik krijg er inmiddels een punthoofd van. Heb je nog tips?

  31. Hoi Tim,

    Bedankt voor de hulp, ik krijg alleen het e-mailadres waarop je kan doorklikken niet voor elkaar. ik heb jouw code gekopieerd en gewoon het mailadres twee keer aangepast (en dan zo’n honderd keer elk karakter en elke spatie dubbel gecheckt, maar het wil maar niet lukken…

Reacties zijn gesloten.