Jak używać tabeli blok w wiadomości e-mail

Czego się dowiesz 

Dowiedz się, jak używać tabeli blok w wiadomości e-mail. Bloki te mogą wyświetlać obrazy i tekst obok siebie. Tabela bloków może być również dynamiczna, iterując po danych w celu spersonalizowania wiadomości e-mail dla każdego odbiorcy.

Zrozumienie bloków tabeli 

Istnieją 2 rodzaje bloków tabel: 

• Statyczny
  Ten typ tabeli blok wyświetla dokładną liczbę wierszy i kolumn, które wybierzesz. Każdy odbiorca widzi ten sam układ tabeli, ale zawartość może się różnić, jeśli używasz personalizacji, wydarzenia, katalogu lub innego znacznika. 
• Dynamiczny
  Te bloki tabel umożliwiają iterację po liście danych (np. lista pozycji w porzuconym koszyku zakupowym lub sekwencja potwierdzenia zamówienia). Liczba wierszy zależy od liczby pozycji na liście: jeśli ktoś zamówił 1 pozycję, będzie miał 1 wiersz; jeśli zamówił 5 pozycji, będzie miał 5 wierszy. 

Najczęstszym przypadkiem użycia dynamicznego bloku tabeli jest wyróżnienie produktów w wiadomości porzucony koszyk zakupowy. Wykorzystuje to dynamiczny blok do wyświetlania wielu wierszy z obrazami, nazwami produktów i cenami każdego porzuconego przedmiotu. 

Kiedy używać bloków tabel

Table blok to jeden z kilku sposobów na umieszczenie obok siebie 2 lub więcej elementów treści. Alternatywy obejmują podział bloku i kolumny. 

Dowiedz się więcej o różnych opcjach umieszczania treści obok siebie w poniższej tabeli. 

Statyczna tabela blok 

Słowo "statyczny" oznacza tutaj po prostu, że zawartość i liczba wierszy w tabeli pozostaje taka sama dla każdego odbiorcy. Zawartość zmienia się tylko wtedy, gdy dodasz dynamiczną zawartość, taką jak personalizacja, data i znacznik katalogu, w statycznym bloku tabeli. 

Przypadki użycia statycznych bloków tabel

Użyj statycznej tabeli blok do:

• Pokaż konkretny przedmiot, na przykład w przypadku wyprzedaży błyskawicznych lub premier produktów.
• Zawsze uwzględniaj tę samą liczbę elementów (np. pokazuj ostatnio przeglądany element w wiadomości sekwencja porzuconego przeglądania). 
• Utwórz wiadomość sekwencji, w której dane zdarzenia zawierają tylko 1 element, który obejmuje: 
  • porzucony koszyk zakupowy sekwencja (dodany do wyzwalacza koszyka) 
  • sekwencja porzuconego przeglądania 
  • znów dostępne i spadek ceny sekwencja 
• Chcesz umieścić statyczny tekst i obrazy obok siebie

Jak utworzyć blok tabeli statycznej

1. Przejdź do wiadomości e-mail (tj. kampania szablony e-mail lub sekwencja e-mail). 
2. Z menu bloków przeciągnij blok Table do obszaru roboczego.
   
3. Otwórz menu Style dla bloku. Zwróć uwagę, że opcja Statyczny jest już zaznaczona, ponieważ jest to domyślne ustawienie dla bloków tabeli.
   
4. W sekcji Kolumny kliknij przycisk Dodaj kolumnę, aby dodać dodatkowe kolumny.
   
5. W sekcji Wiersze kliknij przycisk Dodaj wiersz, aby dodać dodatkowe wiersze.
   
6. Wróć do karty Zawartość bloku. 
7. Użyj selektora komórek, aby wybrać komórkę, którą chcesz edytować.
   
8. Wybierz, czy dana komórka ma zawierać tekst, czy obraz, korzystając z menu Zawartość komórki. Powtórz dla każdej komórki.
9. Dodaj zawartość (np. tekst lub obraz) poniżej menu zawartości komórki. 
10. Po dodaniu treści do każdej komórki kliknij strzałkę powrotu, aby powrócić do głównego menu treści i kontynuować tworzenie wiadomości e-mail.
    

Tabela dynamiczna blok 

Dynamiczna tabela blok iteruje po zestawie danych, aby powtarzać zawartość na podstawie liczby wpisów w niej zawartych. Blok iteruje, aż dotrze do końca listy. Możesz na przykład wyświetlić dokładną liczbę produktów w koszyku danej osoby.  

Aby użyć dynamicznego bloku, musisz odwołać się do danych sformatowanych jako zagnieżdżona lista, gdzie każdy wpis listy ma ten sam format. Najczęstszym przypadkiem użycia są informacje o produkcie znalezione w zdarzeniu wyzwalającym sekwencję (np. uruchomiona strona płatności kasa, złożone zamówienie), ale możesz również użyć kanału internetowego do listy postów na blogu lub odniesienia do danych profilowych, które są sformatowane jako lista. 

element tabeli dynamicznej blok

Utworzenie bloku zawartości dynamicznej wymaga 3 elementów: 

• Kolekcja wierszy
  Lokalizacja danych do iteracji. Patrząc na twoje dane źródłowe (np. elementy w metadanych zdarzenia Started strona płatności kasa), jest to część odpowiedniego znacznika szablonu, która jest taka sama dla każdego znacznika.
• Alias wiersza
  Skrótowy sposób odwoływania się do kolekcji wierszy, gdy tabela iteruje przez twój zestaw danych. Alias wiersza to zwykle item, ale możesz użyć dowolnego tekstu. 
• Zawartość dynamiczna
  Zawartość, która pojawi się w każdym wierszu. Na przykład, możesz chcieć wyświetlić obraz, nazwę produktu, cenę i informacje o wariancie dla każdego produktu pozostawionego w koszyku. 

Przypadki użycia dynamicznych bloków tabel

Użyj dynamicznej tabeli blok, jeśli dynamicznie odwołujesz się do listy danych, a każdy wpis na liście jest sformatowany w ten sam sposób. Obejmuje to: 

• porzucony koszyk zakupowy sekwencja (strona płatności kasa uruchomiona trigger) 
• Potwierdzenie zamówienia sekwencja 
• Sprzedaż krzyżowa (up- lub cross-selling) sekwencja

Jak utworzyć blok tabeli dynamicznej

Ta sekcja opisuje dynamiczną tabelę blok na wysokim poziomie. Aby uzyskać bardziej szczegółowe instrukcje dotyczące tego procesu, dowiedz się, jak zbudować dynamiczny blok w sekwencji e-mail.

1. Przejdź do edytora wiadomości e-mail. Jeśli korzystasz z danych zdarzenia (np. porzucony koszyk zakupowy szczegóły), przejdź do wiadomości e-mail w ramach sekwencji wyzwalanej przez odpowiednie zdarzenie.  
2. Z menu bloków przeciągnij blok Table do obszaru roboczego.
   
3. Otwórz menu Style dla bloku i wybierz opcję Dynamiczny.
    
4. Ustaw kolekcję wierszy: użyj części znacznika szablonu, która jest spójna dla każdego elementu, który chcesz wyświetlić.
   • Na przykład, jeśli {{ event.products.0.imageURL }} jest znacznikiem dla obrazu pierwszego elementu, a {{ event.products.1.name }} jest znacznikiem dla nazwy drugiego elementu, wtedy twoja kolekcja wierszy powinna być event.products. 
   • Zbiór wierszy będzie prawie zawsze częścią znacznika poprzedzającą pierwszą liczbę (np. event.extra.line_items jeśli pełny znacznik to {{ event.extra.line_items.0.product.name }}).
5. Ustaw swój alias Row jako item. 
6. Wróć do karty Zawartość bloku. 
   • Dodaj zawartość do każdej komórki tabeli. Ogólnie rzecz biorąc, komórka po lewej stronie to obraz, a komórka po prawej stronie to tekst zawierający dynamiczny znacznik z informacjami o produkcie. 
7. Zastąp wszystko, co poprzedza pierwszą liczbę w każdym znaczniku w tabeli, swoim aliasem wiersza (tj. "item"). Na przykład:
   • {{ event.extra.line_items.0.imageURL }} staje się {{ item.imageURL }} 
   • {{ event.items.0.product.name }} staje się {{ item.product.name }}
8. Kliknij przycisk Podgląd & test, aby wyświetlić podgląd wiadomości e-mail. 
   • Upewnij się, że wyświetlasz podgląd przy użyciu właściwej nazwy (np. jeśli jest to wiadomość porzucony koszyk zakupowy, wyświetl podgląd przy użyciu zdarzenia Rozpoczęta strona płatności kasa), w przeciwnym razie tabela nie wyświetli niczego. 

Proces ten pozwala programistom i marketingowcom znającym się na kodzie tworzyć wysoce spersonalizowane treści. Jeśli nie masz programisty w swoim zespole i nie czujesz się komfortowo, tworząc ten blok samodzielnie, rozważ skontaktowanie się z partneremKlaviyo w celu uzyskania pomocy.

Dowiedz się więcej o tworzeniu porzuconego koszyka zakupowego lub korzystaniu z danych wydarzenia, aby spersonalizować wysyłkę wiadomości e-mail i SMS sekwencję.

Jak działa dynamiczna tabela bloków

Dynamiczna tabela bloków działa dokładnie tak, jak pętla for w większości języków programowania. 

• Kolekcja Row identyfikuje część danych, które mają być przeglądane w pętli. 
• Alias wiersza to alias identyfikujący miejsce wyświetlania zawartości dynamicznej. 
• Każdy znacznik używający aliasu Row będzie odwoływał się do właściwego wiersza w danych zdarzenia, w zależności od tego, w którym wierszu się pojawi. 

Gdy wiadomość e-mail jest renderowana, Klaviyo przechodzi przez każdy element w zestawie danych. Za pierwszym razem alias wiersza jest zastępowany przez [row collection].0., odwołując się do pierwszego elementu w zestawie danych. Za drugim razem alias wiersza zostanie zastąpiony przez [kolekcja wierszy].1, wskazując drugi element w zestawie danych. Proces ten jest następnie kontynuowany, dopóki nie pozostaną żadne elementy, a dla każdego elementu w zestawie danych będzie jeden wiersz. 

Dodatkowe źródła

• szkolenie: Dostosuj i spersonalizuj pocztę e-mail za pomocą Django
• Jak wyświetlać produkty pionowo w wiadomościach e-mail