Code

Ein Code-Element bezeichnet den Bereich, in dem Sie manuell HTML- oder CSS-Codezeilen einfügen können. Diese Elemente ermöglichen eine erweiterte Anpassung von E-Mails und können direkt im Designer hinzugefügt werden. Sie sind besonders nützlich, um spezifische Elemente wie bedingte Blöcke einzufügen.

Im Design von E-Mails sind Flexibilität und Personalisierung wichtige Faktoren zur Verbesserung der Wirkung. Unter den im Email Builder verfügbaren Elementen ermöglicht es die Option, Code manuell hinzuzufügen, um spezifische Anforderungen zu erfüllen, etwa bedingte Blöcke einfügen zu können.

So ermöglicht ein bedingter Block, dass unterschiedlicher Inhalt gemäß definierter Kriterien angezeigt wird (z. B. Anzeige eines Vornamens in einem Text, wenn dieser in der Datenbank eingegeben ist).

Diese Anpassung kann im Email Builder umgesetzt werden, wodurch die Notwendigkeit entfällt, nach dem Export der E-Mail manuell Code einzufügen. Es ist einfacher, die bedingten Blöcke im Email Builder zu finden und zu verwalten, als im HTML-Markup.

Welche Art von Code kann hinzugefügt werden?

In der Regel wird HTML-Markup hinzugefügt. Während HTML die grundlegende Struktur bildet, können auch andere Sprachen zur Personalisierung von E-Mails genutzt werden. Zum Beispiel können Sie hinzufügen:

• HTML für die Struktur und den Inhalt,
• CSS für das Styling der Elemente,
• benutzerdefinierte Variablen zur Einfügung dynamischer Daten. Weitere Informationen zur Verwaltung von Testvariablen finden Sie im Artikel Testvariablen nutzen.
• bedingter Code, um den angezeigten Inhalt basierend auf dem Profil oder den Aktionen des Empfängers zu personalisieren.

In einer E-Mail muss der Code einfach und optimiert sein, um mit allen E-Mail-Clients kompatibel zu sein, da nicht alle fortschrittliche Technologien wie JavaScript unterstützen. Im Allgemeinen wird das Code-Element verwendet, um Code einzufügen, der von Routing-Tools generiert wurde.

Im Tab "Elemente"  des Designbereichs gibt es das "Code"-Element. Wie jedes andere Element können Sie es einfach aus dem linken Bereich in den Designbereich ziehen, um es zu nutzen.

Doppelklicken Sie Im Designbereich der E-Mail einfach auf das Element, um den HTML-Code einzugeben oder zu kopieren und einzufügen. Zum Beispiel können Sie hier Ihre regulären Variablen und Funktionen einfügen, sodass Sie diese nach dem Export nicht mehr in den E-Mails ändern müssen.

Das Code-Element kann in folgende Bereiche eingefügt werden:

• Sektion
• Gruppe
• Hintergrund

Nachdem Sie ein Element mit Code eingefügt haben, kann der Email Builder diesen nicht interpretieren, was bedeutet, dass das Ergebnis nicht in Ihrer Benutzeroberfläche, im Spiegellink oder in der Vorschau sichtbar ist. Um das endgültige Rendering Ihrer E-Mail mit einem Code-Element zu überprüfen und zu validieren, führen Sie bitte einen Vorschautest (E-Mail-Test) mit Ihrem Routing-Tool durch.