Så här använder du ett tabellblock i ett e-postmeddelande

Du kommer att lära dig

Lär dig hur du använder ett tabellblock i ett e-postmeddelande. Dessa block kan visa bilder och text sida vid sida. Tabellblock kan också vara dynamiska och iterera över data för att anpassa e-postmeddelandet för varje mottagare.

Förstå tabellblock

Det finns 2 typer av tabellblock:

• Statisk
  Den här typen av tabellblock visar exakt det antal rader och kolumner du väljer. Varje mottagare ser samma tabellayout, men innehållet kan variera om du använder personalisering, händelse-, katalog- eller andra etiketter.
• Dynamisk
  Med de här tabellblocken kan du iterera över en lista med data (t.ex. en lista med varor i en övergiven kundvagn eller ett flöde för orderbekräftelse). Antalet rader avgörs av antalet listobjekt: om någon beställde 1 vara får de 1 rad. Om de beställde 5 varor får de 5 rader.

Det vanligaste användningsfallet för ett dynamiskt tabellblock är att lyfta fram produkter i ett meddelande om övergiven kundvagn. Det här använder ett dynamiskt block för att visa flera rader med bilder, produktnamn och priser för varje övergivet objekt.

När du ska använda tabellblock

Ett tabellblock är ett av flera sätt att placera två eller fler innehållsdelar sida vid sida. Alternativ är delade block och kolumner.

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

Statiska tabellblock

Ordet ”static” här betyder helt enkelt att innehållet och antalet rader i tabellen förblir detsamma för varje mottagare. Det enda tillfället då innehållet ändras är om du lägger till dynamiskt innehåll, som personalisering, datum och katalogetiketter, i ett statiskt tabellblock.

Användningsfall för statiska tabellblock

Använd ett statiskt tabellblock för att:

• Visa ett specifikt objekt, till exempel för snabbreor eller produktlanseringar.
• Inkludera alltid samma antal objekt (t.ex. visa det senast visade objektet i ett meddelande om övergiven surfning).
• Skapa ett flödesmeddelande där händelsedatan bara innehåller 1 objekt, som inkluderar:
  • Flöden för övergiven kundvagn (utlösare: lagt i kundvagn)
  • Flöden för övergiven surfning
  • Flöden för tillbaka i lager och prissänkning
• Du vill placera statisk text och bilder sida vid sida

Så här skapar du ett statiskt tabellblock

1. Gå till ett e-postmeddelande (dvs. ett kampanjutskick, en mall eller ett flödesmeddelande).
2. I menyn Block drar du ett Tabell -block till arbetsytan.
   

3. Öppna menyn Stilar för blocket. Observera att Statisk redan är valt, eftersom detta är standardinställningen för tabellblock.
   

4. Under Columns klickar du på Add column för att lägga till fler kolumner.
   

5. Under Rows klickar du på Add row för att lägga till fler rader.
   

6. Gå tillbaka till blockets flik Innehåll.
7. Använd området Cell selector för att välja vilken cell du vill redigera.
   

8. Välj om den cellen ska vara text eller en bild med menyn Cellinnehåll. Upprepa för varje cell.
9. Lägg till innehåll (dvs. text eller en bild) under menyn Cell content.
10. När du har lagt till innehåll i varje cell klickar du på bakåtpilen för att återgå till huvudmenyn Innehåll och fortsätta bygga ditt e-postmeddelande.
    

Dynamiska tabellblock

Dynamiska tabellblock itererar över en datauppsättning för att upprepa innehåll baserat på antalet poster i den. Blocket itererar tills det når slutet av listan. Du kan till exempel visa det exakta antalet produkter i någons kundvagn. 

För att använda ett dynamiskt block måste du referera till data som är formaterade som en nästlad lista, där varje listpost följer samma format. Det vanligaste användningsfallet är produktinformation som finns i ett flödes utlösarhändelse (t.ex. påbörjade kassan, lade order), men du kan också använda ett webbflöde för att lista blogginlägg eller referera till profildata som är formaterade som en lista.

Delar av ett dynamiskt tabellblock

För att skapa ett dynamiskt innehållsblock krävs 3 delar:

• Radsamling
  Platsen för de data som ska itereras över. När du tittar på dina källdata (t.ex. objekten i en Startad kassa -händelses metadata) är detta den del av de relevanta malltaggarna som är densamma för varje etikett.
• Radalias
  Ett kortfattat sätt att referera till din radsamling när tabellen itererar genom din datamängd. Radaliaset är vanligtvis item, men du kan använda valfri text.
• Dynamiskt innehåll
  Innehållet som kommer att visas i varje rad. Du kanske till exempel vill visa en bild, produktnamn, pris och information om variation för varje objekt som någon lämnade i sin kundvagn.

Användningsfall för dynamiska tabellblock

Använd ett dynamiskt tabellblock om du refererar dynamiskt till en lista med data och varje post i listan är formaterad på samma sätt. Detta inkluderar:

• Flöden för övergiven kundvagn (utlösare: påbörjad betalningsprocess)
• Flöden för beställningsbekräftelse
• Flöden för merförsäljning eller korsförsäljning

Så skapar du ett dynamiskt tabellblock

Det här avsnittet går igenom dynamiska tabellblock på en övergripande nivå. För mer detaljerade instruktioner om den här processen kan du läsa hur du skapar dynamiska block i ett flödesmejl.

1. Navigera till redigeraren för ett e-postmeddelande. Om du använder händelsedata (t.ex. information om övergiven kundvagn) navigerar du till ett e-postmeddelande i ett flöde som utlöses av den relevanta händelsen. 
2. I menyn Block drar du ett Tabell -block till arbetsytan.
   

3. Öppna menyn Stilar för blocket och välj Dynamisk.
   

4. Ställ in din radsamling: använd den del av personaliseringstaggen som är konsekvent för varje objekt som du vill visa.
   • Om till exempel {{ event.products.0.imageURL }} är etiketten för den första artikelns bild och {{ event.products.1.name }} är etiketten för den andra artikelns namn, ska din radsamling vara event.products.
   • Radsamlingen är nästan alltid den del av etiketten som kommer före 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 Radalias som item.
6. Gå tillbaka till blockets flik Innehåll.
   • Lägg till innehåll i varje cell i tabellen. Vanligtvis är cellen till vänster en bild och cellen till höger text som innehåller dynamiska etikett med produktinformation.
7. Ersätt allt före den första siffran i varje etikett i din tabell med ditt radalias (dvs. ”item”). Till exempel:
   • {{ event.extra.line_items.0.imageURL }} blir {{ item.imageURL }}
   • {{ event.items.0.product.name }} blir {{ item.product.name }}
8. Klicka på Förhandsgranska och testa för att förhandsgranska ditt mejl.
   • Se till att du förhandsgranskar med rätt data (t.ex. om detta är ett meddelande om övergiven kundvagn, förhandsgranska med händelsen Startade betalning), annars visar tabellen ingenting.

Den här processen gör det möjligt för utvecklare och kodkunniga marknadsförare att skapa mycket anpassat innehåll. Om du inte har en utvecklare i ditt team och inte känner dig bekväm med att skapa det här blocket 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 flöde för övergiven kundvagn eller om att använda händelsedata för att anpassa e-post- och sms-flöden.

Så fungerar dynamiska tabellblock

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

• Radinsamlingen identifierar den del av data som ska loopas igenom.
• Radalias är ett alias som används för att identifiera var dynamiskt innehåll visas.
• Varje etikett som använder Row alias refererar till rätt rad i händelsedata, baserat på vilken rad den visas i.

När e-postmeddelandet renderas loopar Klaviyo igenom varje objekt i datauppsättningen. Första gången ersätts radaliaset med [row collection].0., som refererar till det första objektet i datauppsättningen. Andra gången ersätts radaliaset med [row collection].1., vilket indikerar det andra objektet i datauppsättningen. Den här processen fortsätter sedan tills inga objekt återstår, och det finns en rad för varje objekt i datauppsättningen.

Ytterligare resurser