Felsökning av anpassad CSS, JavaScript och HTML i Klaviyo
Du kommer att lära dig
Lär dig hur du felsöker anpassad kod när du importerar en anpassad HTML-mall eller bygger din egen anpassade kodade mall.
Vi rekommenderar att du använder anpassad HTML endast för tekniskt kunniga marknadsförare eller för alla som har tillgång till en utvecklare. Även om vår produkt innehåller support anpassad HTML, kan vårt team på supportinte hjälpa dig att bygga upp din anpassade mall utöver den allmänna vägledning som ges i den här dokumentationen.
För att upprätthålla säkerheten för din data, Klaviyo och supportkan teamet inte öppna dina HTML-filer.
Anpassade HTML- och CSS-element
Vissa HTML- och CSS-element som används för att göra e-posten interaktiv stöds inte för närvarande. Om du till exempel vill göra din e-post interaktiv i Gmail genom att använda vissa CSS-attributväljare kan din mall utlösa ett fel i Klaviyo.
Klaviyo för närvarande inte support vissa operatorer (t.ex. ~) 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 skapa en förhandsgranskning av din e-post, utan du kommer att få ett felmeddelande.
Vanliga HTML-problem
Om du upptäcker att din e-post i anpassad HTML inte ser korrekt ut finns det några vanliga ställen där du kan söka efter problem.
Enstaka citat i typsnittEnstaka citat i typsnitt
Var du än lägger till ett font-family-attribut i CSS, leta efter enkla citattecken eller onödiga citattecken. Ta bort alla citationstecken när du lägger till ditt typsnitt.
| Problem | Fast |
| teckensnitt-familj:"Helvetica Neue", Helvetica, Arial | typsnitt-familj:Helvetica Neue, Helvetica, Arial |
Frågor från media
Om media -frågorna inte är i standardformat kommer de inte att återges korrekt. Följ standardformatet för alla frågor till media.
| Standard media frågeformat |
| @media endast skärm och (maxbredd: 460px) |
Onödigt centrum etikett
Om du har flera HTML <center> etikett i din e-postmallar kan det hända att den inte återges korrekt i Gmail. För att åtgärda detta problem, ta bort alla onödiga <center> etikett. Endast ett <center> etikett behövs i toppen av e-postmallaren nära <body> etikett. Alla ytterligare <center> etikett är överflödiga.
Klaviyo finns inte på support JavaScript e-post
De flesta e-postklienter (Gmail, Hotmail, Yahoo m.fl.) ser JavaScript i e-post som ett säkerhetshot. Detta beror på att skript kan dölja skadligt innehåll. Som ett resultat av detta har dessa stora e-postkunder block skript i e-post helt och hållet. Med tanke på det inneboende säkerhetshotet med JavaScipt i e-post och avsaknaden av support för sådana skript hos de flesta större e-postklienter, kommer alla tillagda skript automatiskt att tas bort.
Klaviyo inte support inbäddade formulär eller videorKlaviyo inte support inbäddade formulär eller videor
Klaviyo inte support inbäddade formulär, widgetar eller videor i köpcentret. Detta beror på att våra tester visar att dessa typer av funktioner inte återges på ett tillförlitligt sätt i alla större e-postklienter. I likhet med JavaScript-snippets ser de flesta e-postklienter dessa element som ett säkerhetshot och tar bort dem helt och hållet från e-posten.
Om du är intresserad av att lära dig lösningar på detta kan du läsa den här artikeln om hur du lägger till en video eller GIF i ett e-postmeddelande.
Andra icke stödda etikett och attributAndra icke stödda etikett och attribut
De HTML-etiketter och attribut som beskrivs här är inte en uttömmande lista över vad Klaviyo stöder. I allmänhet stöds HTML-element som stöds av stora inboxleverantörer också av Klaviyo.
Om din mall har HTML som inte stöds kommer Klaviyo att försöka ersätta det element som inte stöds med ett alternativ som stöds (t.ex. en span etikett). Om det inte finns någon tydlig ersättning kommer den delen av din HTML att tas bort. Om delar av din HTML verkar försvinna efter att du har lagt till dem, betyder det att de troligen inte stöds. Försök med en alternativ HTML-etikett eller attribut för att uppnå en liknande effekt.
Ytterligare resurser