Jak dodać obraz dynamiczny do wiadomości tekstowej

Czego się dowiesz?

Dowiedz się, jak dodać dynamiczny obraz do wiadomości MMS w Klaviyo.

Dodanie dynamicznego obrazu pozwala personalizować Twoje wiadomości tekstowe. Na przykład możesz wyświetlić komuś dokładnie ten produkt, który obejrzał(-a), z którym rozpoczął(-ęła) proces realizacji zakupu lub który kupił(-a).

Kilka słów na początek

W zależności od przypadku użycia nie zawsze można dodać obraz dynamiczny.

• Tylko sekwencje wyzwalane metryką mogą używać dynamicznych obrazów na podstawie danych zdarzenia (np. elementów z realizacji zakupu lub złożonego zamówienia) lub na podstawie znaczników katalogu dla zdarzenia.
• Kampanie oraz sekwencje wyzwalane przez listy i segmenty mogą używać adresów URL obrazów zapisanych jako niestandardowe właściwości profilu. Mogą też używać znaczników katalogu, aby wyszukać obraz na podstawie identyfikatora elementu zapisanego w profilu odbiorcy.

Zwróć też uwagę na następujące kwestie dotyczące obrazów dynamicznych:

• Na jeden MMS dozwolony jest tylko 1 obraz dynamiczny.
• Obrazy powinny mieć rozmiar poniżej 600 KB. Większe obrazy mogą zostać skompresowane przez operatorów, co może je zniekształcić, albo nie zostać dostarczone.
• Jeśli spróbujesz wysłać obraz dynamiczny z numerem do wysyłki, który nie zezwala na MMS, wiadomość zostanie wysłana, ale obraz zostanie usunięty.
• Jeśli dynamiczny obraz prowadzi do pustego lub nieprawidłowego adresu URL, wiadomość z tekstem i bez innych załączników zostanie wysłana jako SMS bez obrazu. Ten mechanizm zastępczy nie dotyczy podglądów, wysyłek testowych ani wiadomości korzystających z tłumaczeń — w tych przypadkach wymagany jest prawidłowy adres URL obrazu.
• Możesz używać instrukcji warunkowych z dynamicznymi obrazami.
• Operatorzy komórkowi nie obsługują plików WebP, a dołączenie tego typu obrazu może spowodować niepowodzenie wiadomości.

Jak dodać obraz dynamiczny

Poniższe kroki zaczynają się od wiadomości w sekwencji. W przypadku kampanii w wersji roboczej otwórz edytor wiadomości tekstowej i pomiń pierwsze dwa kroki.

1. Wybierz wiadomość w sekwencji, w której chcesz uwzględnić obraz dynamiczny.
2. Obok Treść kliknij Edytuj.

3. Jeśli w edytorze widzisz opcje RCS, wybierz zapasowy SMS. Aby edytować obraz osobno, otwórz Treści i wyłącz Użyj tych samych treści co w wiadomości RCS.
4. W prawym górnym rogu kliknij Podgląd.

5. Wybierz zdarzenie podglądu lub profil, który zawiera adres URL obrazu, a następnie rozwiń Wszystkie właściwości.
6. Kliknij właściwość adresu URL obrazu, aby skopiować jej zmienną. W przypadku listy produktów lub obrazów 0 identyfikuje pierwszy element i może pojawić się w środku zmiennej.

7. Kliknij Gotowe.
8. W panelu Treść włącz Załącznik i wybierz Obraz (lub Multimedia, jeśli jest wyświetlane).
9. Kliknij Wybierz obraz (lub Wybierz multimedia). Jeśli obraz jest już dołączony, kliknij Zamień.

10. Przejdź do karty Obraz dynamiczny.
11. Wklej zmienną dynamiczną lub dynamiczny adres URL dla obrazu.
    

12. Kliknij Zapisz.
13. Kliknij Podgląd i sprawdź, czy dla wybranego zdarzenia lub profilu pojawia się oczekiwany obraz w regionie obsługującym MMS.
14. Kliknij Gotowe, a potem Dalej, aby zapisać wiadomość i wyjść z edytora.

Używaj znaczników katalogu

Możesz też używać znaczników katalogu, aby dodawać obrazy dynamiczne w MMS. Aby to zrobić:

1. W Podglądzie rozwiń Wszystkie właściwości i znajdź identyfikator elementu pierwszego produktu w danych zdarzenia. Użyj identyfikatora, który pasuje do elementu w Twoim katalogu Klaviyo (identyfikatora produktu lub SKU, w zależności od integracji). W przypadku obrazu opartego na profilu zamiast tego znajdź niestandardową właściwość profilu zawierającą identyfikator elementu.
2. Skopiuj tę zmienną.
   

1. Kliknij Gotowe, aby wrócić do edytora SMS.
2. W panelu Treść włącz Załącznik i wybierz Obraz (lub Multimedia, jeśli jest wyświetlane).
3. Kliknij Wybierz obraz (lub Wybierz multimedia). Jeśli obraz jest już dołączony, kliknij Zamień.

1. Przejdź do karty Obraz dynamiczny.
2. Wklej następujący znacznik katalogu:
   {% catalog event.id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %}
3. Zastąp event.id w {% catalog event.id %} zmienną ze znacznika, który wcześniej skopiowałeś. Usuń zewnętrzne nawiasy oraz filtr domyślny, ale zachowaj wszystkie filtry lookup potrzebne do uzyskania dostępu do właściwości (czyli {{ event.extra.line_items.0.product_id|default:'' }} staje się event.extra.line_items.0.product_id).
   Przykład: {% catalog event.extra.line_items.0.product_id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %}
4. Kliknij Zapisz.
5. Kliknij Podgląd i sprawdź obraz, korzystając ze zdarzenia lub profilu z pasującym identyfikatorem elementu katalogu w regionie, który obsługuje MMS. Kliknij Gotowe, a potem Dalej, aby zapisać wiadomość i wyjść z edytora.

Przykład użycia instrukcji warunkowych

Obrazy dynamiczne mogą wykorzystywać instrukcje warunkowe.

Poniżej znajduje się przykład instrukcji if/else, która mówi, że jeśli jest obraz wariantu, wyświetl go odbiorcom; w przeciwnym razie użyj obrazu domyślnego:
{% if event.extra.line_items.0.product.variant.images.0.src %}{{ event.extra.line_items.0.product.variant.images.0.src }}{% else %}{{ event.extra.line_items.0.product.images.0.src }}{% endif %}

Pamiętaj, że dokładny format tych instrukcji zależy od Twojej integracji i nie powinieneś kopiować ich z szablonów e-maili.

Dodatkowe źródła