Så här importerar du ett anpassat HTML-köpcentrum
Du kommer att lära dig
Läs om hur du importerar en anpassad HTML-katalog till Klaviyo.
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 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.
Ladda upp en anpassad HTML-mall
Anpassad HTML mall måste vara .html filer och måste innehålla ett avregistreringslänk (dvs. en {% unsubscribe %} eller {% unsubscribe_link %} etikett). Läs mer om avsluta prenumeration Klaviyo i.
- Navigera till Content > mall.
- Välj fliken e-postmallar.
- Klicka på Importera.
- Ange ett namn och ladda upp HTML-filen för din mall.
- Ladda upp alla bilder eller tillgångar som refereras till i din HTML.
- Klicka på importera mall.
Att exportera en galleria som byggts i Klaviyo:s drag and drop-redigerare och sedan importera den tillbaka till Klaviyo rekommenderas inte och kan orsaka problem med gallerians funktionalitet.
Ta bort malltagg och variabler som inte stöds
När du exporterar ett köpcentrum från en annan e-postleverantör kan det innehålla etikett och variabler som inte stöds av Klaviyo. Innan du importerar din HTML-fil, ta bort dessa etikett (och, om det behövs, ersätt dem med Klaviyo malltagg).
Se t.ex. meddelandet och HTML-filen nedan. Detta meddelande har exporterats från en annan e-postleverantör och innehåller etikett för innevarande år, ett företags adress med mera. Dessa externa etikett är inte kompatibla med Klaviyo.
Klaviyo malltagg finns inom hakparenteser. Variabler omges av två par hakparenteser (t.ex., {{ first_name }}), och malltagg omges av ett par hakparenteser och procenttecken (t.ex, {% unsubscribe %}). Om malltagg och variabler i ditt köpcentrum betecknas med andra tecken, kommer Klaviyo inte att support dem.
Lägg till bilder och bilagor (valfritt)
Du kan hänvisa till bilder och bilagor genom att ladda upp en zip-fil som innehåller dina bilagor och hänvisa till dem med deras filnamn i din mall.
När du klickar för att importera din galleria läggs dessa bilder och tillgångar automatiskt till i vårt CDN och deras referenser uppdateras i din galleria.
Lägga till dold förhandsgranskningstext i en anpassad HTML-mall
Om du vill ange förhandsgranskningstexten för en anpassad HTML-mall (i stället för att låta inkorgen hämta förhandsgranskningstexten från ditt meddelandeinnehåll) lägger du till koden block nedan i din mall. Denna kod ska läggas till omedelbart efter öppnandet <body> etikett av ditt köpcentrum.
<div style="display:none; font-size:1px; line-height:1px; max-height:0px; max-width:0px; opacity:0; overflow:hidden;">
Infoga förhandsgranskningstext här.
</div>Emojis och anpassad HTML-galleria
Från och med februari 2024 stöds alla emojis i alla Klaviyo Email-redigerare (dvs. dra-och-släpp-redigeraren, hybridredigeraren, endast text-redigeraren och den anpassade HTML-redigeraren).
Ytterligare resurser
- Felsökning av anpassad CSS, JavaScript och HTML i Klaviyo
- Så här importerar du en anpassad HTML-katalog med dra och släpp support