Jak wstawić dynamiczny obraz do wiadomości e-mail

Czego się dowiesz

Dowiedz się więcej o opcji dynamicznego obrazu w bloku obrazu wiadomości e-mail, w tym o tym, jak znaleźć odpowiedni znacznik szablonu do użycia i dodać go do szablonu wiadomości e-mail. 

Dynamiczne obrazy pozwalają dostosować wiadomość każdego odbiorcy w oparciu o magazyn danych w jego profilu Klaviyo lub dane wydarzenia. Na przykład, możesz użyć tej funkcji, aby wyświetlić produkt, który został ostatnio dodany do koszyka w sekwencji wywołanej przez metrykę Dodano do koszyka. Lub, umieszczając unikalny adres URL obrazu w profilu subskrybenta, możesz wyświetlać ten niestandardowy obraz w kampaniach, które im wysyłasz.

Skopiuj swoje zdjęcia w profilu lub wydarzeniu

Możesz wyświetlać dynamiczne obrazy z danych zdarzeń (np. uruchomiona strona płatności kasa zdarzeń dla porzucony koszyk zakupowy sekwencja) w wyzwalanej metryką sekwencji e-mail. Obrazy sklep w event dane nie mogą być wyświetlane w kampanie lub niemetryka uruchomiła sekwencję, która może korzystać tylko obrazy sklep na profilu odbiorcy jako właściwości profilu.

obrazy sklepowe dla kampanie i niemetryka wywołały sekwencję

Aby wyświetlić dynamiczny obraz w sekwencji wyzwalanej przez kampanię lub 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ć przechowywany w profilu właściwości każdego odbiorcy. Możesz dodać adres URL obrazu do właściwości profilu w następujący sposób: 

• Prześlij plik CSV z dane profilowe
• Korzystaj z integracji innych firm 
• Korzystaj z interfejsów API Klaviyo

obrazy sklepu dla sekwencji wyzwalanej metryką

Aby wyświetlić dynamiczny obraz w sekwencji wyzwalanej przez metrykę (np. sekwencja wyzwalana przez zdarzenie Dodaj do koszyka), możesz użyć dane profilowe sklepu przy użyciu metod opisanych powyżej lub użyć dane zdarzenia z metryki, która wyzwala sekwencję. 

Zauważ, że dane zdarzenie może być użyte tylko w sekwencji wywołanej przez to zdarzenie. 

Możesz dodawać dane zdarzeń do Klaviyo na następujące sposoby: 

• Poprzez domyślną stronę Klaviyo integracje
• Poprzez integracje stron trzecich 
• Korzystanie z interfejsów API Klaviyo

Dodaj dynamiczny obraz do wiadomości e-mail

Po umieszczeniu dynamicznych informacji o obrazie w sklepie Klaviyo, określ właściwy znacznik, którego należy użyć, aby dołączyć je do wiadomości e-mail. 

1. Otwórz szablon e-mailowy, w którym chcesz dodać dynamiczny obraz.
2. Kliknij przycisk Podgląd & testu.
3. Przewiń przykładowe zdarzenie i dane profilowe w sekcji Wszystkie właściwości, aż znajdziesz zmienną obrazu. Następnie kliknij nazwę zmiennej, aby ją skopiować.
4. Po skopiowaniu znacznika przeciągnij blok obrazu do wiadomości.
5. Kliknij Wybierz obraz > Obraz dynamiczny.
6. Wklej znacznik do pola zmiennej dynamicznej lub dynamicznego adresu URL.
7. Na koniec wyświetl podgląd wiadomości e-mail, aby upewnić się, że znacznik działa poprawnie. Jeśli nie widzisz swojego obrazu, upewnij się, że wybrałeś wydarzenie lub profil zawierający zmienną, której użyłeś. 

Dodaj obraz kopii zapasowej

Jeśli nie masz pewności, że każdy odbiorca wiadomości e-mail będzie miał obraz dostępny w swoim profilu lub danych wydarzenia, rozważ użycie obrazu kopii zapasowej, aby obszar nie wydawał się pusty. Istnieją 2 sposoby dodania obrazu kopii zapasowej: 

Użyj filtra brakujących produktów 

Dodaj brakujący filtr produktu na końcu zmiennej dynamicznego obrazu, aby użyć domyślnego obrazu kopii zapasowej Klaviyo. Aby dodać ten filtr, dodaj |missing_product_image po dynamicznej zmiennej obrazu, w następujący sposób: 

{{ event.image_url|missing_product_image }}

Jeśli ktoś, kto otrzyma wiadomość e-mail, nie ma obrazu, zamiast tego zobaczy brakujący obraz produktu:

Ustaw własny obraz kopii zapasowej

Aby wybrać własny obraz kopii zapasowej, zastosuj domyślny filtr z wybranym adresem URL obrazu. Spowoduje to wyświetlenie niestandardowego obrazu kopii zapasowej, jeśli odbiorca nie ma ustawionego obrazu. Aby dodać ten filtr, dodaj |default:'' na końcu zmiennej obrazu z niestandardowym adresem URL obrazu między pojedynczymi cudzysłowami, w następujący sposób: 

{{ 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ę wyzwalaną metryką?
• Jak osadzić zasoby bezpośrednio w wiadomości e-mail