Så här använder du en tabell block i en e-post

Du kommer att lära dig 

Lär dig hur du använder en tabell block i en e-post. Dessa block kan visa bilder och text sida vid sida. Tabellblocket kan också vara dynamiskt och iterera över data för att anpassa e-posten till varje mottagare.

Förståelse av tabellblock 

Det finns 2 typer av bordsblock: 

• Statisk
  Den här typen av tabell block visar exakt det antal rader och kolumner som du väljer. Varje mottagare ser samma tabell layout, men innehållet kan variera om du använder personalisering, händelse, katalog eller annan etikett. 
• Dynamisk
  Med dessa tabellblock kan du iterera över en lista på data (t.ex. en lista över artiklar i en övergiven kundvagn eller orderbekräftelseflöde). Antalet rader bestäms av antalet artiklar i listan: om någon beställde 1 artikel har de 1 rad; om de beställde 5 artiklar har de 5 rader. 

Det vanligaste användningsområdet för en dynamisk tabell block är att lyfta fram produkter i ett meddelande om övergiven kundvagn. Detta använder ett dynamiskt block för att visa flera rader med bilder, produktnamn och priser för varje övergiven artikel. 

När ska du använda bordsblock

En tabell block är ett av flera sätt att placera två eller flera delar av innehållet sida vid sida. Alternativen är bland annat delningsblock och kolonner. 

Läs mer om de olika alternativen för att placera innehåll sida vid sida i tabellen nedan. 

Block för statisk tabell 

Ordet "statisk" betyder här helt enkelt att innehållet och antalet rader i tabellen förblir detsamma för varje mottagare. Den enda gången innehållet ändras är om du lägger till dynamiskt innehåll, som personalisering, datum och katalogetikett, i en statisk tabell block. 

Användningsfall för statiskt tabellblock

Använd en statisk tabell block för att:

• Visa ett specifikt objekt, t.ex. vid flashförsäljning eller produktlanseringar.
• Inkludera alltid samma antal objekt (t.ex. visa det senast visade objektet i ett övergivet surfningsmeddelande. 
• Skapa ett flödesmeddelande där eventet data endast innehåller 1 objekt, vilket inkluderar: 
  • övergiven kundvagn flöde (läggs till i varukorgen trigger) 
  • flöde för övergiven surfning 
  • tillbaka i lager och prissänkning flöde 
• Du vill placera statisk text och bilder sida vid sida

Så här skapar du en statisk tabell block

1. Navigera till en e-post (t.ex. en kampanj e-postmallar eller flöde e-post). 
2. Från blockmenyn drar du en Table block till Canvas.
   
3. Öppna menyn Stilar för block. Observera att Static redan är valt, eftersom detta är standardinställningen för tabellblocket.
   
4. Under Kolumner klickar du på Lägg till kolumn för att lägga till ytterligare kolumner.
   
5. Under Rader klickar du på Lägg till rad för att lägga till ytterligare rader.
   
6. Gå tillbaka till fliken Innehåll block på. 
7. Använd cellväljaren för att välja vilken cell du vill redigera.
   
8. Välj om cellen ska innehålla text eller en bild med hjälp av menyn Cellinnehåll. Upprepa för varje cell.
9. Lägg till innehåll (t.ex. text eller en bild) under innehållsmenyn Cell. 
10. När du har lagt till innehåll i varje cell klickar du på pilen tillbaka för att återgå till huvudmenyn Innehåll och fortsätta bygga upp din e-post.
    

Dynamiskt tabellblock 

Dynamiskt tabellblock itererar över en data -uppsättning för att upprepa innehåll baserat på antalet poster i den. block itererar tills den når slutet av listan. Du kan till exempel visa det exakta antalet produkter i en persons varukorg.  

För att kunna använda en dynamisk block måste du hänvisa till data som är formaterad som en nästlad lista, där varje listpost följer samma format. Det vanligaste användningsfallet är produktinformation som finns i en flödes triggerhändelse (t.ex. startad kassa, lagd order), men du kan också använda ett webbflöde för att lista blogginlägg eller referera till profildata som är formaterad som en lista. 

element i en dynamisk tabell block

För att skapa ett dynamiskt innehåll på block krävs 3 element: 

• Samling av rader
  Platsen för de data som ska itereras över. När du tittar på källan data (t.ex. objekten i metadata för en Started kassa-händelse ) är detta den del av den relevanta malltaggen som är densamma för varje etikett.
• Alias för rad
  Ett kortfattat sätt att referera till din radsamling när tabellen itererar genom din data -uppsättning. Radaliaset är vanligtvis item, men du kan använda vilken text som helst. 
• Dynamiskt innehåll
  Det innehåll som kommer att visas i varje rad. Du kanske till exempel vill visa en bild, produktnamn, pris och variationsinformation för varje artikel som någon har lämnat kvar i varukorgen. 

Användningsfall för dynamiska tabellblock

Använd en dynamisk tabell block om du dynamiskt refererar till en lista på data och varje post i listan är formaterad på samma sätt. Detta ingår: 

• övergiven kundvagn flöde (kassa startade trigger) 
• Orderbekräftelse flöde 
• Upp- eller korsförsäljning flöde

Så här skapar du en dynamisk tabell block

I detta avsnitt beskrivs dynamiska tabellblock på en övergripande nivå. För mer detaljerade instruktioner om denna process, läs hur man bygger dynamiska block i ett flöde e-post.

1. Navigera till redaktören för ett e-postmeddelande. Om du använder event data (t.ex. övergiven kundvagn detaljer), navigera till ett e-postmeddelande inom ett flöde som utlöses av den relevanta händelsen.  
2. Från blockmenyn drar du en Table block till Canvas.
   
3. Öppna menyn Styles på block och välj Dynamic.
    
4. Ställ in din radkollektion: använd den del av malltaggen som är konsekvent för varje objekt som du vill visa.
   • Till exempel, om {{ event.products.0.imageURL }} är etikett för den första artikelns bild och {{ event.products.1.name }} är etikett för den andra varans namn, då bör din radsamling vara event.products. 
   • Radsamlingen kommer nästan alltid att vara den del av etiketten som föregår den första siffran (t.ex. event.extra.line_items om den fullständiga etiketten är {{ event.extra.line_items.0.product.name }}).
5. Ange ditt Row-alias som objekt. 
6. Gå tillbaka till fliken Innehåll block på. 
   • Lägg till innehåll i varje cell i tabellen. I allmänhet är cellen till vänster en bild och cellen till höger en text som innehåller dynamisk etikett med produktinformation. 
7. Ersätt allt som föregår den första siffran i varje etikett i din tabell med ditt radalias (t.ex. "item"). Till exempel:
   • {{ event.extra.line_items.0.imageURL }} blir {{ item.imageURL }} 
   • {{ event.items.0.product.name }} blir {{ item.product.name }}
8. Klicka på Preview & test för att förhandsgranska din e-post. 
   • Se till att du förhandsgranskar med rätt data (t.ex. om detta är ett meddelande om en övergiven kundvagn, förhandsgranska med händelsen Started kassa ), annars kommer tabellen inte att visa något. 

Denna process gör det möjligt för utvecklare och kodkunniga marknadsförare att skapa mycket anpassat innehåll. Om du inte har någon utvecklare i ditt team och inte känner dig bekväm med att skapa block själv kan du överväga att kontakta en Klaviyo -partner för att få hjälp.

Läs mer om hur du skapar ett övergiven kundvagn flöde eller använder event data för att personifiera e-post och sms flöde.

Hur dynamiska tabellblock fungerar

Dynamiska tabellblock fungerar precis som en for-loop i de flesta programmeringsspråk. 

• Row collection identifierar den del av data som ska loopas igenom. 
• Row-aliaset är ett alias för att identifiera var dynamiskt innehåll visas. 
• Varje etikett som använder Row-aliaset kommer att hänvisa till rätt rad inom evenemanget data, baserat på vilken rad den visas i. 

När e-posten återges går Klaviyo igenom varje post i data -uppsättningen. Första gången ersätts radaliaset med [row collection].0., vilket refererar till det första objektet i data -uppsättningen. Andra gången ersätts radaliaset med [radsamling].1., som anger det andra föremålet i uppsättningen data. Denna process fortsätter sedan tills inga föremål återstår och det finns en rad för varje föremål i data -uppsättningen. 

Ytterligare resurser

• kurs: Anpassa och personifiera e-post med hjälp av Django
• Så här visar du produkter vertikalt i e-post