E-mail opmaken met HTML

FastForward kent twee inrichtingen voor het opmaken van e-mail:

  • Platte tekst (zonder opmaak-knoppen)
  • HTML-opmaak met de HTML-editor

Dit artikel geldt voor inrichting met platte tekst. In FastForward kun je je e-mailtekst verrijken met opmaak door HTML-code te gebruiken.

Klanten die geen gebruik maken van de HTML-editor, kunnen tekst Bold, Italic, onderstreept maken of een url toevoegen door de volgende HTML-code te gebruiken:

  • <b>dik gedrukte tekst</b> resulteert in dik gedrukte tekst
  • <i>schuingedrukte tekst</i> resulteert in schuingedrukte tekst
  • <u>onderstreepte tekst</u> resulteert in onderstreepte tekst
  • <a href="https://www.bullhorn.com">website url</a> resulteert in website url

Het is belangrijk om het einde van de opdracht(opmaak) weer te geven met een slash:

</..>

Afbeeldingen en video

Afbeeldingen kunnen ingevoegd en verstuurd worden in de e-mailberichten vanuit FastForward, video/filmpjes niet.

Afbeelding invoegen

Je kunt met HTML-code een afbeelding invoeren, bijvoorbeeld:
<img src="https://www.website.nl/afbeelding.png">
Met uitgebreidere HTML kun je ook een grootte (hoogte, breedte) e.d. meegeven, of een afbeelding linken. Een voorbeeld is hieronder uitgeschreven:
Beste Tester, 

<p>Dit is wat tekst rondom een afbeelding. Dit is wat tekst rondom een afbeelding. Dit is wat tekst rondom een afbeelding. 
<a href="https://www.bullhorn.com/">
  <img src="https://yt3.ggpht.com/a/AGF-l7-9jcgryUOiDsUqfmLowCJ_fJlgF_8JahOs=s288-mo-c-c0xffffffff-rj-k-no" alt="Fast Forward by Bullhorn" style="width:150px;height:150px;border:0;"align="left">
</a> En nog meer tekst rond de afbeelding. En nog meer tekst rondom een afbeelding. En nog meer tekst. En nog meer tekst. En nog meer tekst. </p>  

Met vriendelijke groet,
Bullhorn
Bovenstaande resulteert in:
 
voorbeeld opmaak
 

De code toegelicht

https://www.bullhorn.com/ is de verwijzende url, deze website wordt geopend wanneer je op de afbeelding klikt.
https://yt3.ggpht.com/a/AGF-l7-9jcgryUOiDsUqfmLowCJ_fJlgF_8JahOs=s288-mo-c-c0xffffffff-rj-k-no is de verwijzing naar de afbeelding. 
Let op, de afbeelding dient ergens openbaar (op een website) te staan, zodat er naar verwezen kan worden. Je kunt dus geen afbeelding vanaf je computer invoegen.
Fast Forward by Bullhorn  is de 'alt-tekst'; alt-teksten worden ingevuld als titel van een afbeelding en geven een samenvatting van wat er te zien is op de afbeelding. Voor zoekmachines is een alt-tag belangrijke extra informatie omdat deze de afbeelding niet kunnen lezen. Voor mensen met een visuele beperking is een alt-tag ook handig.
width: 150px; height: 150px; border: 0 ; zijn de afmetingen van de weergegeven afbeelding.
"align="left" is de uitlijning van de afbeelding in de tekst.
<p> ... </p> -> dit is het begin en einde van de paragraaf met tekst en afbeelding.
Het embedden van een video in e-mailberichten is helaas niet mogelijk.

Opmerkingen