Een e‐mail sturen in html‐indeling

Deze How.com.vn leert je hoe je een HTML-pagina of nieuwsbrief kunt versturen als e-mail. Omdat de meeste e-mailproviders HTML ondersteunen voor e-mails, is het meestal niet meer dan het kopiëren en plakken van de desbetreffende HTML-pagina of afbeelding in je e-mailbericht.

Deel 1

Deel 1 van 3:

HTML in een e-mail begrijpen

Pdf downloaden

1
Gebruik code voor e-mailreaders. Niet alle e-mailreaders hebben dezelfde mogelijkheden als webbrowsers. Ontwerp je e-mail zodat meer mensen de HTML-versie van je bericht kunnen lezen, in plaats van terug te moeten keren naar een gewone tekstversie.
- Breng structuur aan door tabellen te gebruiken.
- Sla afbeeldingen op een live webserver op of gebruik stock-afbeeldingen.
- gebruik 'https://' (or 'http://') in je links.
2
Breng je boodschap over met tekst. Hoewel het aantrekkelijker is om kleur en beeld te gebruiken, is de kans groot dat iemand op je mailinglijst niet in staat zal zijn om je HTML e-mail te bekijken, hoe goed je hem ook hebt ontworpen. Behalve als je echt een afbeelding moet gebruiken, kun je het best de informatie overdragen middels tekst.
- Spamfilters kunnen afbeeldingen en bijlagen blokkeren. Vaak worden e-mails die erg groot zijn ook uitgefilterd, wat voor jou mail kan gelden als je veel of grote afbeeldingen hebt toegevoegd.
- Veel mobiele gebruikers zullen je afbeeldingen sowieso niet kunnen zien.
3
Houd je aan de richtlijnen van de overheid. Deze richtlijnen zijn ingesteld om consumenten te beschermen door de juiste privacy-instellingen te hanteren en ervoor te zorgen e-mailmarketing is verstuurd door legale bedrijven.
- Bied een manier waarmee mensen aan kunnen geven geen mails meer van je te willen ontvangen. Dit kan een automatische link zijn om je af te melden onderaan de e-mail. Je kunt ook een e-mailadres aangeven waarmee ze contact op kunnen nemen om aan te geven niet langer je mail te ontvangen en voor onbepaalde tijd uit de mailingslijst te worden verwijderd.
- Vermeld de naam van je bedrijf en het fysieke postadres. Lezers moeten weten dat je een geldig bedrijf bent en geen oplichterij of spammer.
- Zorg ervoor dat de 'Van' en 'Antwoord-naar' adressen geldig en actief zijn. Zorg voor een manier voor lezers om contact met je op te nemen als ze vragen hebben of geïnteresseerd zijn in het ondersteunen van je bedrijf.
- Kies een geschikte onderwerpsregel. Je onderwerp moet een beknopte beschrijving zijn van wat er in de e-mail staat, geen ongeldige verkoopaanbiedingen of misleidende reclame.
4
Bekijk je HTML e-mail voordat je deze verstuurt. Als je eenmaal je HTML aan je e-mail hebt toegevoegd, bekijk de e-mail dan helemaal om er zeker van te zijn dat de verschillende onderdelen van de pagina worden weergegeven:
- Kijk of alle koppelingen intact en actief zijn.
- Verzeker je ervan dat afbeeldingen en lettertypes correct verschijnen.
- Kijk of je tabel te breed is.
- Test je e-mail in zoveel mogelijk e-mailprogramma's.
5
Doe een spam-test. Stuur je e-mail naar jezelf op zoveel mogelijk verschillende e-mailadressen en naar verschillende contactpersonen, stuur daarna een vervolgmail om na te gaan of je contactpersonen je e-mail hebben ontvangen.
- Als je e-mail naar de map Spam wordt gestuurd tijdens een van je tests, moet je misschien dingen verwijderen zoals afbeeldingen en links naar pagina's die geen gebruik maken van HTTPS-codering.
Advertentie

Deel 2

Deel 2 van 3:

HTML-inhoud kopiëren en plakken

Pdf downloaden

1
Sla je HTML op in een bestand. Op de meeste online HTML-generatoren doe je dit door op de knop 'Opslaan' of 'Downloaden' te klikken en de instructies op het scherm te volgen. Als je de standaard tekstverwerker op een Windows of Mac-computer gebruikt (respectievelijk Kladblok of TextEdit), dan sla je de HTML als volgt op in een bestand:
- Windows - Klik op Bestand en Opslaan als, en voer een naam in gevolgd door .html (bijv., 'file.html'), klik op 'Opslaan als type', Alle bestanden, en daarna op Opslaan.
- Mac — Klik op Opmaak, Converteer naar platte tekst, klik op OK, Archief, Bewaar, klik op pijl-omlaag rechts van het veld 'Naam', vink het vakje 'Verberg extensie' uit, vervang '.txt' achter de naam door '.html', klik op Bewaar en daarna op Gebruik .html wanneer aangegeven.
2
Open het bestand in een browser. Dubbelklik op je HTML-bestand om het te openen in de standaardbrowser van je computer.
- Je kunt ook je favoriete webbrowser openen, op je HTML-bestand klikken en het slepen naar het browservenster.
3
Kopieer de inhoud. Klik en sleep je muiscursor over de HTML-pagina totdat alles is geselecteerd, druk dan op Ctrl+C (Windows) of ⌘ Command+C (Mac).
- Je kunt ook overal op de pagina klikken en dan op Ctrl+A of ⌘ Command+A drukken om de hele pagina te selecteren, maar dit kan ertoe leiden dat je onderdelen van de pagina die je niet wilt opnemen, ook mee selecteert.
4
Open een nieuwe e-mail in je favoriete e-mailprogramma. Gmail, Outlook, Apple Mail en Thunderbird ondersteunen allemaal het versturen van HTML e-mails:
- Gmail — Ga naar https://www.gmail.com/, log in en klik op Opstellen.
- Outlook — Ga naar https://www.outlook.com/ en log in, indien nodig, en klik op ＋ Nieuw bericht.
- Apple Mail — Ga naar https://www.icloud.com/#mail, log in en klik op
  .
- Thunderbird — Open je e-mailprogramma en klik op Opstellen.
5
Schakel HTML in als je Outlook gebruikt. Terwijl Gmail, Yahoo en Apple Mail allemaal standaard HTML hebben ingeschakeld voor hun e-mails, moet je mogelijk HTML-verzending inschakelen als je de web-versie van Outlook gebruikt:
- Klik op 'Opties' of 'Instellingen'
  , het tandwiel of de streepjes in de hoek rechtsboven in het inbox-venster.
- Schuif naar beneden en klik op Alle instellingen tonen of Geavanceerd
- Klik op het tabblad E-mail.
- Klik op Opstellen
- Klik op het menu 'Tekst zonder opmaak' onderin het venster (als hier 'HTML' staat, is HTML al ingeschakeld voor Outlook).
- Klik op HTML
- Klik op Opslaan en sluit het menu.
Typ het e-mailadres van een ontvanger in het tekstvak 'Aan' bovenaan het venster 'Opstellen' en voeg vervolgens een onderwerp toe in het tekstvak eronder.
Klik op het hoofdtekstvenster in het venster 'Opstellen' en druk dan op Ctrl+V. (Windows) of ⌘ Command+V (Mac). De inhoud van de HTML-pagina verschijnt in de e-mail precies zoals deze is geformatteerd op de HTML-pagina.
Klik hiervoor op de knop Verzenden in het venster 'Opstellen'. De ontvanger zal je HTML-pagina als e-mail ontvangen.
Advertentie

Deel 3

Deel 3 van 3:

Met Gmail en Chrome

Pdf downloaden

1
Kopieer de body-tekst van de HTML-pagina. Als je het HTML-bestand om een of andere reden niet kunt openen in je browser, zal het kopiëren van de HTML-tekst en het plakken ervan in de broncode van je e-mail ook werken zolang je Gmail gebruikt in Google Chrome.
- Je moet alle tekst in de tekst van de body kopiëren - inclusief de '<body>' en '</body>' tags — maar Gmail plaatst het documenttype en de HTML-tags zelf, dus hoef je die niet te kopiëren.
Dit is de enige browser waarin je HTML-kunt plakken in Gmail.
Ga naar https://www.gmail.com/ in de adresbalk van Chrome, en voer je e-mailadres en wachtwoord in als je je moet aanmelden.
4
Klik op Opstellen. Dit is de knop in de linkerbovenhoek van het Gmail-venster. Er verschijnt een pop-upvenster in het midden van het venster in Gmail.
- Als je een nieuwe versie van Gmail gebruikt, klik je hier op Opstellen.
Typ het e-mailadres van een ontvanger in het tekstvak 'Aan' bovenaan het venster 'Opstellen' en voeg vervolgens een onderwerp toe in het tekstvak eronder.
In het hoofdgedeelte van het venster 'Opstellen' typ je een reeks sterretjes, nullen of een andere vergelijkbare opvallende tekst in. Dit helpt je bij het vinden van de benodigde locatie in de broncode.
Selecteer je markeringstekst, klik met rechts (of Control-klik op een Mac) op de tekst en daarna op Inspect in het drop-downmenu dat verschijnt. Het hoort nu een uitschuifmenu te verschijnen aan de rechterzijde van de pagina.
Klik met rechts (of Control-klik op een Mac) op de blauw gemarkeerde code bovenin het uitschuifvenster, en klik daarna op Bewerken als HTML in het resulterende drop-downmenu.
9
Zoek je markeringstekst en selecteer die. Schuif naar beneden tot je de markeringstekst hebt gevonden in je e-mail, en klik en sleep met je muiscursor over de die tekst.
- Zorg dat je niets links of rechts van de tekst van je markering selecteert.
Druk hiertoe op Ctrl+V (Windows) of ⌘ Command+V (Mac). De HTML voor je project zou nu in het venster moeten verschijnen.
Klik op de X in de rechterbovenhoek van het uitschuifmenu van het 'Inspect'-venster om het te sluiten.
Kijk in het Gmail-venster naar de presentatie van je e-mail. Als je tevreden bent met de manier waarop de HTML-pagina eruitziet in het venster 'Opstellen', dan kun je op Verzenden klikken om deze af te leveren bij de ontvanger(s).
Advertentie

Tips

Gebruik HTML-sjablonen die online beschikbaar zijn via contactbeheersystemen als je niet bekend bent met HTML-code. Deze bieden een eenvoudige manier om aantrekkelijke berichten te sturen naar je e-mailabonnees.
Bied een versie van je HTML e-mail als tekst zonder opmaak aan, voor diegenen die geen HTML kunnen bekijken of die dat liever niet doen. Zo kun je een breder publiek bereiken.

Advertentie

Waarschuwingen

Kopieer en plak geen code uit tekstverwerkingssoftware. Je zult waarschijnlijk HTML-tags verliezen, waardoor je e-mail zijn structuur verliest -- bovendien blokkeren veel e-mail spamfilters e-mails die zijn gekopieerd vanuit een tekstverwerker.

Advertentie