Afbeelding in handtekening

Bij het gebruik van een afbeelding in een handtekening is er verschil tussen een sjabloon en een html handtekening. Bij een sjabloon kan het plaatje(bijv. een logo) geüpload worden in bestandbeheer en met een simpele htmlcode toegevoegd worden aan het template. Bij een handtekening moet het plaatje als inline afbeelding worden toegevoegd. 

Afbeelding in sjabloon(e-mailtemplate)

  • Ga naar Beheer – Bestandbeheer – Emailtemplates – Gewenste map(Zorg ervoor dat het e-mailtemplate en het plaatje in dezelfde map staan!)
  • Upload het gewenste plaatje(Let op: upload het direct in het juiste formaat)
  • Open het e-mailtemplate waar de afbeelding in moet komen te staan. 
  • Voeg op de gewenste plek de volgende code toe: 

<a href=”https://www.officeheart.nl/Contact/Werken-bij-OfficeHeart” target=”_blank”><img alt=”OfficeHeart” src=”logo.png” /></a>

  • Op de plek van de URL kan een URL naar wens worden ingevuld. Het plaatje verwijst dan naar een pagina wanneer er op geklikt wordt. 
  • Vul op de plek van ‘OfficeHeart’ een naam in wat getoond wordt wanneer de afbeelding niet goed wordt geladen. 
  • Vul op de plek van ‘logo.png’ de bestandsnaam van het plaatje in. Vul hier exact dezelfde bestandsnaam als welke het plaatje heeft welke net geupload is. 

 

Afbeelding in handtekening(inline afbeelding)

  • Ga naar E-mailhandtekeningen onder Beheer – Gebruikers – gewenste gebruiker of Startportaal – Voorkeuren
  • Selecteer de gewenste handtekening en open de HTML code door op </> te klikken.
  • Voeg de volgende code in op de plek waar het plaatje moet komen te staan:
<a href=”https://www.officeheart.nl” target=”_blank”><img alt=”OfficeHeart” src=”….” style=”border-width:0;border-style:solid;” />
 
  • Vul op de plek van de URL de gewenste URL in. Wanneer er op de afbeelding wordt geklikt zal de URL geopend worden.
  • Vul op de plek ‘OfficeHeart’ een tekst in welke getoond wordt wanneer de afbeelding niet goed geladen wordt. 

 

  • Ga naar: https://base64.guru/converter/encode/image/png 
  • Upload de gewenste afbeelding(Let op: upload het in het gewenste formaat)
  • Kies bij Output Format voor: DATA URI
  • Klik op Encode PNG to Base 64
  • Kopieer de code welke in het veld Base64 staat. 
  • Plak deze code in de HTML van de handtekening op de plak van de rode puntjes in bovenstaande code voorbeeld. De code komt tussen de ” ”  in te staan. 

De afbeelding zal direct getoond worden in de handtekening.