HubSpot Kennisbank

Aangepaste marketinge-mails zien er anders uit in Outlook

Geschreven door HubSpot Support | Jan 11, 2021 1:36:51 PM

Als je een aangepaste gecodeerde marketing-e-mail hebt gemaakt, kun je afwijkingen opmerken in de manier waarop je e-mail wordt weergegeven in Outlook, zoals problemen met de positionering of spatiëring.

Problemen met spatiëring oplossen

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.

  1. Klik op de naam van de opgestelde e-mail met een aangepaste sjabloon.
  2. Klik in de e-maileditor op de module die u wilt bewerken.
  3. Klik in de werkbalk Rijke tekst op het vervolgkeuzemenu Geavanceerd en selecteer Broncode.
  4. Voeg in het dialoogvenster hspace="10" vspace="10" toe aan het einde van de afbeeldingscode. Vervang 10 door de gewenste hoeveelheid spatie.

Tabellen gebruiken

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

  1. Klik op de naam van de opgestelde e-mail met een aangepaste gecodeerde sjabloon.
  2. Klik in de e-maileditor op de module die u wilt bewerken.
  3. Klik in de werkbalk Rijke tekst op het vervolgkeuzemenu Invoegen en selecteer Tabel, maak vervolgens een 3x1-tabel.

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

  2. Voeg in het dialoogvenster een breedte toe voor de lege cel, zoals <td width="10">, om de ruimte tussen de afbeelding en de tekst in te stellen.
  3. Stel een lettertype, -grootte en -kleur in, evenals de regelhoogte, omdat Outlook zijn eigen opmaak toevoegt als deze niet wordt opgegeven.

Onverwachte horizontale lijnen oplossen

Door een bekend probleem in sommige versies van Outlook kan er een horizontale lijn verschijnen tussen secties in uw e-mail. Probeer in dat geval de volgende stappen:
  • Stel de achtergrondkleur van uw e-mail in op dezelfde kleur als de bodykleur.
  • Pas de lettergrootte en regelhoogte van de inhoud aan zodat ze even groot zijn.
  • Voeg de volgende CSS-stijlen toe aan het hoofdgedeelte van je e-mailsjabloon:
ms-text-size-adjust: none; mso-line-height-rule: exactly;