So verwendest du einen Tabellenblock in einer E-Mail

Übersicht

Erfahre, wie du einen Tabellenblock in einer E-Mail verwendest. Diese Blöcke können Bilder und Text nebeneinander anzeigen. Tabellenblöcke können auch dynamisch sein und Daten durchlaufen, um die E-Mail für jede*n Empfänger*in zu personalisieren.

Grundlegendes zu Tabellenblöcken

Es gibt 2 Arten von Tabellenblöcken:

• Statisch
  Dieser Tabellentyp zeigt genau die Anzahl an Zeilen und Spalten an, die du auswählst. Jede*r Empfänger*in sieht dasselbe Tabellenlayout, aber der Inhalt kann variieren, wenn du Personalisierungs-, Ereignis-, Katalog- oder andere Tag verwendest.
• Dynamisch
  Diese Tabellenblöcke ermöglichen es dir, eine Liste von Daten zu durchlaufen (z. B. eine Liste von Artikeln in einem Warenkorbabbruch oder einem Bestellbestätigungs-Flow). Die Anzahl der Zeilen wird durch die Anzahl der Listenelemente bestimmt: Wenn jemand 1 Artikel bestellt hat, gibt es 1 Zeile; wenn 5 Artikel bestellt wurden, gibt es 5 Zeilen.

Der häufigste Anwendungsfall für einen dynamischen Tabellenblock ist das Hervorheben von Produkten in einer Nachricht zu einem Warenkorbabbruch. Dabei wird ein dynamischer Block verwendet, um mehrere Zeilen mit Bildern, Produktnamen und Preisen der einzelnen abgebrochenen Artikel anzuzeigen.

Wann Tabellenblöcke verwendet werden

Ein Tabellenblock ist eine von mehreren Möglichkeiten, 2 oder mehr Inhalte nebeneinander zu platzieren. Alternativen sind Split-Blöcke und Spalten.

Erfahre mehr über die verschiedenen Optionen, um Inhalte in der Tabelle unten nebeneinander zu platzieren.

Statische Tabellenblöcke

Das Wort „statisch“ bedeutet hier einfach, dass der Inhalt und die Anzahl der Zeilen in der Tabelle für alle Empfänger*innen gleich bleiben. Der Inhalt ändert sich nur, wenn du dynamischen Inhalt hinzufügst, z. B. Personalisierung, Datums- und Katalog-Tag, innerhalb eines statischen Tabellenblocks.

Anwendungsfälle für statische Tabellenblöcke

Einen statischen Tabellenblock verwenden, um:

• Ein bestimmtes Element anzeigen, z. B. für Blitzverkäufe oder Produktneueinführungen.
• Nimm immer die gleiche Anzahl an Artikeln auf (z. B. den zuletzt angesehenen Artikel in einer Browse Abandonment-Nachricht anzeigen).
• Erstelle eine Flow-Nachricht, bei der die Ereignisdaten nur 1 Element enthalten, das Folgendes umfasst:
  • Warenkorbabbruch-Flows (Auslöser: Zum Warenkorb hinzugefügt)
  • Browse-Abandonment-Flows
  • Flow für wieder auf Lager und Preisabfall
• Du möchtest statischen Text und Bilder nebeneinander platzieren

So erstellst du einen Block für statische Tabellen

1. Navigiere zu einer E-Mail (d. h. einer Kampagnen-E-Mail, Vorlage oder Flow-E-Mail).
2. Ziehe im Menü Blöcke einen Tabelle -Block in die Arbeitsfläche.
   

3. Öffne das Menü Styles für den Block. Beachte, dass Static bereits ausgewählt ist, da dies die Standardeinstellung für Tabellenblöcke ist.
   

4. Klicke unter Columns auf Spalte hinzufügen, um weitere Spalten hinzuzufügen.
   

5. Klicke unter Zeilen auf Zeile hinzufügen, um zusätzliche Zeilen hinzuzufügen.
   

6. Gehe zurück zum Tab Content des Blocks.
7. Verwende den Bereich Zellenauswahl, um auszuwählen, welche Zelle du bearbeiten möchtest.
   

8. Wähle im Menü Zelleninhalt aus, ob diese Zelle Text oder ein Bild enthalten soll. Wiederhole dies für jede Zelle.
9. Inhalte (d. h. Text oder ein Bild) unterhalb des Menüs Zelleninhalt hinzufügen.
10. Sobald du jeder Zelle Inhalte hinzugefügt hast, klicke auf den Zurück-Pfeil, um zum Hauptmenü Inhalte zurückzukehren und mit dem Erstellen deiner E-Mail fortzufahren.
    

Dynamische Tabellenblöcke

Dynamische Tabellenblöcke durchlaufen einen Datensatz, um Inhalte basierend auf der Anzahl der darin enthaltenen Einträge zu wiederholen. Der Block iteriert, bis er das Ende der Liste erreicht. Zum Beispiel kannst du die genaue Anzahl der Produkte im Warenkorb von Kund*innen anzeigen. 

Um einen dynamischen Block zu verwenden, musst du auf Daten verweisen, die als verschachtelte Liste formatiert sind, wobei jeder Listeneintrag demselben Format folgt. Der häufigste Anwendungsfall sind Produktinformationen, die im Trigger-Ereignis eines Flows enthalten sind (z. B. Checkout gestartet, Bestellung aufgegeben). Du kannst aber auch einen Web-Feed verwenden, um Blogbeiträge aufzulisten, oder auf Profildaten verweisen, die als Liste formatiert sind.

Elemente eines dynamischen Tabellenblocks

Zum Erstellen eines dynamischen Inhaltsblocks sind 3 Elemente erforderlich:

• Zeilensammlung
  Der Ort der Daten, über die iteriert werden soll. Wenn du dir deine Quelldaten ansiehst (z. B. die Elemente in den Metadaten eines Started Checkout -Ereignisses), ist dies der Teil der relevanten Vorlagen-Tags, der bei jedem Tag gleich ist.
• Zeilenalias
  Eine Kurzform, um auf deine Zeilensammlung zu verweisen, während die Tabelle durch deinen Datensatz iteriert. Der Zeilenalias ist normalerweise item, aber du kannst jeden beliebigen Text verwenden.
• Dynamischer Inhalt
  Der Inhalt, der in jeder Zeile angezeigt wird. Du möchtest beispielsweise für jedes Element, das jemand in seinem Warenkorb gelassen hat, ein Bild, den Produktnamen, den Preis und die Varianteninformationen anzeigen.

Anwendungsfälle für dynamische Tabellenblöcke

Verwende einen dynamischen Tabellenblock, wenn du dynamisch auf eine Datenliste verweist und jeder Eintrag in der Liste auf die gleiche Weise formatiert ist. Dazu gehören:

• Flows für Warenkorbabbruch (Trigger: Checkout gestartet)
• Bestellbestätigungs-Flows
• Up- oder Cross-Selling-Flows

So erstellst du einen dynamischen Tabellenblock

Dieser Abschnitt behandelt dynamische Tabellenblöcke auf hoher Ebene. Ausführlichere Anweisungen zu diesem Vorgang findest du hier: So erstellst du dynamische Blöcke in einer Flow-E-Mail.

1. Navigiere zum Editor für eine E-Mail. Wenn du Ereignisdaten verwendest (z. B. Details zu Warenkorbabbruch), navigiere zu einer E-Mail innerhalb eines Flows, der durch das relevante Ereignis ausgelöst wird. 
2. Ziehe im Menü Blöcke einen Tabelle -Block in die Arbeitsfläche.
   

3. Öffne das Menü Styles für den Block und wähle Dynamisch aus.
   

4. Lege deine Zeilensammlung fest: Verwende den Teil des Personalisierungs-Tags, der bei jedem Element konsistent ist, das du anzeigen möchtest.
   • Wenn zum Beispiel {{ event.products.0.imageURL }} der Tag für das Bild des ersten Artikels ist und {{ event.products.1.name }} der Tag für den Namen des zweiten Artikels ist, sollte deine Zeilensammlung event.products sein.
   • Die Zeilensammlung ist fast immer der Teil des Tags vor der ersten Zahl (z. B. event.extra.line_items, wenn der vollständige Tag {{ event.extra.line_items.0.product.name }} ist).
5. Lege dein Zeilenalias als item fest.
6. Gehe zurück zum Tab Content des Blocks.
   • Füge jeder Zelle der Tabelle Inhalt hinzu. In der Regel ist die Zelle links ein Bild, und die Zelle rechts ist Text, der dynamische Tags mit Produktinformationen enthält.
7. Ersetze in jedem Tag in deiner Tabelle alles vor der ersten Zahl durch deinen Zeilenalias (d. h. „item“). Zum Beispiel:
   • {{ event.extra.line_items.0.imageURL }} wird zu {{ item.imageURL }}
   • {{ event.items.0.product.name }} wird zu {{ item.product.name }}
8. Klicke auf Vorschau und Test, um eine Vorschau deiner E-Mail zu erhalten.
   • Achte darauf, dass du mit den richtigen Daten eine Vorschau verwendest (z. B. wenn dies eine Nachricht zu einem Warenkorbabbruch ist, verwende die Vorschau mit dem Ereignis Checkout gestartet), sonst wird in der Tabelle nichts angezeigt.

Dieser Prozess ermöglicht es Entwickler*innen und Marketer*innen mit Programmierkenntnissen, stark benutzerdefinierte Inhalte zu erstellen. Wenn du keine Entwickler*innen in deinem Team hast und dich nicht wohl dabei fühlst, diesen Block selbst zu erstellen, solltest du erwägen, dich an eine*n Klaviyo Partner zu wenden, um Unterstützung zu erhalten.

Erfahre mehr über das Erstellen eines Warenkorbabbruch-Flows oder das Verwenden von Ereignisdaten zur Personalisierung von E-Mail- und SMS-Flows.

So funktionieren dynamische Tabellenblöcke

Dynamische Tabellenblöcke funktionieren genau wie eine for -Schleife in den meisten Programmiersprachen.

• Die Zeilensammlung identifiziert den Teil der Daten, der durchlaufen werden soll.
• Der Zeilenalias ist ein Alias, um zu erkennen, wo dynamische Inhalte erscheinen.
• Jedes Tag, der den Alias Zeile verwendet, verweist auf die richtige Zeile in den Ereignisdaten, je nachdem, in welcher Zeile er steht.

Wenn die E-Mail gerendert wird, durchläuft Klaviyo jedes Element im Datensatz in einer Schleife. Beim ersten Mal wird der Zeilenalias durch [Zeilensammlung].0. ersetzt, was auf das erste Element im Datensatz verweist. Beim zweiten Mal wird der Zeilenalias durch [Zeilensammlung].1. ersetzt, wodurch das zweite Element im Datensatz angezeigt wird. Dieser Prozess wird dann fortgesetzt, bis keine Elemente mehr übrig sind, und es gibt eine Zeile für jedes Element im Datensatz.

Weitere Ressourcen