So importierst du eine benutzerdefinierte HTML-Vorlage
Übersicht
Hier erfährst du, wie du eine benutzerdefinierte HTML-Vorlage in Klaviyo importierst.
Wir empfehlen die Verwendung von benutzerdefiniertem HTML nur für technisch versierte Marketer*innen oder für alle, die Zugang zu Entwickler*innen haben. Obwohl unser Produkt benutzerdefiniertes HTML unterstützt, kann dir unser Support-Team nicht dabei helfen, deine benutzerdefinierten Vorlagen über die allgemeinen Hinweise hinaus zu erstellen, die in dieser Dokumentation behandelt werden. Um die Sicherheit deiner Daten zu gewährleisten, kann das Support-Team von Klaviyo deine HTML-Dateien nicht öffnen.
Benutzerdefinierte HTML-Vorlage hochladen
Benutzerdefinierte HTML-Vorlagen müssen .html Dateien sein und einen Abmeldelink enthalten (d. h. ein Tag {% unsubscribe %} oder {% unsubscribe_link %}). Mehr dazu, wie du dich in Klaviyo abmelden kannst.
- Navigiere zu Inhalt > Vorlagen.
- Wähle die Registerkarte E-Mail-Vorlagen.
- Klicke auf Importieren.
- Gib einen Namen ein und lade die HTML-Datei deiner Vorlage hoch.
- Lade alle Bilder oder Assets hoch, auf die in deinem HTML verwiesen wird.
- Klicke auf Vorlage importieren.
Es wird nicht empfohlen, eine Vorlage, die im Drag-and-drop-Editor von Klaviyo erstellt wurde, zu exportieren und anschließend wieder in Klaviyo zu importieren, da dies Probleme mit der Funktionalität der Vorlage verursachen kann.
Nicht unterstützte Vorlagen-Tags und Variablen entfernen
Wenn du eine Vorlage aus einem anderen ESP 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 bei Bedarf durch Klaviyo-Personalisierungs-Tags).
Sieh dir zum Beispiel die Nachricht und das HTML unten an. Diese Nachricht wurde aus einem anderen ESP exportiert und enthält Tags für das aktuelle Jahr, die Adresse eines Unternehmens und mehr. Diese externen Tags sind nicht mit Klaviyo kompatibel.
Klaviyo-Vorlagen-Tags befinden sich innerhalb von geschweiften Klammern. Variablen sind von zwei Paaren geschweifter Klammern umgeben (z. B. {{ first_name }}), und Vorlagen-Tags sind von einem Paar geschweifter Klammern und Prozentzeichen umgeben (z. B. {% unsubscribe %}). Wenn die Vorlagen-Tags und 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 in deiner Vorlage über den Dateinamen darauf verweist.
Wenn du klickst, um deine Vorlage zu importieren, werden diese Bilder und Assets automatisch zu unserem CDN hinzugefügt und ihre Verweise in deiner Vorlage aktualisiert.
Ausgeblendeten Vorschautext zu einer benutzerdefinierten HTML-Vorlage hinzufügen
Wenn du den Vorschautext für eine benutzerdefinierte HTML-Vorlage festlegen möchtest (anstatt Posteingänge den Vorschautext aus deinem Nachrichteninhalt übernehmen zu lassen), füge deiner Vorlage den folgenden Codeblock hinzu. Dieser Code sollte direkt nach dem öffnenden <body> -Tag deiner Vorlage hinzugefügt werden.
<div style="display:none; font-size:1px; line-height:1px; max-height:0px; max-width:0px; opacity:0; overflow:hidden;">
Insert preview text here.
</div>Emojis und benutzerdefinierte HTML-Vorlagen
Seit Februar 2024 werden alle Emojis in allen Klaviyo Email-Editoren unterstützt (d. h. im Drag-and-drop-Editor, Hybrid-Editor, Nur-Text-Editor und benutzerdefinierten HTML-Editor).