Der HTML-Block kann im Drag-&-Drop E-Mail-Editor verwendet werden, um bestimmte Elemente deiner E-Mail mit HTML-Code zu gestalten. Um den HTML-Block zu verwenden, gestalte eine E-Mail mit dem Drag-&-Drop E-Mail-Editor und ziehe den HTML-Block per Drag & Drop in dein E-Mail-Design. Füge deinen HTML-Code ein und sieh dir sofort an, wie er aussieht:

Verwende Schriftarten, die gut lesbar sind und von jedem E-Mail-Programm problemlos dargestellt werden können. Überprüfe die von dir verwendeten Schriftarten, bevor du deine E-Mail-Kampagne versendest. Um sicherzustellen, dass deine Kund:innen deine E-Mail-Kampagne mit der von dir ausgewählten Schriftart lesen können, füge im Drag & Drop-Editor eine Fallback-Schriftart hinzu. Du kannst auswählen, welche Schriftarten verwendet werden sollen, falls die von dir gewählte Schriftart vom E-Mail-Client deiner Empfänger:innen nicht unterstützt wird. Weitere Informationen findest du in unserem Artikel Google- und Fallback-Schriftarten im Drag & Drop-Editor hinzufügen.

Wir empfehlen dir außerdem, maximal zwei bis drei Schriftarten in einer E-Mail-Kampagne zu verwenden. Damit deine E-Mail gut lesbar ist, wähle eine Größe zwischen 14 und 16 px für deinen Text: 14 px für lange E-Mails mit Absätzen und 16 px für kurze E-Mails (zwei bis drei Sätze). 

Du kannst deinen Kampagnen ganz einfach Image Maps hinzufügen, indem du im Drag & Drop-Editor einen Link zu deinem Bildblock hinzufügst:

1. Füge einen Bildblock zu deinem Kampagnenentwurf hinzu und klicke auf das Bild. 
2. Klicke auf Add link (Link hinzufügen). Das Fenster Insert/edit link (Link einfügen/bearbeiten) öffnet sich.
3. Gib die folgenden Informationen ein:
   • Art des Links. Dies ist oft ein absoluter Link (URL) , aber du kannst auch jede andere Art von Link wählen;
   • Link-Ziel. Das ist der Link, zu dem dein Bild führen soll; 
   • Name des Links Das ist das Wort, das du anzeigen möchtest, wenn du den Mauszeiger über das Bild bewegst.
4. Klicke auf Insert (Einfügen).

Standardmäßig wird der HTML- (und JS-) Inhalt aller Variablen ausgeblendet. Das bedeutet, dass jeglicher HTML-Code, der innerhalb einer Variablen übergeben wird, automatisch ausgeblendet und als Text ausgegeben wird. Wenn dein variabler Inhalt zum Beispiel <h1>Mein Titel</h1> lautet, dann würde dein Template genau diesen Text in deiner E-Mail ausgeben: <h1>Mein Titel</h1>, anstatt der Wortgruppe „Mein Titel“ als H1-Titel formatiert auszugeben.

Um zu erfahren, wie du das automatische Ausblenden deaktivieren kannst, lies unseren Artikel Automatisches Ausblenden deaktivieren und doppelte geschweifte Klammern in deinen E-Mails anzeigen.

Wenn du mit dem HTML-Editor Kampagnen mit mehreren Bildern gestaltest, kannst du keine Bilder direkt in den HTML-Code einbetten. Eingebettete Bilder werden von einigen E-Mail-Clients nicht unterstützt und können dazu führen, dass die Gesamtgröße deiner Kampagne die 5 MB-Grenze überschreitet (mit einem Maximum von 1 MB für HTML-Inhalte), wodurch die Planung verhindert wird.

Wenn du die folgende Warnung sehen, musst du deine Kampagne anpassen, bevor du sie erneut versenden kannst:

Deine Kampagne kann nicht versendet werden, da sie das Limit von 1 MB für HTML-Inhalte überschreitet. Um die Größe deines HTML-Inhalts zu reduzieren, bette deine Bilder ein, indem du in den Zusätzlichen Einstellungen deiner Kampagne das Kästchen Embed images in the email (Bilder im Textkörper der E-Mail) aktivierst.

Um deine E-Mail-Kampagne erneut zu versenden, dupliziere und bearbeite sie, um deine Bilder mit der <img src= [...] > Eigenschaft einzufügen, anstatt sie einzubetten. 

Wenn du Bilder einbetten musst, achte darauf, dass dein HTML-Inhalt nicht größer als 1 MB ist. Füge dann deine Bilder mit der <img src= [...] > Eigenschaft ein und aktiviere die Option Embed images in the email (Bilder in die E-Mail einbetten) in den Additional settings (Zusätzlichen Einstellungen) deiner E-Mail-Kampagne.