Jak używać treści z Instagrama w wiadomościach e-mail
Czego się dowiesz?
Dowiedz się, jak skonfigurować niestandardowy kanał internetowy dla konta na Instagramie za pomocą generatora kanałów RSS, oraz jak wyświetlać ten kanał w e-mailach. Dzięki niestandardowemu kanałowi internetowemu możesz połączyć treści z Instagrama z e-mailami i dynamicznie wyświetlać najnowsze zdjęcia z Instagrama, podpisy i inne elementy.
Ten proces wymaga skonfigurowania kanału XML i wstawienia niestandardowego kodu do szablonu e-maila. Jeśli nie czujesz się pewnie podczas edytowania kodu e-maila, skontaktuj się z partnerem Klaviyo, aby uzyskać pomoc.
Skonfiguruj kanał internetowy Instagramu
Aby skonfigurować internetowy kanał Instagram bez pomocy dewelopera lub partnera Klaviyo, użyj generatora kanałów RSS.
Pamiętaj, że ta aplikacja generatora kanałów RSS wymaga płatnego planu, aby hostować kanał RSS Instagrama. Można użyć dowolnego generatora kanałów RSS, ale jeśli korzysta się z innej aplikacji, może być konieczne dostosowanie przykładowego kodu w sekcji poniżej.
- Utwórz konto za pomocą narzędzia do generowania kanałów RSS.
- Przejdź do Moje kanały.
- W prawym górnym rogu kliknij Nowy kanał.
- W polu Wprowadź URL strony internetowej dodaj URL do swojego profilu na Instagramie, zgodnie z formatem https://www.instagram.com/TWOJA_NAZWA_UŻYTKOWNIKA.
- Kliknij Generuj.
- Kliknij Zapisz w Moich kanałach.
Po zapisaniu kanału przejdź do strony kanału i znajdź adres URL kanału. Powinien mieć następujący format: https://rss.app/feeds/UNIQUE_FEED_ID.xml.
Alternatywnie do tej metody możesz skonfigurować kanał internetowy Instagrama, korzystając z ich Basic Display API lub aplikacji innej firmy. Niektórzy Partnerzy Klaviyo oferują to jako usługę, np. FourSixty.
Skonfiguruj swój feed w Klaviyo
Gdy skonfigurujesz kanał RSS:
- W lewym dolnym rogu Klaviyo kliknij nazwę swojego konta.
- Wybierz Ustawienia.
- Wybierz Inne.
- Otwórz kartę Źródła internetowe.
- Kliknij Dodaj feed internetowy.
- Nadaj nazwę swojemu kanałowi i wprowadź wygenerowany przed chwilą adres URL kanału RSS jako Adres URL kanału w powyższej sekcji.
- Ustaw Metodę żądania na GET i Typ zawartości na XML.
- Kliknij Dodaj feed internetowy.
Pobierz treści z Instagrama do swoich wiadomości e-mail
Jeśli używasz platformy zewnętrznej lub interfejsu API Basic Display Instagrama do generowania kanału, skorzystaj z naszego przewodnika dotyczącego dodawania niestandardowego kanału webowego do wiadomości e-mail. Jeśli korzystano z aplikacji kanału RSS zalecanej powyżej, użyj poniższego kodu, aby wyświetlić 3 najnowsze elementy z kanału Instagrama w wiadomości e-mail.
- Dodaj nowy blok HTML do szablonu.
- Skopiuj poniższy kod do bloku HTML i pamiętaj, aby zastąpić FEED_NAME nazwą kanału (np. Instagram_Feed w powyższym przykładzie).
<div>{% for item in feeds.FEED_NAME.rss.channel.item|slice:":3" %}
<table style="display:inline-block; margin-left:auto; margin-right:auto">
<tbody>
<tr>
<td style="width:150px; text-align: center;"><a href="{{ item.link }}">
<img style="max-width: 150px; height: auto;" src="{% if item|lookup:'media:content'|lookup:'0'|lookup:'@url' %}{{ item|lookup:'media:content'|lookup:'0'|lookup:'@url' }}{% else %}{{ item|lookup:'media:content'|lookup:'@url' }}{% endif %}" style="margin: 1px; max-width: 150px; height: auto;" /></a>
</td>
</tr>
</tbody>
</table>
{% endfor %}</div> Podczas podglądu wiadomości w Klaviyo nie załaduje się kanał Instagram. Wyślij podglądowy e-mail na swoją skrzynkę, aby upewnić się, że wyświetla się poprawnie.
Jeśli chcesz wyświetlić więcej niż 3 najnowsze posty, dostosuj filtr |slice:":3", aby uwzględniał liczbę postów, które chcesz wyświetlić (np. |slice:":6", aby wyświetlić 6 postów).
Jeśli chcesz dodać do tabeli dodatkowe pola (np. podpisy lub datę opublikowania obrazu), skorzystaj z naszych przewodników na temat dodawania niestandardowych kanałów internetowych do e-maili, aby w razie potrzeby dostosować powyższy kod.
Zalecamy korzystanie z niestandardowego HTML tylko technicznie zaawansowanym marketerom lub osobom mającym dostęp do dewelopera. Chociaż nasz produkt obsługuje niestandardowy HTML, nasz zespół wsparcia nie jest w stanie pomóc w tworzeniu niestandardowych szablonów poza udzieleniem ogólnych wskazówek opisanych w tej dokumentacji. Aby zapewnić bezpieczeństwo danych, zespół wsparcia Klaviyo nie ma możliwości otwierania Twoich plików HTML.
Jeśli potrzebujesz pomocy programistycznej, skontaktuj się z jednym z partnerów Klaviyo.