E-mail opmaken met html code

De Fast Forward applicatie 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 Fast Forward kun je je e-mailtekst verreiken met opmaak door html code te gebruiken.
 
Klanten welke 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 Fast Forward, video filmpjes niet.
 

Afbeelding invoegen 

Je kunt met html code een afbeelding invoeren, bijvoorbeeld
<img src="https://www.bullhorn.com/" >
 
Met uitgebreidere html codes 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 ; -> dit zijn de afmetingen van de weergegeven afbeelding
 
"align="left" -> dit 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.
Was dit artikel nuttig?
Aantal gebruikers dat dit nuttig vond: 0 van 0
Hebt u meer vragen? Een aanvraag indienen

Opmerkingen