Jak wyświetlać produkty pionowo w wiadomościach e-mail

Czego się dowiesz

Dowiedz się, jak wyświetlać produkty w sekcji porzucony koszyk zakupowy i potwierdzenie zamówienia w pionie (tj. z obrazem nad informacjami o produkcie, a nie obok). 

Utwórz pionowy blok produktu

Poniższe instrukcje pomogą Ci przekonwertować istniejący poziomy blok produktu na pionowy blok produktu. Jeśli nie masz jeszcze wiadomości e-mail sekwencja zawierającej blok zawartości dynamicznej, znajdź ją w bibliotece sekwencja. 

1. Wybierz sekwencję na pasku bocznym Klaviyo.
2. Przejdź do swojego porzucony koszyk zakupowy lub sekwencja potwierdzenia zamówienia. 
3. Kliknij opcję Aktualizacja statusów akcji w prawym górnym rogu, aby ustawić sekwencję na Ręczna podczas edycji. 
4. Otwórz wiadomość e-mail w sekwencji zawierającej blok zawartości dynamicznej (tj. blok tabeli, który wyświetla produkty z czyjegoś koszyka). 
5. Dodaj nową sekcję bezpośrednio pod tabelą dynamiczną blok.
   
6. Dodaj blok obrazu i blok tabeli do nowej sekcji. 
7. Skopiuj wartości z Ustawienia tabeli > Kolekcja wierszy i Ustawienia tabeli > Alias wierszy. 
8. Przejdź do sekcji Opcje wyświetlania i kliknij przycisk Utwórz reguły powtarzania.
   
9. Wklej wartości z tabeli blok odpowiednio do pól Repeat For i Item alias.
   
10. W bloku tabeli kliknij przycisk Zamień w obszarze Obraz dynamiczny.
    
11. W wyświetlonym oknie dialogowym skopiuj wszystko, co znajduje się w polu Dynamic variable lub dynamic URL.
    
12. Kliknij blok obrazu w nowej sekcji.
13. Kliknij przycisk Przeglądaj bibliotekę obrazów. 
14. Wybierz opcję Dynamiczny obraz i wklej dynamiczny adres URL. 
15. Kliknij przycisk Zapisz. 
16. Skopiuj znacznik, który pojawi się w polu Link address twojego table bloku.
    
17. Wklej ten znacznik do pola adresu linku nowego bloku obrazu. 
18. Skopiuj zawartość tekstową z oryginalnej tabeli blok.
    
19. Wklej tekst do nowego bloku tekstowego. 
20. Wyświetl podgląd wiadomości e-mail, aby upewnić się, że wszystkie informacje o produkcie pojawiają się w nowej sekcji. Jeśli coś wydaje się nieprawidłowe, sprawdź, czy wszystkie elementy (tj. kolekcja wierszy, alias wiersza, dynamiczny adres URL obrazu i zawartość tekstowa) zostały przesłane poprawnie. 
21. Gdy będziesz zadowolony z nowej sekcji, usuń oryginalny blok tabeli. 
22. Opcjonalnie zapisz nową sekcję jako treści uniwersalne do wykorzystania w innych wiadomościach w ramach sekwencji. 

Rezultat

Po wykonaniu tych kroków Twoja wiadomość e-mail będzie zawierać pionowy blok produktów (z obrazami nad informacjami o produkcie), a nie obrazy produktów i informacje wyświetlane poziomo. 

Dodatkowe źródła

• Najlepsze praktyki projektowania wiadomości e-mail w trybie ciemnym
• Jak zaktualizować style marki w Klaviyo