Du kommer att lära dig
Läs om hur du felsöker anpassad kod när du importerar en anpassad HTML-mall eller bygger din egen mall med anpassad kod.
Vi rekommenderar bara att använda anpassad HTML för tekniskt kunniga marknadsförare, eller för alla som har tillgång till en utvecklare. Även om vår produkt stöder anpassad HTML kan vårt supportteam inte hjälpa dig att bygga dina anpassade mallar utöver att ge den allmänna vägledning som tas upp i den här dokumentationen.
För att upprätthålla säkerheten för dina data kan Klaviyos supportteam inte öppna dina HTML-filer.
Anpassade HTML- och CSS-element
Om du skapar en anpassad HTML-mall kan du inte använda produktfeed i ditt e-postmeddelande.
Vissa HTML- och CSS-element som används för att göra e-postmeddelanden interaktiva stöds inte för närvarande. Om du till exempel vill göra ditt e-postmeddelande interaktivt i Gmail genom att använda vissa CSS-attributväljare kan din mall utlösa ett fel i Klaviyo.
Klaviyo stöder för närvarande inte vissa operatorer (som ~) i e-postmallar. Detta kan begränsa i vilken utsträckning viss anpassad HTML och CSS kan användas. Om din mall innehåller HTML eller CSS som inte stöds fullt ut kommer du inte att kunna generera en förhandsgranskning av ditt e-postmeddelande och i stället se ett felmeddelande.
Vanliga HTML-problem
Om du märker att ditt anpassade HTML-e-postmeddelande inte ser korrekt ut finns här några vanliga ställen att kontrollera efter problem.
Enkla citattecken i teckensnitt
Var du än lägger till ett font-family-attribut i CSS ska du leta efter enkla citattecken eller onödiga citattecken. Ta bort alla citattecken när du lägger till den i ditt typsnitt.
| Problem | Fast |
| font-family:'Helvetica Neue', Helvetica, Arial | font-family:Helvetica Neue, Helvetica, Arial |
Media queries
Om mediefrågor inte har standardformatet kommer de inte att renderas korrekt. Följ standardformatet för alla mediefrågor.
| Standard-format för mediefrågor |
| @media only screen and (max-width: 460px) |
Onödiga center-etiketter
Om du har flera HTML- <center> -etiketter i din e-postmall kan den kanske inte renderas korrekt i Gmail. För att åtgärda det här problemet tar du bort alla onödiga <center> -etiketter. Endast en <center> -etikett behövs högst upp i e-postmallen nära <body> -etiketten. Alla ytterligare <center> -etiketter är överflödiga.
Klaviyo har inte stöd för JavaScript-e-postmeddelanden
De flesta e-postklienter (Gmail, Hotmail, Yahoo osv.) ser JavaScript i e-post som en säkerhetsrisk. Detta beror på att skript kan dölja skadligt innehåll. Som ett resultat blockerar dessa stora e-postklienter skript i e-postmeddelanden helt och hållet. Med tanke på den inneboende säkerhetsrisk som är förknippad med JavaScipt i e-post och att de flesta större e-postklienter inte har stöd för sådana skript tas alla tillagda skript automatiskt bort.
Klaviyo har inte stöd för inbäddade formulär eller videor
Klaviyo stöder inte inbäddade registreringsformulär, widgetar eller videor i mallar. Detta beror på att våra tester visar att den här typen av funktioner inte återges på ett tillförlitligt sätt i alla större e-postklienter. Precis som JavaScript-snuttar ser de flesta e-postklienter dessa element som ett säkerhetshot och tar bort dem helt från e-postmeddelanden.
Om du är intresserad av att lära dig tillfälliga lösningar för detta kan du kolla in den här artikeln om att lägga till en video eller GIF i ett e-postmeddelande.
Andra etiketter och attribut som inte stöds
HTML-etiketter och attribut som tas upp här är inte en uttömmande lista över vad Klaviyo stöder. I allmänhet stöds HTML-element som stöds av större inkorgsleverantörer även av Klaviyo.
Om din mall har HTML som inte stöds försöker Klaviyo ersätta de element som inte stöds med ett alternativ som stöds (dvs. en span-etikett). Om det inte finns någon tydlig ersättning tas den delen av din HTML bort. Om delar av din HTML verkar försvinna efter att du har lagt till dem betyder det att de sannolikt inte stöds. Prova en alternativ HTML-etikett eller ett attribut för att uppnå en liknande effekt.