E-Mail-Vorlagen benutzerdefinierten Code hinzufügen

Mit dem visuellen Vorlagendesigner können Sie Ihren benutzerdefinierten HTML-Code einer Responsys-E-Mail-Vorlage hinzufügen. Beispiel: Sie können einen Codeinhaltsblock verwenden, um Teile Ihres HTML-Codes vollständig anzupassen.

So fügen Sie E-Mails benutzerdefinierten HTML-Code hinzu:

  1. Ziehen Sie die Codeinhaltskomponente bei geöffneter E-Mail-Vorlage auf das Layout.

    Bild mit einem Codeblock, der mit dem Designeditor einer E-Mail hinzugefügt wird

  2. Klicken Sie auf den Codeinhaltsblock, und fügen Sie Ihren HTML-Code mit dem HTML-Editor hinzu. Im Fenster Benutzerdefinierter Code können Sie den Inhaltsblock formatieren.

    Bild eines HTML-Codeinhaltsblocks

    Hinweis: Sie müssen außerhalb des Codeinhaltsblocks klicken, um eine Vorschau Ihrer Änderungen anzuzeigen.

HTML-Richtlinien

Der Codeinhalt im visuellen Vorlagendesigner ist für Snippets von benutzerdefiniertem HTML-Code vorgesehen.

Nachfolgend finden Sie einige Richtlinien für Ihren HTML-Code:

  • Schreiben Sie HTML-Code, der den Standards entspricht. Beispiel: Stellen Sie sicher, dass Sie Elemente korrekt verschachteln und schließen, und verwenden Sie kleingeschriebene Elementnamen, Attribute und Werte.
  • Vermeiden Sie die folgenden HTML-Elemente beim Erstellen eines Inhaltsblocks: <html>, <head>, <body>, <script>, <iframe>, <form>. Der visuelle Vorlagendesigner unterstützt das Verwenden der folgenden Elemente nicht. Andere Elemente werden von vielen E-Mail-Clients nicht unterstützt, werden aus Sicherheitsgründen oftmals blockiert und können zu Zustellbarkeitsproblemen führen.
  • Beachten Sie reservierte Zeichen, wie <, > und &. Diese Zeichen machen die HTML-Sprache aus. Wenn Sie möchten, dass diese Zeichen im Inhalt Ihrer E-Mail angezeigt werden, müssen Sie stattdessen den Entitynamen oder die Zahl verwenden. Beispiel: &lt;, &gt; und &amp;.
  • Die Unterstützung von CSS-Eigenschaften unterscheidet sich je nach E-Mail-Client. Verwenden Sie ein CSS-Kompatibilitätsdiagramm, um zu validieren, welche Eigenschaften unterstützt werden und um Ihre E-Mail für Ihre Ziel-E-Mail-Clients zu testen.
  • So verhindern Sie CSS-Konflikte mit Responsys:
    • Vermeiden Sie die folgenden Klassennamen: .body, .ExternalClass, .button.
    • Benennen Sie Klassen immer so, dass Sie auf <table>-Elemente angewendet werden können. Beachten Sie beim Verwenden von Tabellen die unten aufgeführten potenziellen responsiven Probleme.
  • Wenn Ihr HTML-Code Tabellen oder lange Textzeichenfolgen enthält, wird im visuellen Vorlagendesigner eine Benachrichtigung angezeigt Bild des Symbols "Benachrichtigung". Tabellen und lange Textzeichenfolgen können potenziell zu responsiven Problemen führen, da sie verhindern, dass Inhalte an andere Bildschirmgrößen angepasst werden können. Responsys hindert Sie nicht daran, eine E-Mail zu senden, die zu diesen potenziellen Problemen führen kann. Sie sollten Ihren Inhalt jedoch auf verschiedenen Bildschirmgrößen und für Ihre Ziel-E-Mail-Clients testen.

Abstand und Rahmen

Passen Sie den Abstand und die Rahmen um den Inhaltsblock mit den im Fenster Benutzerdefinierter Code verfügbaren Optionen an. Weitere Informationen zu Ausrichtung und Rahmen.

Hintergrundfarbe

Legen Sie die Hintergrundfarbe des Inhaltsblocks im Fenster Benutzerdefinierter Code fest. Sie können die Farbe mit hexadezimalen Werten oder mit RGB-Werten festlegen.

Verwandte Themen