Doorgaan naar artikel
Let op: De Nederlandse vertaling van dit artikel is alleen bedoeld voor het gemak. De vertaling wordt automatisch gemaakt via een vertaalsoftware en is mogelijk niet proefgelezen. Daarom moet de Engelse versie van dit artikel worden beschouwd als de meest recente versie met de meest recente informatie. U kunt het hier raadplegen.

Marketing emails zien er anders uit in Outlook

Laatst bijgewerkt: juni 28, 2023

Beschikbaar met elk van de volgende abonnementen, behalve waar vermeld:

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Legacy Marketing Hub Basic

Als u de bijgewerkte klassieke e-maileditor gebruikt om uw marketinge-mails op te stellen, ziet u mogelijk afwijkingen in de manier waarop uw e-mail in Outlook wordt weergegeven, omdat Outlook slechts beperkte ondersteuning voor CSS biedt.

Als u merkt dat de positionering of spatiëring van uw e-mail er in Outlook verkeerd uitziet, kunt u de onderstaande stappen voor probleemoplossing volgen.

Leer meer over e-mailontwerp op in de HubSpot Designers Community.

Let op: HubSpot Support kan aangepaste gecodeerde e-mailsjablonen niet ondersteunen. Als u een aangepaste gecodeerde sjabloon gebruikt, neem dan contact op met de provider die de sjabloon heeft gemaakt. Je kunt ook in contact komen met andere HubSpot gebruikers en ontwerpers op de Community.

Spatie

Er zijn twee methoden om de spatiëring rond afbeeldingen in Outlook aan te passen: met behulp van hspace of vspace, en met behulp van tabellen.

Gebruik van hspace en vspace

Het HTML-attribuut vspace definieert verticale ruimte en voegt gelijke spatiëring toe aan de boven- en onderkant van uw afbeelding. Het hspace attribuut definieert horizontale ruimte en voegt gelijke spatiëring toe aan de rechter- en linkerkant van je afbeelding.

  • { local.navEmail }}
  • Beweeg de muis over de naam van de email, klik dan op Bewerken.

  • Klik in de inhoudsmodule, klik dan op Geavanceerd > Broncode.

  • Voeg aan het eind van de afbeeldingscode een of beide van de volgende code toe: hspace="10" vspace="10", waarbij je 10 vervangt door de gewenste hoeveelheid spatiëring.

source-code-hspace-vspace

Tabellen gebruiken

Je kunt een 3-koloms tabel gebruiken om je afbeelding, spatiëring en tekst gelijkmatig in te delen:

  • { local.navEmail }}
  • Beweeg de muis over de naam van de e-mail, klik dan op Bewerken.

  • Klik in de werkbalk van de rich text editor op Invoegen > Tabel. Maak een 3x1 tabel.

    create-table

  • Klik in de rich text editor werkbalk op Geavanceerd > Broncode..

  • Specificeer een breedte in de lege cel, zoals <td width="10">, voor de hoeveelheid ruimte die u wilt tussen de afbeelding en de tekst.

  • Geef een lettertypefamilie, lettergrootte, letterkleur en regelhoogte op, zoals style="font-family: sans-serif; font-size:15px; line-height: 1.5em; color: #000000", omdat Outlook zijn eigen stijl toevoegt als deze niet wordt gespecificeerd.

table-styling

Problemen oplossen met onverwachte horizontale lijnen in je e-mail

Als gevolg van een bekende bug in sommige versies van Outlook, kan er een horizontale lijn verschijnen tussen secties in uw e-mail. Hoewel er geen consistente manier is om dit probleem op te lossen, kunt u de volgende stappen voor probleemoplossing proberen:

ms-text-size-adjust: none; mso-line-height-rule: exact;

Was dit artikel nuttig?
Dit formulier wordt alleen gebruikt voor feedback op documentatie. Ontdek hoe je hulp krijgt met HubSpot.