Bevor Sie beginnen, lesen Sie bitte unsere Richtlinien:
Der blockbasierte Visual Content Editor (VCE) verfügt über eine eingebaute Validierungs-Engine für E-Mail-Vorlagen und einen Generator für E-Mail HTML Code. Mit diesen Tools lassen sich Probleme bei Formatierung und Content von E-Mails aufspüren, die bei Nichtbehandlung negativen Einfluss auf Ihre Zustellbarkeit und Marketingziele haben könnten.
Wie funktioniert die Validierung von Vorlagen?
Die Validierungs-Engine und der E-Mail Generator sind in den blockbasierten Editor integriert. Wenn Sie eine neue Vorlage erstellen oder eine bestehende Vorlage bearbeiten, wird überprüft, ob Ihr HTML Code unseren Richtlinien entspricht; falls Probleme erkannt werden, wird im Fensterbereich der Live-Vorschau eine entsprechende Nachricht angezeigt.
Erweitern Sie die Warnmeldungen, um eine detaillierte Beschreibung des jeweiligen Fehlers anzuzeigen. Jede der Fehlerbeschreibungen enthält einen Link, der zu jenem Frame oder Block führt, in dem das Problem entdeckt wurde und behoben werden muss.
Solange es Probleme mit der Vorlagensyntax gibt, können Sie die Vorlage nicht für das Erstellen von Kampagnen verwenden. Auf der Seite "Vorlagen" ist das Thumbnail der fehlerhaften Vorlage mit einem orangefarbenen Ausrufezeichen und einer Fehlermeldung versehen.
Der E-Mail Generator
Der E-Mail Generator ist in den Schritt der Contenterstellung im E-Mail Creation Flow integriert. Die E-Mail Generator Engine bietet folgende verbesserte Funktionen:
- Optimiertes Compiling der E-Mail aus dem Raw Code der Contenblöcke und Generieren für den Versand.
- Bessere Fehlerkorrektur; zudem ist das Tool nun in der Lage, die meisten Syntaxfehler selbst aufzuspüren und zu beheben.
- CSS Inlining; damit wird die E-Mail in unterschiedlichen Inboxes ohne Kompatibilitätsprobleme dargestellt.
- Es kann nun sichergestellt werden, dass die aus Ihren Contentblöcken generierten HTML, CSS und ESL Codes eine gültige Syntax haben.
Es kann vorkommen, dass der E-Mail Generator das HTML unterschiedlich übersetzt; dies geschieht jedoch stets, um den aktuellen HTML Standards maximal zu entsprechen.
Diese Vorgänge werden im Hintergrund ausgeführt. Sie können das Endergebnis im Fensterbereich der Live-Vorschau und in der gesendeten E-Mail sehen, zum Beispiel, wenn Sie vor dem tatsächlichen Versand der Kampagne Testmails senden.
Fehler aufspüren
Die E-Mail-Vorschau kann sich ändern, wenn der HTML Code oder ESL Code nicht vollständig gültige Elemente enthält. In diesem Fall sollte der Fehler im Code behoben werden, zum Beispiel in der Vorlage oder im ESL Code, der für die Kampagne geschrieben wurde.
Um sicherzustellen, dass die E-Mail in der Inbox richtig angezeigt wird, korrigieren Sie die aufgetretenen Fehler auf Basis der Vorschau im Generator.
Vorteile des E-Mail Generators
Da der E-Mail Generator den HTML, CSS und ESL Code im Hintergrund automatisch korrigiert und anpasst, steht Ihnen in Ihrem System fehlerfreier und gültiger Code zur Verfügung.
Vorteile
- Bessere Zustellbarkeit.
- Ihre E-Mail-Kampagne wird in allen E-Mail Inboxes korrekt dargestellt.
- Es werden gültige Codes generiert.
Der E-Mail Generator hat keinen Einfluss auf bereits laufende Kampagnen.
Der E-Mail Generator überwacht die folgenden Fälle:
- Erstellen einer neuen E-Mail-Kampagne auf Basis einer E-Mail-Vorlage.
- Interpretation des aus Contentblöcken stammenden Codes für die Anzeige im Vorschaufenster.
- Hinzufügen von Tokens zu Ihren Kampagnen:
- ESL Token
- Personalisierungstoken (bearbeitbar, Option Codes)
- E-Mail-Vorschau enthält verdächtige oder ungültige Elemente.
Problembehandlung
Verwenden Sie den VCE Editor mit aktiviertem E-Mail Generator:
1. Überprüfen Sie in Ihrer E-Mail-Kampagne Folgendes:
a. Überprüfen Sie, ob in der Vorschau Probleme sichtbar sind.
b. Überprüfen Sie, ob die Links ordnungsgemäß funktionieren.
2. Senden Sie vor dem Launch eine Testmail, um das finale Ergebnis zu überprüfen.
Wenn Probleme auftreten
1. Vergewissern Sie sich, dass Sie in Ihrer Vorlage gültigen HTML/CSS Code bzw. ESL Code mit gültiger Syntax verwenden. Suchen Sie zum Beispiel gezielt nach den Problemen, die unter Häufig auftretende Fehler angeführt sind.
2. Korrigieren Sie die problematischen Stellen in der Vorlage (oder ESL) und übernehmen Sie die Änderungen für Ihre Kampagne.
3. Testen Sie die Kampagne in der VCE Live-Vorschau und auch durch Senden einer Testmail, um sicherzustellen, dass die tatsächliche Darstellung der Vorschau entspricht.
Wenn Probleme auftreten, die Sie nicht selbst beheben können, wenden Sie sich bitte an den Emarsys Support. Beschreiben Sie das Problem, indem Sie Kontext zur Vorschau übermitteln.
Häufig auftretende Fehler
Im HTML-basierten Block-Editor treten in Zusammenhang mit HTML Tags vor allem folgende Probleme auf:
| Problem | Beispiel |
|---|---|
| Fehlende, nicht korrekte oder ungültige schließende Tags für HTML-Elemente. | </<td>, </<span |
| Fehlende Attribute. | href=https://bestrun.com/\" |
| Leere Attribute. | <a href= > |
| Ungültige HTML-Strukturen. |
Tags des Typs <p> und <ul> befinden sich innerhalb eines anderen <p> <table> innerhalb von <p> <table> innerhalb eines ESL Tokens <div> innerhalb von <p> |
Gültige Code-Kombinationen für Blöcke
Im Block-Editor resultieren die am häufigsten auftretenden Fehler aus der Verwendung ungültiger Root-Elemente im HTML Code.
Die Blöcke, die Sie zu Ihrer Vorlage hinzufügen, werden im Code Ihres Frame vom Token #body# dargestellt. Wenn Sie Blöcke erstellen oder bearbeiten, müssen Sie berücksichtigen, wie das Token #body# im HTML des Vorlagen-Frame geschachtelt ist, da das übergeordnete Element von #body# bestimmt, welche HTML Tags als Top-Level-Elemente (oder Root-Elemente) in Blöcken verwendet werden können.
Um Block-Fehler in Zusammenhang mit ungültigen Root-Elementen zu vermeiden, folgen Sie nachstehenden grundlegenden Regeln - diese decken die am häufigsten verwendeten Frame-Strukturen ab.
Regel 1
Wenn Sie im Frame <body> als übergeordnetes Element des Tokens #body# wählen, verwenden Sie stets <table> und/oder <div> als Root-Element in den Blöcken.
| Frame | Block Roots |
|---|---|
...<body> #body#</body>... |
<table> <tr> <td>Content 1</td> <td>Content 2</td> </tr></table><div> Content3</div> |
Regel 2
Wenn Sie im Frame <center> als übergeordnetes Element des Tokens #body# wählen, verwenden Sie stets <table> und/oder <div> als Root-Element in den Blöcken.
| Frame | Block Roots |
|---|---|
...<body>... <center> #body# </center>... </body>... |
<table> <tr> <td>Content 1</td> <td>Content 2</td> </tr></table><div> Content3</div> |
Regel 3
Wenn Sie im Frame <div> als übergeordnetes Element des Tokens #body# wählen, verwenden Sie stets <table> und/oder <div> als Root-Element in den Blöcken.
| Frame | Block Roots |
|---|---|
...<body>... <div> #body# </div>... </body>... |
<table> <tr> <td>Content 1</td> <td>Content 2</td> </tr></table><div> Content3</div> |
Regel 4
Wenn Sie im Frame <table> als übergeordnetes Element des Tokens #body# wählen, verwenden Sie stets <tr> als Root-Element in den Blöcken.
| Frame | Block Roots |
|---|---|
...<body>... <table> #body# </table>... </body>... |
<tr> <td width= 10 > </td></tr><tr> <td>Content1</td></tr><tr> <td width= 10 > </td></tr> |
Regel 5
Wenn Sie im Frame td als übergeordnetes Element des Platzhalters #body# wählen, verwenden Sie stets <table> und/oder <div> als Root-Element in den Blöcken.
| Frame | Block Roots |
|---|---|
...<body>... <table> <tr> <td> #body# </td> </tr></table>... </body>... |
<table> <tr> <td>Content 1</td> <td>Content 2</td> </tr></table><div> Content3</div> |
Frame-Fehler
Wenn Sie das Frame Ihrer Vorlage bearbeiten, können folgende Problem auftreten bzw. Validierungsnachrichten angezeigt werden:
| Problem | Fehlermeldung |
|---|---|
| Fehlende Tokens. | Error in 'frame'; missing #body# or #style# token.. |
| Duplizierte Tokens. | Error in 'frame'; multiple #body# or #style# tokens. |
| Falsch platzierte Tokens. | Error in 'frame'; unexpected #body# or #style# token. |
| Leeres Frame. | Error in 'frame'; frame is empty. |
Das Token #body# ist in das Element tbody geschachtelt.* |
Error in frame ; unexpected <tbody>. |
* Derzeit ist folgende Code-Kombination im Vorlagen-Frame nicht erlaubt:
...<tbody> #body# </tbody> ...
Block-Fehler
Wenn Sie die Blöcke Ihrer Vorlage bearbeiten, können folgende Problem auftreten bzw. diese Validierungsnachrichten angezeigt werden:
| Problem | Fehlermeldung |
|---|---|
| Die Vorlage hat keine Blöcke. | The template does not contain any blocks. |
| Der Vorlagenblock ist leer. | Error in New Block ; missing block root element. |
| Die Vorlage enthält einen Coding-Fehler. | The template contains invalid blocks. |