Let op: De Nederlandse vertaling van dit artikel is alleen bedoeld voor het gemak. De vertaling wordt automatisch gemaakt via een vertaalsoftware en is mogelijk niet proefgelezen. Daarom moet de Engelse versie van dit artikel worden beschouwd als de meest recente versie met de meest recente informatie. U kunt het hier raadplegen.
Email

Marketing emails zien er anders uit in Outlook

Laatst bijgewerkt: april 2, 2021

Geldt voor:

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Legacy Marketing Hub Basic

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.

source-code-hspace-vspace

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.

    create-table

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

table-styling

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