Marketing emails zien er anders uit in Outlook

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.

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.
  
  

• 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.

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:

• Stel de achtergrondkleur van uw e-mail in op dezelfde kleur als de bodykleur.
• Pas de lettergrootte en regelhoogte van uw inhoud aan zodat deze even groot zijn.
• Neem de volgende CSS-stijlen op in het hoofdgedeelte van uw e-mailsjabloon:

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