Wie man einen Tabellenblock in einer E-Mail verwendet

Übersicht 

Lerne, wie du einen Tabellenblock in einer E-Mail verwenden kannst. Dieser Block kann Bilder und Text nebeneinander anzeigen. Table Block kann auch dynamisch sein und über Daten iterieren, um die E-Mail für jeden Empfänger zu personalisieren.

Verstehen der Tabelle Block 

Es gibt 2 Arten von Tischblöcken: 

• Statisch
  Diese Art von Tabellenblock zeigt genau die Anzahl von Zeilen und Spalten an, die du ausgewählt hast. Jeder Empfänger sieht das gleiche Tabellenlayout, aber der Inhalt kann variieren, wenn du Personalisierung, Ereignis, Katalog oder andere Tags verwendest. 
• Dynamisch
  Mit diesen Tabellenblöcken kannst du über eine Liste von Daten iterieren (z.B. eine Liste von Artikeln in einem Warenkorbabbruch oder einem Bestellbestätigungsfluss). Die Anzahl der Zeilen wird durch die Anzahl der Listenelemente bestimmt: Wenn jemand 1 Element bestellt hat, hat er 1 Zeile; wenn er 5 Elemente bestellt hat, hat er 5 Zeilen. 

Der häufigste Anwendungsfall für eine dynamische Tabelle Block ist die Hervorhebung von Produkten in einer Warenkorbabbruch-Nachricht. Hier wird ein dynamischer Block verwendet, um mehrere Zeilen mit Bildern, Produktnamen und Preisen für jeden verlassenen Artikel anzuzeigen. 

Wann wird die Tabelle Block verwendet?

Ein Tischblock ist eine von mehreren Möglichkeiten, 2 oder mehr Teile des Inhalts nebeneinander zu stellen. Zu den Alternativen gehören Split Block und Spalten. 

Erfahre mehr über die verschiedenen Möglichkeiten, Inhalt nebeneinander zu platzieren, in der Tabelle unten. 

Statische Tabelle Block 

Das Wort "statisch" bedeutet hier einfach, dass der Inhalt und die Anzahl der Zeilen in der Tabelle für jeden Empfänger gleich bleibt. Der Inhalt ändert sich nur, wenn du einen dynamischen Inhalt, wie z.B. Personalisierung, Datum und Katalog-Tag, in einen statischen Tabellenblock einfügst. 

Anwendungsfälle für die statische Tabelle Block

Verwende eine statische Tabelle Block, um:

• Zeige einen bestimmten Artikel an, z. B. bei Blitzverkäufen oder Produkteinführungen.
• Nimm immer die gleiche Anzahl von Artikeln auf (z. B. zeige den zuletzt angesehenen Artikel in einer Abbruchmeldung an. 
• Erstelle eine Flow-Nachricht, bei der die Ereignisdaten nur 1 Element enthalten, das Folgendes beinhaltet: 
  • Warenkorbabbruch Flow (zum Warenkorbabzug hinzugefügt) 
  • Browse-Abandonment-Flow 
  • wieder auf Lager und Preisverfall Flow 
• Du möchtest statischen Text und Bilder nebeneinander platzieren

Wie man eine statische Tabelle erstellt Block

1. Navigiere zu einer E-Mail (z.B. eine Kampagne E-Mail-Vorlagen oder eine Flow E-Mail). 
2. Ziehe im Menü " Block " einen Tabellenblock in die Arbeitsfläche.
   
3. Öffne das Menü Stile für den Block. Beachte, dass Statisch bereits ausgewählt ist, da dies die Standardeinstellung für die Tabelle Block ist.
   
4. Klicke unter Spalten auf Spalte hinzufügen, um weitere Spalten hinzuzufügen.
   
5. Klicke unter " Zeilen" auf " Zeile hinzufügen", um weitere Zeilen hinzuzufügen.
   
6. Kehre zur Registerkarte Inhalt des Blocks zurück. 
7. Benutze den Zellenauswahlbereich, um die Zelle auszuwählen, die du bearbeiten möchtest.
   
8. Wähle im Menü Zelleninhalt aus, ob die Zelle Text oder ein Bild enthalten soll. Wiederhole das für jede Zelle.
9. Füge Inhalt (d.h. Text oder ein Bild) unter dem Menü Zellinhalt hinzu. 
10. Wenn du jeder Zelle einen Inhalt hinzugefügt hast, klickst du auf den Zurück-Pfeil, um zum Hauptmenü " Inhalt" zurückzukehren und deine E-Mail weiter zu erstellen.
    

Dynamische Tabelle Block 

Dynamische Tabelle Block iteriert über einen Datensatz, um den Inhalt basierend auf der Anzahl der Einträge darin zu wiederholen. Der Block iteriert, bis er das Ende der Liste erreicht. Du kannst zum Beispiel die genaue Anzahl der Produkte im Einkaufswagen einer Person 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 gefunden werden (z.B. Bezahlvorgang gestartet, Bestellung aufgegeben), aber du kannst auch einen Web-Feed verwenden, um Blogbeiträge aufzulisten oder Profildaten zu referenzieren, die als Liste formatiert sind. 

Element einer dynamischen Tabelle Block

Die Erstellung eines dynamischen Inhaltsblocks erfordert 3 Elemente: 

• Zeilensammlung
  Der Ort der Daten, über die iteriert werden soll. Wenn du dir deine Quelldaten ansiehst (z. B. die Elemente in den Metadaten eines gestarteten Bezahlvorgangs ), ist dies der Teil des jeweiligen Vorlagen-Tags, der für jeden Tag gleich ist.
• Zeilen-Alias
  Eine Abkürzung, um auf deine Zeilensammlung zu verweisen, wenn 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 erscheinen wird. Du möchtest z.B. ein Bild, den Produktnamen, den Preis und die Varianteninformationen für jeden Artikel anzeigen, den jemand in seinem Warenkorb gelassen hat. 

Anwendungsfälle für die dynamische Tabelle Block

Verwende eine dynamische Tabelle Block, wenn du dynamisch auf eine Liste von Daten verweist und jeder Eintrag in der Liste auf die gleiche Weise formatiert ist. Dazu gehören: 

• Warenkorbabbruch Flow (Bezahlvorgang gestartet Trigger) 
• Auftragsbestätigung Ablauf 
• Up- oder Cross-Selling Flow

Wie man eine dynamische Tabelle erstellt Block

Dieser Abschnitt behandelt die dynamische Tabelle Block auf hohem Niveau. Detaillierte Anweisungen zu diesem Prozess findest du in der Anleitung zum Erstellen eines dynamischen Blocks in einer Flow-E-Mail.

1. Navigiere zum Editor für eine E-Mail. Wenn du Ereignisdaten verwendest (z.B. Warenkorbabbruch-Details), navigiere zu einer E-Mail in einem Flow, der durch das entsprechende Ereignis ausgelöst wurde.  
2. Ziehe im Menü " Block " einen Tabellenblock in die Arbeitsfläche.
   
3. Öffne das Menü Stile für den Block und wähle Dynamisch.
    
4. Lege deine Zeilensammlung fest: Verwende den Teil des Vorlagen-Tags, der für jeden Artikel, den du anzeigen möchtest, gleich ist.
   • Wenn zum Beispiel {{ event.products.0.imageURL }} das Tag für das Bild des ersten Artikels und {{ event.products.1.name }} das Tag für den Namen des zweiten Artikels ist, dann sollte deine Zeilensammlung event.products heißen. 
   • Die Zeilensammlung ist fast immer der Teil des Tags, der vor der ersten Zahl steht (z. B. event.extra.line_items wenn der vollständige Tag {{ event.extra.line_items.0.product.name }} ist).
5. Lege deinen Row-Alias als Artikel fest. 
6. Kehre zur Registerkarte Inhalt des Blocks zurück. 
   • Füge den Inhalt jeder Zelle der Tabelle hinzu. In der Regel ist die Zelle auf der linken Seite ein Bild und die Zelle auf der rechten Seite ein Text, der dynamische Tags mit Produktinformationen enthält. 
7. Ersetze alles, was vor der ersten Zahl in jedem Tag in deiner Tabelle steht, durch deinen Zeilennamen (z. B. "item"). Zum Beispiel:
   • Aus {{ event.extra.line_items.0.imageURL }} wird {{ item.imageURL }} 
   • Aus {{ event.items.0.product.name }} wird {{ item.product.name }}
8. Klicke auf Vorschau & test, um eine Vorschau deiner E-Mail zu erhalten. 
   • Vergewissere dich, dass du die richtigen Daten für die Vorschau verwendest (wenn es sich z. B. um eine Warenkorbabbruch-Nachricht handelt, verwende die Vorschau mit dem Ereignis "Gestarteter Bezahlvorgang "), sonst wird in der Tabelle nichts angezeigt. 

Dieser Prozess ermöglicht es Entwicklern und Code-versierten Marketern, hochgradig individuelle Inhalte zu erstellen. Wenn du keinen Entwickler in deinem Team hast und dich nicht wohl dabei fühlst, diesen Block selbst zu erstellen, kannst du dich an einen Klaviyo-Partner wenden.

Erfahre mehr über die Erstellung eines Warenkorbabbruch-Flows oder die Verwendung von Ereignisdaten zur Personalisierung von E-Mail und SMS Flow.

Wie die dynamische Tabelle Block funktioniert

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

• Die Row-Sammlung gibt den Teil der Daten an, der in einer Schleife durchlaufen werden soll. 
• Der Zeilenalias ist ein Alias, der angibt, wo der dynamische Inhalt erscheint. 
• Jeder 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, geht Klaviyo in einer Schleife durch jedes Element im Datensatz. 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] ersetzt .1, der das zweite Element im Datensatz angibt. Dieser Prozess wird so lange fortgesetzt, bis keine Einträge mehr übrig sind und es für jeden Eintrag im Datensatz eine Zeile gibt. 

Weitere Ressourcen

• Kurs: Anpassen und Personalisieren von E-Mails mit Django
• Wie man Produkte vertikal in E-Mails anzeigt