Du wirst lernen
Hier erfährst du, wie du benutzerdefinierten Code beim Importieren einer benutzerdefinierten HTML-Vorlage oder beim Erstellen deiner eigenen benutzerdefinierten Vorlage beheben 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 nicht weiterhelfen als mit den allgemeinen Hinweisen in dieser Dokumentation.
Um die Sicherheit deiner Daten zu gewährleisten, kann das Support-Team von Klaviyo deine HTML-Dateien nicht öffnen.
Benutzerdefiniertes HTML- und CSS-Element
Bestimmte HTML- und CSS-Elemente, die verwendet werden, um E-Mails interaktiv zu machen, werden derzeit nicht unterstützt. Wenn du zum Beispiel deine E-Mail in Gmail interaktiv machen willst, indem du bestimmte CSS-Attributselektoren verwendest, kann deine Vorlage einen Fehler in Klaviyo auslösen.
Klaviyo unterstützt derzeit bestimmte Operatoren (wie ~) in der E-Mail Vorlage nicht. Dies kann den Umfang einschränken, in dem bestimmte benutzerdefinierte HTML- und CSS-Funktionen verwendet werden können. Wenn deine Vorlage HTML oder CSS enthält, das nicht vollständig unterstützt wird, kannst du keine Vorschau deiner E-Mail erstellen und bekommst stattdessen eine Fehlermeldung.
Häufige HTML-Probleme
Wenn du feststellst, dass deine benutzerdefinierte HTML-E-Mail nicht korrekt aussieht, findest du hier ein paar gängige Stellen, an denen du nach Problemen suchen kannst.
Einfache Anführungszeichen in der SchriftEinfache Anführungszeichen in der Schrift
Wenn du ein font-family-Attribut in CSS hinzufügst, achte auf einfache Anführungszeichen oder unnötige Anführungszeichen. Entferne alle Anführungszeichen, wenn du deine Schrift einfügst.
| Problem | Festgelegt |
| font-family:'Helvetica Neue', Helvetica, Arial | font-family:Helvetica Neue, Helvetica, Arial |
Medienanfragen
Wenn die Medienabfragen nicht im Standardformat sind, werden sie nicht richtig dargestellt. Befolge das Standardformat für alle Medienanfragen.
| Standard Format der Medienabfrage |
| @media only screen and (max-width: 460px) |
Unnötiges Zentrum Tag
Wenn du mehrere HTML <center> Tags in deiner E-Mail Vorlage hast, kann es sein, dass deine E-Mail in Gmail nicht richtig dargestellt wird. Um dieses Problem zu beheben, entferne alle unnötigen <center> Tag. Es wird nur ein <center> Tag am Anfang der E-Mail-Vorlage neben dem <body> Tag benötigt. Alle zusätzlichen <center> Tag sind überflüssig.
Klaviyo unterstützt kein JavaScript E-Mail
Die meisten E-Mail-Clients (Gmail, Hotmail, Yahoo, etc.) sehen JavaScript in E-Mails als Sicherheitsrisiko an. Das liegt daran, dass Skripte bösartige Inhalte verstecken können. Deshalb blockieren diese großen E-Mail-Clients Skripte in E-Mails vollständig. Angesichts des Sicherheitsrisikos, das mit JavaScipt in E-Mails verbunden ist, und der fehlenden Unterstützung für solche Skripte durch die meisten großen E-Mail-Clients werden alle hinzugefügten Skripte automatisch entfernt.
Klaviyo unterstützt keine eingebetteten Formulare oder VideosKlaviyo unterstützt keine eingebetteten Formulare oder Videos
Klaviyo unterstützt keine eingebetteten Formulare, Widgets oder Videos in der Vorlage. Das liegt daran, dass unsere Tests gezeigt haben, dass diese Art von Funktionen nicht in allen wichtigen E-Mail-Clients zuverlässig dargestellt werden. Ähnlich wie bei JavaScript-Snippets betrachten die meisten E-Mail-Clients diese Elemente als Sicherheitsrisiko und entfernen sie ganz aus E-Mails.
Wenn du wissen willst, wie du das umgehen kannst, sieh dir diesen Artikel über das Hinzufügen eines Videos oder GIFs zu einer E-Mail an.
Andere nicht unterstützte Tags und AttributeAndere nicht unterstützte Tags und Attribute
Die hier behandelten HTML-Tags und -Attribute sind keine erschöpfende Liste dessen, was Klaviyo unterstützt. Im Allgemeinen werden HTML-Elemente, die von den großen Posteingangsanbietern unterstützt werden, auch von Klaviyo unterstützt.
Wenn deine Vorlage nicht unterstütztes HTML enthält, versucht Klaviyo, das nicht unterstützte Element durch eine unterstützte Alternative (z. B. ein span-Tag) zu ersetzen. Wenn es keinen eindeutigen Ersatz gibt, wird dieser Teil deines HTML-Textes entfernt. Wenn Teile deines HTML-Tags nach dem Hinzufügen verschwinden, bedeutet das, dass sie wahrscheinlich nicht unterstützt werden; versuche es mit einem anderen HTML-Tag oder Attribut, um einen ähnlichen Effekt zu erzielen.
Zusätzliche Ressourcen