Jak wstawić dynamiczny obraz w e-mailu
Czego się dowiesz?
Dowiedz się więcej o opcji Obraz dynamiczny w bloku obrazu w e-mailu, w tym o tym, jak znaleźć odpowiedni znacznik personalizacji do użycia i dodać go do szablonu e-maila.
Dynamiczne obrazy pozwalają dostosować wiadomość każdego odbiorcy na podstawie danych przechowywanych w jego profilu Klaviyo lub danych zdarzeń. Na przykład możesz użyć tej funkcji, aby wyświetlić element, który niedawno dodał do koszyka, w sekwencji uruchamianej przez metrykę Added to Cart. Albo, przechowując unikalny adres URL obrazu w profilu subskrybenta, możesz wyświetlić ten niestandardowy obraz w kampaniach, które do niego wysyłasz.
Przechowuj obrazy w profilu lub zdarzeniu
Możesz wyświetlać dynamiczne obrazy z danych zdarzeń (np. zdarzeń rozpoczęcia realizacji zakupu w sekwencji porzuconego koszyka zakupowego) w e-mailach sekwencji wyzwalanych metryką. Obrazy przechowywane w danych zdarzeń nie mogą być wyświetlane w kampaniach ani w wyzwalanych sekwencjach innych niż metryka, które mogą używać wyłącznie obrazów przechowywanych w profilu odbiorcy jako właściwości profilu.
Przechowywanie obrazów na potrzeby kampanii i sekwencji wyzwalanych bez metryki
Aby wyświetlić dynamiczny obraz w kampanii lub sekwencji wyzwalanej niemetryką (tj. sekwencji wyzwalanej przez listę, segment lub datę), adres URL obrazu (np. https://www.klaviyo.com/static/klaviyo-social-share-image.jpg) musi być zapisany we właściwościach profilu każdego odbiorcy. Możesz dodać adres URL obrazu do jego właściwości profilu na następujące sposoby:
Przechowywanie obrazów w sekwencjach uruchamianych metryką
Aby wyświetlić dynamiczny obraz w sekwencji wyzwalanej przez metrykę (np. sekwencji wyzwalanej zdarzeniem Dodanie do koszyka), możesz użyć danych profilu zapisanych metodami opisanymi powyżej lub użyć danych zdarzenia z metryki, która wyzwala sekwencję.
Pamiętaj, że danych o zdarzeniach można używać tylko w sekwencji wyzwalanej przez to zdarzenie.
Dane zdarzeń możesz dodać do Klaviyo w następujący sposób:
- Za pośrednictwem domyślnej integracji Klaviyo
- Za pośrednictwem integracji zewnętrznej
- Korzystanie z API Klaviyo
Dodaj dynamiczny obraz do e-maila
Gdy informacje o obrazie dynamicznym są już zapisane w Klaviyo, zidentyfikuj właściwy znacznik, aby uwzględnić go w e-mailu.
- Otwórz szablon wiadomości e-mail, do którego chcesz dodać obraz dynamiczny.
- Kliknij Wyświetl podgląd i testuj.
- Przewijaj przykładowe dane zdarzeń i profili w sekcji Wszystkie właściwości, aż znajdziesz zmienną obrazu. Następnie kliknij nazwę zmiennej, aby ją skopiować.
- Po skopiowaniu znacznika przeciągnij blok obrazu do wiadomości.
- Kliknij Wybierz obraz > Obraz dynamiczny.
- Wklej znacznik w polu Zmienna dynamiczna lub dynamiczny adres URL.
- Na koniec wyświetl podgląd e-maila, aby upewnić się, że znacznik działa prawidłowo. Jeśli nie widzisz obrazu, sprawdź ponownie, czy wybrano zdarzenie lub profil zawierający używaną zmienną.
Dodaj obraz zapasowy
Jeśli nie masz pewności, że każdy odbiorca e-maila będzie mieć obraz dostępny w danych profilu lub zdarzenia, rozważ użycie obrazu zapasowego, aby ten obszar nie był pusty. Są 2 sposoby na dodanie obrazu zapasowego:
Użyj filtra brakującego produktu
Dodaj brakujący filtr produktu na końcu dynamicznej zmiennej obrazu, aby użyć domyślnego obrazu zapasowego Klaviyo. Aby dodać ten filtr, dodaj |missing_product_image po dynamicznej zmiennej obrazu, w ten sposób:
{{ event.image_url|missing_product_image }}
Jeśli u kogoś, kto otrzyma e-mail, brakuje obrazu, zobaczy zamiast tego brakujący obraz produktu:
Ustaw własny obraz zapasowy
Aby wybrać własny obraz zapasowy, zastosuj filtr domyślny z adresem URL obrazu według własnego wyboru. Spowoduje to wyświetlenie Twojego niestandardowego obrazu zapasowego, jeśli odbiorca nie ma ustawionego obrazu. Aby dodać ten filtr, dodaj |default:'' na końcu zmiennej obrazu, umieszczając adres URL niestandardowego obrazu między pojedynczymi cudzysłowami, na przykład tak:
{{ event.image_url|default:'www.example.com/custom_image_url.jpg' }}
Dodatkowe źródła
- Jak dodać personalizację do bloków tekstowych
- Tworzenie bloków dynamicznych w sekwencji e-mailowej
- Jak utworzyć sekwencję uruchamianą przez metrykę
- Jak osadzać zasoby bezpośrednio w wiadomości e-mail