Lär dig hur du skapar en bas e-postmallar i Klaviyo. När du har skapat en basgalleria kan du använda den i alla dina kampanjer och flöden för att påskynda din byggprocess och säkerställa att din varumärkesutveckling är konsekvent i alla meddelanden. 

Innan du börjar

Innan du börjar

En basgalleria innehåller viktiga delar som en rubrik, ett huvudinnehåll och en sidfot. Navigera till Content > mall och klicka på Create för att komma igång. Följ sedan stegen nedan för att lägga till återanvändbart innehåll i din mall. 

1. Ställ in grundläggande stilar

1. Ställ in grundläggande stilar

Innan du stylar enskilda block måste du ställa in dina grundstilar. Dessa stilar, som teckensnitt, färger, utfyllnad med mera, gäller för alla block i din galleria. 

Genom att lägga till basstilar blir det lättare att tillämpa varumärkesutvecklingen och det minskar också kodvikten, vilket gör det lättare att undvika klippning i Gmail.

För att lägga till basstilar: 

  1. Klicka på Stilar (bredvid Innehåll).
    Fliken Huvudstilar
    Om du ser Display Options bredvid fliken Styles i stället för Content klickar du på Done för att navigera ut ur block/sektionens styles-inställningar, som bara gäller för den block eller sektionen. 
  2. Ange en bakgrundsfärg för mall och innehåll samt marginal och utfyllnad. Vi rekommenderar att du låter inställningen Width vara 600px för optimal kompatibilitet med inbox leverantör.
    Stilinställningar för e-post
  3. Lägg till textformat, inklusive teckensnitt, teckenstorlek, färger och avstånd. Se till att ställa in stilar för normal text samt H1, H2, H3 och H4. Du kan använda dessa rubrikstilar för att markera text i hela ditt e-postmeddelande. Lär dig hur du använder ett anpassat typsnitt i dina e-postmeddelanden.
    Text och rubriker
  4. Lägg till en länkfärg och stil.
  5. Välj valuta för din webbutik i menyn Valuta. Den valda valutasymbolen används överallt där etiketten{% currency_format … %} finns i en galleria.
  6. Om mobiloptimering är aktiverat lägger du till mobilinställningar. Dessa kommer att visas när någon öppnar din e-post på en mobil enhet. Läs mer om mobiloptimering.
    Mobila inställningar
2. Bygg en rubriksektion 

2. Bygg en rubriksektion 

När du har ställt in e-poststilarna lägger du till rubrikavsnittet. I allmänhet innehåller sidhuvudet en logotyp, viktiga länkar och ibland en banner med information om din senaste försäljning eller mottagarens VIP-status. 

  1. Om din mall redan har ett rubrikfält kan du uppdatera det med din egen logotyp. Alternativt kan du dra in ett Header-block och lägga till din logotyp. Lär dig bästa praxis för bildstorlek och bildkvalitet
    Byt ut logotypen i sidhuvudet
  2. Välj en layout i menyerna Desktop layout och Mobile layout (t.ex. Logo inline för desktop och Stack all för mobile). Kom ihåg att mobila enheter använder mycket mindre skärmar än stationära, så att stapla innehåll kan göra det lättare att läsa och navigera. 
  3. I avsnittet Innehåll lägger du till viktiga navigeringslänkar för webbplatsen. Klicka på papperskorgsikonen för att ta bort länkar eller på Lägg till länkar för att lägga till dem. Vanliga länkar att inkludera i sidhuvudet är: handla nu, nya varor, om, rea, vanliga frågor eller ett urval av produktkategorier.
    Länkar i sidhuvudet
  4. Justera block -stilarna i avsnitten under länkinnehållet. Kom ihåg att om du vill använda en stilinställning för hela e-postmeddelandet ska du använda huvudfliken Stilar enligt beskrivningen i avsnittet ovan. 
  5. Klicka på Done (Klar) för att återgå till huvudalternativen för mallredigering.
Lägg till en valfri funktioner-banner

Lägg till en valfri funktioner-banner

Du kan lägga till en funktioner-banner ovanför eller under din header bar.

  1. Dra en text block till samma sektion som ditt länkfält. 
    Lägg till textbanner ovan
  2. Välj en accentfärg för bakgrunden och lägg till ett meddelande, t.ex. "Använd koden WELCOME för 15% rabatt på din första beställning!"
  3. Kontrollera att din funktioner banner och länkfält är i samma sektion genom att hålla muspekaren över utrymmet till vänster eller höger om blocket. En grå sektionsgräns ska omge båda blocken vid hovring och den blir blå när man klickar på sektionen.
    Sektion gräns
  4. Valfritt: Klicka på stjärnikonen för att spara avsnittet som Universalinnehåll. Universella block och sektioner kan användas i flera mallar, och du kan redigera alla instanser av block/section samtidigt. Läs mer om Universalinnehåll
3. Lägg till kroppsinnehåll

3. Lägg till kroppsinnehåll

  1. Dra en Section block från layoutavsnittet i sidofältet Content och placera den under rubriken.
    Lägg till en sektion
  2. Lägg till ett block med platshållare för e-postens huvudinnehåll. Det kan handla om textblock med beskrivningar av ditt varumärke eller dina kampanjmeddelanden, vanlig layout som du tänker använda, platshållare för produktbilder med mera. Lär dig hur du placerar innehåll sida vid sida med hjälp av kolumner, delningsblock och tabeller.
    Sektion för kroppsinnehåll
Lär dig hur du lägger till en bakgrundsbild i ett avsnitt och lägger knappar, text och andra element ovanpå den. 
4. Bygg ett sidfotsavsnitt

4. Bygg ett sidfotsavsnitt

Klaviyo kräver att du inkluderar ett avregistreringslänk i din e-post, och det är vanligast att det placeras i sidfoten. Dessutom rekommenderas dessa sidfotselement: 

  • Din företagsadress
  • En länk till er sekretesspolicy 
  • Länkar till din sociala profil (t.ex. Facebook, Instagram, Twitter, Tiktok) 
  • En länk till din webbplats
  • En länk för e-postpreferenser

För att lägga till en sidfot till din basgalleria:

  1. Dra ett nytt avsnitt under ditt huvudavsnitt eller redigera standardfoten.
  2. Lägg till en text block.
  3. Klicka på Personalisering
  4. I fältet Sökanpassning söker du efter "avsluta prenumeration".
  5. Välj avsluta prenumeration för att lägga till en avregistreringslänk etikett till din text block.
  6. Använd samma meny för att lägga till en organisationsadress, hantera inställningslänkar, webbläsarlänkar och mer.
    Alternativ för anpassning av organisationen
  7. När du skickar e-posten kommer dessa etikett att ersättas med lämplig text eller länk.
    Rendering av sidfot
  8. Dra sedan in en Sociala länkar block i ditt köpcentrum, direkt ovanför texten block från de föregående stegen. 
  9. Välj din sociala kanal i rullgardinsmenyn för att lägga till dem på block.
    Välj social kanal
  10. I fältet Link address för varje social kanal lägger du till en länk till din profil. 
  11. Välj en ikonstil.
    Stilar för sociala ikoner
  12. Klicka på Done (Klar) för att återgå till huvudalternativen för mallredigering.
  13. Spara eventuellt hela sidfotsavsnittet som Universalinnehåll
5. Förhandsgranskning

5. Förhandsgranskning

När du har lagt till en rubrik, ett huvudinnehåll och en sidfot kan du förhandsgranska e-posten. 

  1. Klicka på Förhandsgranska & test i det övre högra hörnet av e-postredigeraren. 
  2. Växla mellan desktop och mobil för att se till att köpcentret ser ut som önskat i båda formaten. 
  3. Klicka på Skicka test för att skicka en test-e-post till din egen inkorg. 
  4. Klicka på Done för att stänga förhandsgranskningsmodalen. 
  5. Klicka på Spara för att spara din mall. 

När du har sparat basgallerian kan du använda den som grund för alla framtida kampanj- och flöde-poster

Kommande steg

Kommande steg

Var den här artikeln till hjälp?
Använd endast detta formulär för feedback på artiklar. Lär dig hur du kontaktar support.

Utforska mer från Klaviyo

Community
Få kontakt med kollegor, partner och Klaviyo-experter för att hitta inspiration, dela insikter och få svar på alla dina frågor.
Live-utbildning
Delta i en livesession med Klaviyo-experter för att lära dig om bästa praxis, hur man konfigurerar viktiga funktioner och mer.
Support

Få tillgång till support via ditt konto.

E-postsupport (gratis provperiod och betalkonton) Tillgänglig dygnet runt, alla dagar i veckan

Chatt/virtuell hjälp
Tillgängligheten varierar beroende på plats och abonnemangstyp