Hoe gebruik je een tabelblok in een e-mail

Je leert het volgende 

Leer hoe je een tabelblok in een e-mail gebruikt. Deze blokken kunnen afbeeldingen en tekst naast elkaar weergeven. Tabelblok kan ook dynamisch zijn, itererend over gegevens om de e-mail te personaliseren voor elke ontvanger.

Tabel blok begrijpen 

Er zijn 2 soorten tabelblok: 

• Statisch
  Dit type tabelblok geeft precies het aantal rijen en kolommen weer dat je selecteert. Elke ontvanger ziet dezelfde tabelindeling, maar de inhoud kan variëren als je personalisatie, gebeurtenis, catalogus of een andere tag gebruikt. 
• Dynamisch
  Met deze tabelblokken kun je itereren over een lijst met gegevens (bijvoorbeeld een lijst met items in een winkelwagen verlaten of orderbevestiging flow). Het aantal rijen wordt bepaald door het aantal items in de lijst: als iemand 1 item heeft besteld, krijgt hij 1 rij; als hij 5 items heeft besteld, krijgt hij 5 rijen. 

Het meest voorkomende gebruik voor een dynamisch tabelblok is het markeren van producten in een winkelwagen verlaten bericht. Dit gebruikt een dynamisch blok om meerdere rijen weer te geven met afbeeldingen, productnamen en prijzen van elk verlaten item. 

Wanneer tabelblok gebruiken

Een tabelblok is een van de manieren om 2 of meer stukken inhoud naast elkaar te zetten. Alternatieven zijn onder andere het splitsen van blok en kolommen. 

Lees meer over de verschillende opties om inhoud naast elkaar te plaatsen in de onderstaande tabel. 

Statisch tabelblok 

Het woord "statisch" betekent hier gewoon dat de inhoud en het aantal rijen in de tabel hetzelfde blijft voor elke ontvanger. De enige keer dat de inhoud verandert, is als je dynamische inhoud toevoegt, zoals personalisatie, datum en catalogustag, binnen een statisch tabelblok. 

Gebruikssituaties voor statische tabelblok

Gebruik een statisch tabelblok om:

• Laat een specifiek item zien, bijvoorbeeld voor flitsverkopen of productlanceringen.
• Neem altijd hetzelfde aantal items op (toon bijvoorbeeld het meest recent bekeken item in een bericht over het verlaten van een website. 
• Maak een flow bericht waarbij de gebeurtenisgegevens slechts 1 item bevatten: 
  • winkelwagen verlaten flow (toegevoegd aan winkelwagen trekker) 
  • stroom voor websiteverlaters 
  • weer op voorraad en prijsdaling stroom 
• Je wilt statische tekst en afbeeldingen naast elkaar plaatsen

Hoe maak je een statisch tabelblok

1. Navigeer naar een e-mail (bijvoorbeeld een campagne e-mailtemplate, of flow e-mail). 
2. Sleep vanuit het blokmenu een Tabelblok naar het canvas.
   
3. Open het menu Stijlen voor het blok. Merk op dat Static al geselecteerd is, omdat dit de standaardinstelling is voor tabelblok.
   
4. Klik onder Kolommen op Kolom toevoegen om extra kolommen toe te voegen.
   
5. Klik onder Rijen op Rij toevoegen om extra rijen toe te voegen.
   
6. Ga terug naar het tabblad Inhoud van het blok. 
7. Gebruik de celselector om te kiezen welke cel je wilt bewerken.
   
8. Kies of die cel tekst of een afbeelding moet zijn met het menu Celinhoud. Herhaal dit voor elke cel.
9. Voeg inhoud toe (bijvoorbeeld tekst of een afbeelding) onder het menu Celinhoud. 
10. Zodra je inhoud hebt toegevoegd aan elke cel, klik je op de pijl terug om terug te gaan naar het hoofdmenu Inhoud en verder te gaan met het bouwen van je e-mail.
    

Dynamisch tabelblok 

Dynamisch tabelblok itereert over een gegevensset om inhoud te herhalen op basis van het aantal items erin. Het blok itereert totdat het het einde van de lijst bereikt. Je kunt bijvoorbeeld het exacte aantal producten in iemands winkelwagentje laten zien.  

Om een dynamisch blok te gebruiken, moet je verwijzen naar gegevens die zijn opgemaakt als een geneste lijst, waarbij elk item in de lijst hetzelfde formaat heeft. De meest voorkomende toepassing is productinformatie die wordt gevonden in een triggergebeurtenis op flow(bijv. begonnen met afrekenen, bestelling geplaatst), maar je kunt ook een webfeed gebruiken om blogberichten te linken, of profielgegevens die zijn opgemaakt als een lijst. 

element van een dynamisch tabelblok

Het maken van een dynamisch inhoudblok vereist 3 elementen: 

• Rij verzameling
  De locatie van de gegevens om over te itereren. Als je naar je brongegevens kijkt (bijvoorbeeld de items in de metadata van een Started afrekenen evenement), is dit het deel van de relevante templatetag dat hetzelfde is voor elke tag.
• Rij alias
  Een stenografische manier om naar je rijverzameling te verwijzen terwijl de tabel door je gegevensverzameling itereert. De rij alias is meestal item, maar je kunt elke tekst gebruiken. 
• Dynamische inhoud
  De inhoud die in elke rij verschijnt. Je wilt bijvoorbeeld een afbeelding, productnaam, prijs en variatie-informatie weergeven voor elk artikel dat iemand in zijn winkelwagentje heeft achtergelaten. 

Gebruikscases voor dynamisch tabelblok

Gebruik een dynamisch tabelblok als je dynamisch verwijst naar een lijst met gegevens en elke invoer in de lijst op dezelfde manier is opgemaakt. Dit omvat: 

• winkelwagen verlaten stroom (afrekenen begonnen trigger) 
• Orderbevestigingsstroom 
• Stroom omhoog of bijverkoop

Hoe maak je een dynamisch tabelblok?

Deze sectie behandelt dynamische tabelblok op een hoog niveau. Lees voor meer gedetailleerde instructies over dit proces hoe je een dynamisch blok bouwt in een flow e-mail.

1. Navigeer naar de editor voor een e-mail. Als je gebeurtenisgegevens gebruikt (bijv. winkelwagen verlaten gegevens), navigeer dan naar een e-mail binnen een flow die wordt geactiveerd door de betreffende gebeurtenis.  
2. Sleep vanuit het blokmenu een Tabelblok naar het canvas.
   
3. Open het menu Stijlen voor het blok en selecteer Dynamisch.
    
4. Stel je Rij-verzameling in: gebruik het gedeelte van de sjabloontag dat consistent is voor elk item dat je wilt weergeven.
   • Als bijvoorbeeld {{ event.products.0.imageURL }} de tag is voor de afbeelding van het eerste item en {{ event.products.1.name }} de tag is voor de naam van het tweede item, dan moet je rijverzameling event.products zijn. 
   • De rijverzameling zal bijna altijd het deel van de tag zijn dat voorafgaat aan het eerste nummer (bijv. event.extra.line_items als de volledige tag {{ event.extra.line_items.0.product.name }}).
5. Stel je Row alias in als item. 
6. Ga terug naar het tabblad Inhoud van het blok. 
   • Voeg inhoud toe aan elke cel van de tabel. Over het algemeen is de cel links een afbeelding en de cel rechts tekst met een dynamische tag met productinformatie. 
7. Vervang alles voorafgaand aan het eerste getal in elke tag in je tabel door je rij alias (bijvoorbeeld "item"). Bijvoorbeeld:
   • {{ event.extra.line_items.0.imageURL }} wordt {{ item.imageURL }} 
   • {{ event.items.0.product.name }} wordt {{ item.product.name }}
8. Klik op Voorbeeld & test om een voorbeeld van je e-mail te bekijken. 
   • Zorg ervoor dat je een voorbeeld bekijkt met behulp van de juiste gegevens (bijvoorbeeld, als dit een winkelwagen verlaten bericht is, bekijk dan een voorbeeld met behulp van de Started afrekenen gebeurtenis) anders zal de tabel niets weergeven. 

Met dit proces kunnen ontwikkelaars en code-savvy marketeers zeer aangepaste inhoud maken. Als je geen ontwikkelaar in je team hebt en het niet prettig vindt om dit blok zelf te maken, overweeg dan om een Klaviyo partner om hulp te vragen.

Lees meer over het maken van een winkelwagen verlaten flow of het gebruik van gebeurtenisgegevens om e-mail en sms te personaliseren.

Hoe dynamisch tabelblok werkt

Dynamische tabelblok werken precies zoals een for-lus in de meeste programmeertalen. 

• De rij verzameling identificeert het gedeelte van de gegevens waar doorheen gelust moet worden. 
• De rij alias is een alias om aan te geven waar dynamische inhoud verschijnt. 
• Elke tag die de rij alias gebruikt zal verwijzen naar de juiste regel binnen de gebeurtenisgegevens, gebaseerd op in welke rij het verschijnt. 

Wanneer de e-mail wordt weergegeven, doorloopt Klaviyo elk item in de gegevensset. De eerste keer wordt de rij alias vervangen door [rij verzameling].0., verwijzend naar het eerste item in de gegevensverzameling. De tweede keer wordt de rij alias vervangen door [rij verzameling].1., die het tweede item in de gegevensverzameling aangeeft. Dit proces gaat door totdat er geen items meer over zijn en er één rij is voor elk item in de gegevensverzameling. 

Extra hulpbronnen

• cursus: E-mail aanpassen en personaliseren met Django
• Hoe producten verticaal weergeven in e-mail