Marketinge-mails zien er anders uit in Outlook

Als u de bijgewerkte klassieke e-maileditor gebruikt om uw marketinge-mails op te stellen, merkt u mogelijk verschillen op in de manier waarop uw e-mail in Outlook wordt weergegeven, vanwege de beperkte ondersteuning voor CSS in Outlook.

Als u merkt dat de positionering of spatiëring van uw e-mail er niet goed uitziet in Outlook, volg dan de onderstaande stappen voor probleemoplossing.

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

Let op: HubSpot Support kan geen aangepaste gecodeerde e-mailsjablonen ondersteunen. Als je een aangepaste 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.

Afstand

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

Hspace en vspace gebruiken

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

• Ga in je HubSpot-account naar Marketing > Marketing-e-mail.

• Ga met de muis over de naam van de e-mail met een aangepaste sjabloon en klik op Bewerken.

• Klik in de inhoudsmodule.

• Voeg aan het einde van de afbeeldingscode een of beide van de volgende codes toe: hspace="10" vspace="10", waarbij 10 wordt vervangen door de gewenste hoeveelheid tussenruimte.

Tabellen gebruiken

Je kunt een tabel met 3 kolommen gebruiken om je afbeelding, spatiëring en tekst gelijkmatig te verdelen:

• Ga in je HubSpot-account naar Marketing > Marketing-e-mail.

• Beweeg de muis over de naam van de e-mail met een aangepaste gecodeerde sjabloon en klik vervolgens op Bewerken.

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

• Klik in de werkbalk van de rich text editor op Geavanceerd en selecteer Broncode.

• Geef een breedte op in de lege cel, zoals <td width="10">, voor de afstand die je 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 opmaak toevoegt als deze niet wordt opgegeven.

Problemen oplossen met onverwachte horizontale lijnen in uw e-mail

Door een bekende bug in sommige versies van Outlook kan er een horizontale lijn verschijnen tussen secties in je 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 je e-mail in op dezelfde kleur als de bodykleur.
• Werk de lettergrootte en regelhoogte van de inhoud bij zodat deze even groot zijn.
• Neem de volgende CSS-stijlen op in het hoofdgedeelte van je e-mailsjabloon:

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