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. RSS.app wymaga publicznego profilu na Instagramie.
RSS.app wymaga płatnego planu, aby hostować kanał RSS z Instagrama. Możesz użyć innego generatora kanałów RSS, ale może być konieczne dostosowanie przykładowego kodu w poniższej sekcji.
- Utwórz konto za pomocą narzędzia do generowania kanałów RSS.
- Postępuj zgodnie z instrukcjami dla kanału Instagram w RSS.app, aby wygenerować i zapisać kanał z użyciem adresu URL Twojego profilu na Instagramie (np. https://www.instagram.com/YOUR_USERNAME/).
Gdy zapiszesz feed, przejdź do strony feedu i znajdź adres URL feedu. Powinien mieć następujący format: https://rss.app/feeds/UNIQUE_FEED_ID.xml.
Podstawowy interfejs API Instagram Basic Display nie jest już dostępny. Zamiast kanału RSS możesz użyć aplikacji innej firmy, takiej jak Foursixty, aby dodać treści z Instagrama do swoich e-maili. Postępuj zgodnie z instrukcjami konfiguracji aplikacji lub skontaktuj się z partnerem Klaviyo, aby uzyskać pomoc.
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.
- Wpisz unikalną nazwę kanału, np. Instagram_Feed. Użyj tylko liter, cyfr i znaków podkreślenia; maksymalnie 64 znaki. W polu Adres URL kanału wklej adres URL kanału RSS, który wygenerowałeś(-aś).
- Ustaw Metodę żądania na GET, a Typ treści na XML.
- Kliknij Dodaj feed internetowy. Jeśli Klaviyo wyświetli błąd, rozwiąż go przed kontynuowaniem.
- Gdy otworzy się strona ustawień kanału, kliknij Podgląd, aby sprawdzić jej zawartość.
Pobierz treści z Instagrama do swoich wiadomości e-mail
Jeśli korzystasz z innej usługi do generowania niestandardowego kanału internetowego, zapoznaj się z naszym przewodnikiem dotyczącym dodawania niestandardowego kanału internetowego do e-maila. Jeśli korzystasz z RSS.app, użyj poniższego kodu, aby wyświetlić w e-mailu trzy najnowsze elementy z Twojego kanału na Instagramie.
- 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>Kliknij Podgląd w edytorze e-maili, aby sprawdzić swój kanał na Instagramie. Następnie wpisz swój adres e-mail i kliknij Wyślij test, aby upewnić się, że wiadomość wyświetla się poprawnie w Twojej skrzynce odbiorczej.
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.
Dodatkowe źródła
- How to add a custom web feed in an email
Learn how to add and use a custom web feed within an email. A custom web feed allows you to dynamically populate a feed of data from an external URL within a Klaviyo email. Before sending an email, Klaviyo makes an HTTP request to the URL and fetches the data. The content of the web feed is then available for use in your email.
- Troubleshooting your Instagram web feed in emails
Learn how to troubleshoot your Instagram web feed if it is not working in your emails, which is likely due to Klaviyo having an issue retrieving your feed content. To determine the cause, we recommend first trying to test your feed.
- How to create a base template
Learn how to create a base email template in Klaviyo. Once you create a base template, you can use it across your campaigns and flows to speed up your building process and ensure your branding is consistent across messages.