Så här skapar du en basmall
Lär dig hur du skapar en grundmall för e-post i Klaviyo. När du skapar en grundmall kan du använda den i dina kampanjer och flöden för att snabba upp byggprocessen och se till att ditt varumärke är konsekvent i alla meddelanden.
Innan du börjar
En grundmall innehåller viktiga avsnitt som ett sidhuvud, brödtext och en sidfot. Så här skapar du en:
- Gå till Innehåll > Mallar och välj Skapa > Ny mall.
- Välj E-post och ange ett beskrivande namn, till exempel ”Grundmall för e-post”, i fältet Namn.
- Klicka på Skapa för att öppna e-postredigeraren. Följ sedan stegen nedan för att lägga till återanvändbart innehåll i din mall.
1. Ställ in grundstilar
Innan du formger några enskilda block, ställ in dina basstilar. Dessa stilar, som typsnitt, färger, utfyllnad och annat, ger standardinställningar i hela din mall. Formatering som används på enskilda block eller i text kan åsidosätta dessa standardinställningar.
Att lägga till grundläggande stilar gör det enklare att tillämpa din varumärkesprofil, och det minskar också kodens vikt, vilket gör det lättare att undvika klippning i Gmail.
Så här lägger du till basstilar:
- Klicka på Stilar i det vänstra sidofältet.
Fliken Format i ett valt block eller avsnitt påverkar bara det blocket eller avsnittet. Använd Format i det vänstra sidofältet för att ändra mallens grundformat.
- Ange en bakgrundsfärg för din mall och ditt innehåll, tillsammans med marginal och utfyllnad. Vi rekommenderar att du låter inställningen Bredd vara 600 px för optimal kompatibilitet med inkorgsleverantörer.
- I Text och rubriker kan du lägga till textformat, inklusive teckensnitt, teckenstorlekar, färger och mellanrum. Använd menyn Formattyp för att ange format för brödtext samt Rubrik 1, Rubrik 2, Rubrik 3 och Rubrik 4. Du kan använda de här rubrikformaten för framträdande text i hela ditt e-postmeddelande. Läs mer om hur du använder ett anpassat teckensnitt i dina e-postmeddelanden.
- Lägg till en länkfärg och en stil.
- Välj butikens valuta i menyn Valuta. Den valda valutasymbolen är standard för {% currency_format ... %}-etiketten i den här mallen.
- Om Optimera för mobil är aktiverat lägger du till mobilinställningar. De visas när någon öppnar ditt e-postmeddelande på en mobil enhet. Läs mer om mobiloptimering.
2. Bygg ett avsnitt för sidhuvud
När du har konfigurerat dina e-poststilar lägger du till ditt sidhuvudavsnitt. Vanligtvis innehåller sidhuvudsavsnitt en logotyp, viktiga länkar och ibland en banner med funktioner som information om din senaste rea eller mottagarens VIP-status.
- Om din mall redan har en rubrikrad klickar du på den för att uppdatera den med din egen logotyp. Alternativt klickar du på Innehåll i det vänstra sidofältet, drar in ett Rubrikrad -block och lägger till din logotyp. Läs om bästa praxis för bildstorlek och bildkvalitet.
- Välj en layout i menyerna Datorlayout och Mobilayout (t.ex. Logotyp i rad för dator och Stapla allt för mobil). Kom ihåg att mobila enheter har mycket mindre skärmar än datorer, så att stapla innehåll kan göra det enklare att läsa och navigera.
- I avsnittet Innehåll lägger du till viktiga länkar för webbplatsnavigering. Klicka på papperskorgsikonen för att ta bort länkar, eller Lägg till länk för att lägga till dem. Vanliga länkar att ha med i sidhuvudet är: handla nu, nyheter, om oss, rea, vanliga frågor eller ett urval av produktkategorier.
- Justera blockstilar i avsnitten under ditt länkinnehåll. Kom ihåg att om du vill använda en stilinställning för hela ditt e-postmeddelande ska du använda huvudpanelen Stilar, som beskrivs i avsnittet ovan.
- Klicka på bakåtpilen högst upp i blockinställningarna för att gå tillbaka till Content.
Lägg till en valfri funktionsbanner
Du kan lägga till en funktionsbanner ovanför eller under rubrikraden.
- Dra ett textblock till samma avsnitt som ditt länkradfält.
- Ställ in bakgrunden på en accentfärg och lägg till ett utvalt meddelande, till exempel ”Använd koden WELCOME för 15 % rabatt på din första beställning!”
- Kontrollera att din funktionsbanner och länkrad finns i samma avsnitt genom att hålla muspekaren över utrymmet till vänster eller höger om blocken. En grå Avsnitt -ram ska omge båda blocken när du håller muspekaren över dem, och den blir blå när avsnittet klickas.
- Valfritt: Klicka på stjärnikonen, ange ett namn för avsnittet och klicka på Skapa för att spara det som Universalinnehåll. Universella block och avsnitt kan användas i flera mallar, och du kan redigera alla instanser av blocket/avsnittet samtidigt. Läs mer om universalinnehåll.
3. Lägg till brödtextinnehåll
- Öppna Innehåll i det vänstra sidofältet om det är stängt. Om inställningar för block eller avsnitt är öppna klickar du på deras bakåtpil. Dra ett Avsnitt -block från Layout och placera det under ditt sidhuvud.
- Lägg till platshållarblock för innehållet i e-postmeddelandets brödtext. Det kan till exempel inkludera textblock med beskrivningar av ditt varumärke eller kampanjmeddelanden, vanliga layouter som du tänker använda, produktbilder som platshållare med mera. Lär dig hur du placerar innehåll sida vid sida med hjälp av kolumner, delningsblock och tabeller.
Läs mer om hur du lägger till en bakgrundsbild i ett avsnitt och lägger knappar, text och andra element ovanpå den.
4. Skapa ett sidfotsavsnitt
Klaviyo kräver att du inkluderar en avregistreringslänk i dina e-postmeddelanden, och den placeras oftast i sidfoten. Dessutom rekommenderas följande sidfotselement:
- Din företagsadress
- En länk till din sekretesspolicy
- Länkar till dina sociala profiler (t.ex. Facebook, Instagram, Twitter, TikTok)
- En länk till din webbplats
- En länk för e-postpreferenser
Så här lägger du till en sidfot i din basmall:
- Gå tillbaka till Innehåll med bakåtpilen om block- eller avsnittsinställningar är öppna. Dra ett nytt avsnitt under ditt brödtextavsnitt, eller klicka på standardsidfoten för att redigera den.
- Lägg till ett textblock.
- Klicka på ikonen Personanpassning i verktygsfältet för textformatering.
- I fältet Sökpersonalisering söker du efter ”avsluta prenumeration.”
- Välj Avsluta prenumeration för att lägga till en avregistreringslänk-etikett i ditt textblock.
- Använd samma meny för att lägga till en organisationsadress, en länk för att hantera inställningar, en länk för webbvisning med mera.
För Hantera inställningar och Webbvisning granskar du länktexten och klickar på Infoga.
När du skickar e-postmeddelandet ersätts dessa etiketter med rätt text eller länkar.
- Klicka på bakåtpilen längst upp i inställningarna för textblocket och dra sedan in ett Sociala länkar -block i din sidfotssektion, direkt ovanför textblocket från de föregående stegen.
- Välj dina sociala kanaler i rullgardinsmenyn Ikon för varje befintlig ikon. Om du vill lägga till en annan kanal klickar du på Lägg till ikon och väljer sedan en kanal för den nya ikonen.
- I fältet Länkadress för varje social kanal lägger du till en länk till din profil.
- Välj en ikonstil.
- Klicka på bakåtpilen högst upp i blockinställningarna för att gå tillbaka till Content.
- Du kan även spara hela sidfotsavsnittet som Universalinnehåll. Markera sidfotsavsnittet, klicka på stjärnikonen, ange ett namn och klicka på Skapa.
5. Förhandsvisa
När du har lagt till en rubrik, brödtext och en sidfotssektion kan du förhandsgranska e-postmeddelandet.
- Klicka på Förhandsgranska längst upp till höger i e-postredigeraren.
- Växla mellan dator och mobil för att se till att mallen visas som önskat i båda formaten.
- Ange din e-postadress i fältet för testmottagare och klicka sedan på Skicka test för att skicka ett testmejl till din egen inkorg.
- Klicka på Klar för att stänga förhandsgranskningsmodulen.
- Klicka på Avsluta för att avsluta redigeringen och återgå till dina mallar. Klaviyo sparar dina malländringar automatiskt.
När du har sparat basmallen kan du använda den som grund för alla framtida kampanj - och flödes -e-postmeddelanden.