Diese Seite beschreibt das Hinzufügen von Blöcken, die benutzerdefinierten HTML-Code (Custom HTML) in Ihrer blockbasierten E-Mail-Vorlage verarbeiten können. Mit dieser Lösung können Sie je nach Bedarf Custom HTML Code in Ihre E-Mail-Kampagnen einfügen, ohne den Block in der Vorlage ändern zu müssen.
Block erstellen
Wir empfehlen, zunächst die maximale Breite des Inhalts zu prüfen, der in den Block mit Custom HTML eingefügt werden kann.
Im folgenden Beispiel sollte der eingefügte Custom HTML Content nicht breiter als 600px sein, um die Verzerrung oder Verschiebung anderer Inhalte zu vermeiden.
Der zu verwendende Code:
<tr> <td align="center" e-editable="contentA_1"><span e-token="cust_esl" token-template="%22%3C%25=%20script%20%25%3E%22" token-content="%7B%22script%22:%22%3Cdiv%3E%3C/div%3E%22%7D" token-meta="%7B%7D" style="background-color: #6597cf; border-radius: .3em; box-shadow: 0 0 0 0.2em #6597cf; color: #fff;" class="cbNonEditable" data-mce-style="background-color: #6597cf; border-radius: .3em; box-shadow: 0 0 0 0.2em #6597cf; color: #fff;" contenteditable="false">Custom HTML</span> </td> </tr>
Beispiel für Option 1
In diesem Beispiel wird der Platzhalter #body#
zwischen einem öffnenden und einem schließenden <table>
Tag platziert.
Der zu verwendende Code:
<div e-editable="contentA_1"> <span e-token="cust_esl" token-template="%22%3C%25=%20script%20%25%3E%22" token-content="%7B%22script%22:%22%3Cdiv%3E%3C/div%3E%22%7D" token-meta="%7B%7D" style="background-color: #6597cf; border-radius: .3em; box-shadow: 0 0 0 0.2em #6597cf; color: #fff;" class="cbNonEditable" data-mce-style="background-color: #6597cf; border-radius: .3em; box-shadow: 0 0 0 0.2em #6597cf; color: #fff;" contenteditable="false">Custom HTML</span> </div>
Beispiel für Option 2
In diesem Beispiel wird der Platzhalter #body#
zwischen einem öffnenden und einem schließenden <div>
Tag platziert.
- Wählen Sie das Tab Blocks aus und klicken Sie den Button Neuen Block erstellen.
- Geben Sie den Namen des neuen Blocks im Feld für den Blocktitel ein. Ein Beispiel: Benutzerdefinierter HTML-Block.
- Fügen Sie den zuvor kopierten Code in das Codefeld ein.
- Klicken Sie "Save".
- Aktualisieren Sie bestehende Kampagnen, damit der neu erstellte Block in der Blockbibliothek erscheint.
CSS im Stil der E-Mail-Vorlage hinzufügen
Wenn Sie CSS in den <head>
-Teil der Vorlage einfügen wollen, haben Sie zwei Möglichkeiten:
- Auf dem Tab Style-Editor der Vorlage.
Bitte beachten Sie, dass Stile für bestimmte Elemente (Tags, Klassen, IDs usw.) inline festgelegt werden können.

- Erstellen Sie auf dem Tab Frame-Editor einen weiteren
<style>
-Block.
Der hier hinzugefügte Code (im "Style"-Teil oder im "Frame" Ihrer Vorlage) wird in allen Kampagnen gesendet, unabhängig davon, ob der Custom HTML Block verwendet wird oder nicht.
Wir empfehlen, inline-styles auf Tags zu setzen oder, wenn möglich, den <style>-Block direkt in das Custom HTML einzufügen, anstatt sie als festen Bestandteil in die Vorlage aufzunehmen.
Aktualisieren Sie bestehende Kampagnen, damit die Änderungen wirksam werden.
Wie Sie den Custom HTML Block verwenden
- Ziehen Sie den Custom HTML Block per Drag & Drop in Ihre E-Mail-Kampagne. Beachten Sie, dass er ein blaues Element enthält.

- Klicken Sie das blaue Element. Klicken Sie den Button Insert Emarsys Scripting Language snippet im Bearbeitungstool.

- Im nun angezeigten Dialogfeld können Sie das Snippet gegebenenfalls umbenennen.
- Ersetzen Sie den vorhandenen Code in dem Feld durch den Custom HTML Code, den Sie verwenden wollen.
Standardmäßig enthält der Custom HTML Code nur ein öffnendes und ein schließendes<div>
-Tag.

- Klicken Sie OK und dann Speichern, wenn der ESL-Code die Codeüberprüfung bestanden hat.
Sie können die E-Mail-Kampagne mittels Testmail, Kampagnenvorschau oder der Vorschau der E-Mail-Kampagne überprüfen, indem Sie das Augen-Icon klicken; oder Sie verwenden den Archiv-Link der Kampagne.