Du wirst lernen
Erfahre, wie du eine benutzerdefinierte HTML-Vorlage in Klaviyo importieren kannst.
Wir empfehlen die Verwendung von benutzerdefiniertem HTML nur für technisch versierte Marketer oder für alle, die Zugang zu einem Entwickler haben. Unser Produkt unterstützt zwar benutzerdefiniertes HTML, aber unser Support-Team kann dir bei der Erstellung deiner benutzerdefinierten Vorlage nur mit den allgemeinen Hinweisen in dieser Dokumentation helfen. Um die Sicherheit deiner Daten zu gewährleisten, kann das Support-Team von Klaviyo deine HTML-Dateien nicht öffnen.
Eine benutzerdefinierte HTML-Vorlage hochladen
Benutzerdefinierte HTML-Vorlage muss .html sein Dateien und muss einen Abmeldelink enthalten (d.h. ein {% unsubscribe %} oder {% unsubscribe_link %} Tag). Erfahre mehr über Abmeldungen in Klaviyo.
- Navigiere zum Inhalt > Vorlage.
- Klicke auf Vorlage importieren.
- Gib einen Namen ein und lade die HTML-Datei deiner Vorlage hoch.
- Lade alle Bilder oder Assets hoch, auf die in deinem HTML-Code verwiesen wird.
- Klicke auf Vorlage importieren.
Es ist nicht empfehlenswert, eine Vorlage, die mit dem Drag & Drop-Editor von Klaviyo erstellt wurde, zu exportieren und anschließend wieder in Klaviyo zu importieren, da dies zu Problemen mit der Funktionalität der Vorlage führen kann.
Entfernen von nicht unterstützten Vorlagen-Tag und Variablen
Wenn du eine Vorlage von einem anderen E-Mail-Service-Provider exportierst, kann sie Tags und Variablen enthalten, die von Klaviyo nicht unterstützt werden. Bevor du deine HTML-Datei importierst, entferne diese Tags (und ersetze sie, falls nötig, durch Klaviyo Vorlagen-Tag).
Siehe zum Beispiel die Nachricht und den HTML-Code unten. Diese Nachricht wurde von einem anderen E-Mail-Service-Provider exportiert und enthält den Tag für das aktuelle Jahr, die Adresse eines Unternehmens und mehr. Diese externen Tags sind nicht mit Klaviyo kompatibel.
Klaviyo Vorlagen-Tag sind in geschweiften Klammern enthalten. Variablen werden von zwei Paaren geschweifter Klammern umgeben (z. B. {{ first_name }}), und Vorlagen-Tag werden von einem Paar geschweifter Klammern und Prozentzeichen umgeben (z. B. {% unsubscribe %}). Wenn der Vorlagen-Tag und die Variablen in deiner Vorlage durch andere Zeichen gekennzeichnet sind, werden sie von Klaviyo nicht unterstützt.
Bilder und Anhänge hinzufügen (optional)
Du kannst Bilder und Anhänge referenzieren, indem du eine Zip-Datei hochlädst, die deine Anhänge enthält, und sie mit ihrem Dateinamen in deiner Vorlage referenzierst.
Wenn du darauf klickst, deine Vorlage zu importieren, werden diese Bilder und Assets automatisch zu unserem CDN hinzugefügt und ihre Referenzen werden in deiner Vorlage aktualisiert.
Versteckten Vorschautext zu einer benutzerdefinierten HTML-Vorlage hinzufügenVersteckten Vorschautext zu einer benutzerdefinierten HTML-Vorlage hinzufügen
Wenn du den Vorschautext für eine benutzerdefinierte HTML-Vorlage festlegen möchtest (anstatt dass der Posteingang den Vorschautext aus dem Inhalt deiner Nachricht zieht), füge den unten stehenden Codeblock zu deiner Vorlage hinzu. Dieser Code sollte direkt nach dem öffnenden <body> Tag deiner Vorlage eingefügt werden.
<div style="display:none; font-size:1px; line-height:1px; max-height:0px; max-width:0px; opacity:0; overflow:hidden;">
Füge hier den Vorschautext ein.
</div>