Marketingmails zien er anders uit in Outlook

HubSpote-mailsjablonen en e-mails die zijn gemaakt met de 'drag and drop' -editor zijn ontworpen om consistent en responsief te zijn voor veelgebruikte e-mailclients. U kunt ook een voorvertoning van uw e-mailprogramma's bekijken. Aangezien Outlook beperkte ondersteuning biedt voor CSS, kunt u afwijkingen zien in de manier waarop uw e-mail in Outlook wordt weergegeven. Als u merkt dat de e-mailpositionering of -afstand in Outlook verkeerd lijkt, zijn er stappen die u kunt nemen om dit te verhelpen.

Let op: HubSpot Ondersteuning kan geen aangepaste gecodeerde e-mailsjablonen ondersteunen. Als u een aangepaste gecodeerde sjabloon gebruikt, volg dan de procedure met de provider die de sjabloon heeft gemaakt. U kunt ook verbinding maken met andere HubSpot gebruikers en ontwerpers op de Community.

Afstand

Er zijn twee methoden om de afstand tussen afbeeldingen in Outlook aan te passen: met behulp van hspace of vspace, en met behulp van tabellen.

Gebruik van hspace en vspace

Het HTML-attribuut vspace definieert de verticale ruimte en voegt een gelijke afstand toe aan de boven- en onderkant van uw afbeelding. Het hspace-attribuut definieert horizontale ruimte en voegt gelijke afstand toe aan de rechter- en linkerzijde van uw afbeelding.

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

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

• Klik in de inhoudsmodule en klik vervolgens op Geavanceerd > Broncode.

• Voeg aan het einde van de afbeeldingscode een of beide van de volgende codes toe: hspace="10" vspace="10", waarbij u 10 vervangt door de gewenste afstand.

Gebruik van tabellen

U kunt een 3-kolomstabel gebruiken om uw afbeelding, spatiëring en tekst gelijkmatig in te delen:

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

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

• Klik in de werkbalk van de rijke tekstverwerker op Invoegen > Tabel. Maak een 3x1 tabel.
  
  

• Klik in de werkbalk van de rijke tekstverwerker op Geavanceerd > Broncode.

• Geef een breedte op in de lege cel, zoals <td breedte="10">, voor de gewenste afstand tussen de afbeelding en de tekst.

• Geef een lettertypefamilie, lettergrootte, letterkleur en regelhoogte op, zoals style="lettertype-familie: sans-serif; lettergrootte:15px; regelhoogte: 1.5em; kleur: #000000" als Outlook zal zijn eigen styling toevoegen wanneer niet gespecificeerd.

Meer informatie over e-mailontwerp op onze Designers Community.