Aangepaste marketinge-mails zien er anders uit in Outlook

Als u een aangepaste gecodeerde marketing-e-mail hebt gemaakt, merkt u mogelijk verschillen op in de manier waarop uw e-mail in Outlook wordt weergegeven, zoals problemen met de positionering of spatiëring. U kunt de stappen voor probleemoplossing in de onderstaande gedeelten volgen om u te helpen

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

Leer meer over e-mailontwerp in de HubSpot Designers 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 > 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 > 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;