Jak wstawić dynamiczny obraz w e-mailu
Czego się dowiesz?
Dowiedz się więcej o opcji Dynamiczny obraz w bloku obrazu w e-mailu, w 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ęto realizację zamówienia dla sekwencji porzuconego koszyka zakupowego) w e-mailach sekwencji wyzwalanej metryką. W przypadku kampanii i sekwencji wyzwalanych przez listę, segment lub datę używaj adresów URL obrazów zapisanych w profilu odbiorcy jako właściwości profilu.
Przechowywanie adresów URL obrazów we właściwościach profilu
Aby wyświetlić dynamiczny obraz w kampanii lub 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ć URL obrazu do 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 przez zdarzenie Added to Cart), możesz użyć danych profilu zmagazynowanych w magazynie danych przy użyciu metod opisanych 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 Podgląd.
- Jeśli edytujesz zapisany szablon, wybierz profil lub zdarzenie w sekcji Źródło danych podglądu. W przypadku zdarzenia wybierz metrykę, która uruchomi Twoją sekwencję.
- Wybierz przykładowe zdarzenie lub profil zawierające adres URL obrazu. Użyj strzałek, aby przeglądać zdarzenia, lub wyszukaj profil po adresie e-mail lub nazwie.
- 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ć.
- Gdy skopiujesz swój znacznik, kliknij Gotowe, aby wrócić do edytora, a następnie przeciągnij blok obrazu do swojej wiadomości.
- Kliknij Wybierz obraz > Obraz dynamiczny.
- Wklej znacznik w pole Zmienna dynamiczna lub dynamiczny adres URL, a następnie kliknij Zapisz.
- 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ć dostępny obraz w swoim profilu lub w danych zdarzenia, rozważ użycie obrazu zapasowego, aby obszar nie wyglądał na pusty. Obrazy zapasowe wyświetlają się, gdy wartość URL obrazu jest brakująca lub pusta. Nie zastępują URL, który wskazuje na niedostępny obraz. Są dwa sposoby na dodanie obrazu zapasowego:
Użyj filtra brakującego produktu
Dodaj brakujący filtr produktu na końcu swojej dynamicznej zmiennej obrazu, aby użyć domyślnego obrazu zapasowego Klaviyo. Aby dodać ten filtr, dodaj |missing_product_image po dynamicznej zmiennej obrazu. W poniższych przykładach zastąp event.image_url zmienną obrazu, którą skopiowałeś(-aś) z danych podglądu:
{{ event.image_url|missing_product_image }}
Jeśli wartość adresu URL obrazu odbiorcy jest brakująca lub pusta, zamiast tego zobaczy brakujący obraz produktu:
Ustaw własny obraz zapasowy
Aby wybrać własny obraz zapasowy, zastosuj filtr default z wybranym przez siebie adresem URL obrazu. Spowoduje to wyświetlenie Twojego niestandardowego obrazu zapasowego, jeśli wartość adresu URL obrazu jest brakująca lub pusta. Aby dodać ten filtr, dodaj |default:'' na końcu zmiennej obrazu wraz z pełnym adresem URL Twojego niestandardowego obrazu, w tym https://, w pojedynczych cudzysłowach, w ten sposób:
{{ event.image_url|default:'https://www.example.com/custom_image_url.jpg' }}
Wyświetl podgląd e-maila ze zdarzeniem lub profilem, który ma adres URL obrazu, oraz z takim, w którym wartość jest brakująca lub pusta, aby sprawdzić zarówno obraz dynamiczny, jak i zapasowy.
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