Nachstehend erhalten Sie ein paar nützliche Tipps, die Sie beachten sollten, wenn Sie eigene Vorlagen erstellen oder eine alte E-Mail bzw. alte Emarsys Vorlage in eine VCE-Vorlage konvertieren wollen.
Für einen erfahrenen HTML-Entwickler sollte das Konvertieren einer bestehenden HTML Mail oder Emarsys Vorlage keine Schwierigkeit darstellen. Trotzdem empfehlen wir, diese Aufgabe uns zu überlassen, damit wir sicherstellen können, dass die Vorlage erwartungsgemäß funktioniert. Weitere Informationen erhalten Sie in E-Mail-Vorlage bei Emarsys bestellen.
Der richtige Frame
Wenn Sie eine bestehende E-Mail zu einer Emarsys Vorlage konvertieren, sollten Sie in einem ersten Schritt den Code Ihrer Vorlage öffnen und sowohl den Style als auch den gesamten Content ausschneiden. Was übrig bleibt, ist der Frame. Diesen Frame sollten Sie nun wie folgt bearbeiten:
- Entfernen Sie das Tag <style> und seinen Content vollständig und fügen Sie stattdessen den Platzhalter #style# ein.
- Fügen Sie anstelle des Contents den Platzhalter #body# ein.
- Falls vorhanden, entfernen Sie den Doctype aus dem HTML-Code. Definieren Sie den Doctype über das Dropdown auf dem Tab Frame-Editor. Wählen Sie HTML für HTML5 E-Mails und XHTML für alle älteren HTML-Versionen aus.
- Falls vorhanden, entfernen Sie den Preheader aus dem HTML-Code. Die Vorlage darf keinen Preheader-Text enthalten, damit Sie beim Erstellen einer neuen Kampagne einen solchen Text schreiben können (Tab E-Mail-Basics, Feld Text-Vorschau).
Der richtige Style
Definieren Sie Ihre Textformatierung mit CSS.
<p>.leadText, .leadText a { text-align: center; font-size: 12px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; }</p>Content in Blöcke setzen
Im nächsten Schritt brechen Sie den Content in Blöcke auf. Das ist nicht nur eine Kompatibilitätsanforderung von Emarsys, sondern macht Ihre Vorlagen auch viel flexibler und eröffnet Ihnen völlig neue Möglichkeiten in der Content-Strategie. Sie können dann den Content Ihrer Kampagnen komplett neu arrangieren und Blöcke mühelos hinzufügen und entfernen.
Selbst die Kopf- und die Fußzeile Ihres Contents müssen Blöcke sein; schließen Sie diese nicht im Frame ein.
Jeder Content-Block sollte mit einem Element auf Block-Level beginnen, z.B. <div>...</div> oder <table>...</table> oder <tr>...</tr>. Das erforderliche Element auf Block-Level wird von der Engine zur E-Mail-Vorlagen-Validierung definiert.
Bilder einschließen
Für das Einschließen von Bildern haben Sie drei Möglichkeiten:
- Emarsys kann die Bilder für Sie hosten. Laden Sie diese einfach zur Mediendatenbank hoch.
- Sie können die Bilder selbst hosten und sie über ihre URL referenzieren.
- Sie können ein von Drittseite gehostetes Bild über seine URL referenzieren.
In den letzten beiden Fällen müssen Sie sicherstellen, dass die Bilder über die ganze Lebenszeit der Kampagne hinweg verfügbar bleiben.
Fixen Content schützen
Denken Sie daran, das Attribut e-editable zu verwenden, um zu definieren, ob ein Content in der jeweiligen Kampagne bearbeitet werden kann oder nicht.
Variablen verwenden
Wenn Sie bereits wissen, dass bestimmte Elemente in all Ihren E-Mails vorkommen werden, sollten Sie Variablen verwenden. Auf diese Weise können Sie problemlos generelle Änderungen vornehmen und Ihr Design immer up to date halten.
Vorlage überprüfen
In einem letzten Schritt vergewissern Sie sich, dass Ihre Vorlage überall gut aussieht, also von Outlook bis Gmail.