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-mailberichten er in Outlook verkeerd uitziet, kunt u de onderstaande stappen voor probleemoplossing volgen.

Let op: HubSpot Support kan geen ondersteuning bieden voor aangepaste gecodeerde e-mailsjablonen. Als u een aangepaste gecodeerde sjabloon gebruikt, neemt u contact op met de provider die de sjabloon heeft gemaakt. U kunt ook in contact komen met andere HubSpot gebruikers en ontwerpers op de Community.

Tussenruimte

Er zijn twee methoden om de spatiëring rond afbeeldingen in Outlook aan te passen: met hspace of vspace, en met 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.

• Navigeer in uw HubSpot-account naar Marketing > E-mail.

• Beweeg de muis over de naam van de e-mail en klik op Bewerken.

• Klik in de inhoudsmodule en 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 u 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:

• Navigeer in uw HubSpot-account naar Marketing > E-mail.

• Beweeg de muis over de naam van de e-mail en klik op Bewerken.

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

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

• Geef een breedte op in de lege cel, zoals <td width="10">, voor de hoeveelheid ruimte 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 stijl toevoegt als deze niet wordt gespecificeerd.

Leer meer over het ontwerpen van e-mails op onze Designers Community.