Benutzerdefinierte Marketing-E-Mails auf Basis von Code sehen in Outlook anders aus

Wenn Sie eine benutzerdefiniert kodierte Marketing-E-Mail erstellt haben, werden Sie möglicherweise Diskrepanzen bei der Darstellung Ihrer E-Mail in Outlook feststellen, z. B. Probleme mit der Positionierung oder dem Abstand. Befolgen Sie die Schritte zur Fehlerbehebung in den folgenden Abschnitten, um Ihnen zu helfen

Wenn Sie feststellen, dass Positionierung oder Abstände der E-Mail in Outlook nicht richtig aussehen, gehen Sie zur Fehlerbehebung wie folgt vor:

Erfahren Sie mehr über E-Mail-Design in der HubSpot Designers Community. 

Abstand

Es gibt zwei Methoden, um den Abstand zwischen den Bildern in Outlook anzupassen: mit hspace oder vspace und mit Tabellen.

Verwendung von hspace und vspace

Das HTML-Attribut vspace definiert den vertikalen Raum und fügt dem oberen und unteren Rand des Bildes einen gleichen Abstand hinzu. Das Attribut hspace definiert den horizontalen Raum und fügt rechts und links des Bildes gleiche Abstände hinzu.

• Gehen Sie in Ihrem HubSpot-Account zum Menüpunkt Marketing und klicken Sie dann auf E-Mail.

• Bewegen Sie den Mauszeiger über den Namen der E-Mail mit einer benutzerdefinierten kodierten Vorlage, dann klicken Sie auf Bearbeiten.

• Klicken Sie in das Modul "Inhalt".

• Fügen Sie am Ende des Bildcodes einen oder beide der folgenden Codes hinzu: hspace="10" vspace="10", und ersetzen 10 Sie sie durch den gewünschten Betrag des Abstands.

Verwendung von Tabellen

Verwenden Sie eine 3-spaltige Tabelle, um Ihr Bild, die Abstände und den Text einzugeben.

• Gehen Sie in Ihrem HubSpot-Account zum Menüpunkt Marketing und klicken Sie dann auf E-Mail.

• Bewegen Sie den Mauszeiger über den Namen der E-Mail mit einer benutzerdefinierten kodierten Vorlage, und klicken Sie dann auf Bearbeiten.

• Klicken Sie in der Symbolleiste des Rich-Text-Editors auf „Einfügen“ > „Tabelle“. Erstellen Sie eine 3x1-Tabelle.
  
  

  

• Klicken Sie in der Symbolleiste des Rich-Text-Editors auf Erweitert, und wählen Sie dann Quellcode.

• Geben Sie eine Breite in der leeren Zelle an, z. B <td width="10">. , für den Betrag des gewünschten Abstands zwischen Bild und Text.

• Geben Sie eine Schriftartfamilie, eine Schriftgröße, eine Schriftfarbe und eine Zeilenhöhe an, z. B style="font-family: sans-serif; font-size:15px; line-height: 1.5em; color: #000000" . Outlook fügt sein eigenes Styling hinzu, wenn keine Angabe angegeben wird.

Behebung von unerwarteten horizontalen Linien in Ihrer E-Mail

Aufgrund eines bekannten Fehlers in einigen Versionen von Outlook kann eine horizontale Linie zwischen Abschnitten in Ihrer E-Mail erscheinen. Es gibt zwar keine einheitliche Methode zur Behebung des Problems, aber Sie können die folgenden Schritte zur Fehlerbehebung versuchen:

• Stellen Sie die Hintergrundfarbe Ihrer E-Mail so ein, dass sie mit der Farbe des Textes übereinstimmt.
• Aktualisieren Sie die Schriftgröße und die Zeilenhöhe Ihres Inhalts, damit sie gerade Zahlen sind.
• Fügen Sie die folgenden CSS-Stile in den Kopfbereich Ihrer E-Mail-Vorlageein:

ms-text-size-adjust: none; mso-line-height-rule: exactly;