So verwendest du Instagram-Inhalte in E-Mails

Übersicht

Erfahre, wie du mit einem RSS-Feed-Generator einen benutzerdefinierten Web-Feed mit deinem Instagram-Konto einrichtest und wie du den Feed in deinen E-Mails anzeigst. Mit einem benutzerdefinierten Web-Feed kannst du deine Instagram-Inhalte mit deinen E-Mails verbinden und deine neuesten Instagram-Fotos, Bildunterschriften und mehr dynamisch anzeigen.

Instagram-Web-Feed einrichten

Um einen Instagram-Web-Feed ohne die Hilfe von Entwickler*innen oder einem Klaviyo Partner einzurichten, verwende einen RSS-Feed-Generator.

1. Erstelle ein Konto mit einem RSS-Feed-Generator-Tool.
2. Navigiere zu Meine Feeds.
3. Klicke oben rechts auf Neuer Feed.
4. Füge im Feld Webseiten-URL eingeben deine Instagram-URL im Format https://www.instagram.com/YOUR_USERNAME hinzu.
5. Klicke auf Generieren.
6. Klicke auf In meinen Feeds speichern.

Sobald der Feed gespeichert ist, navigiere zur Feed-Seite und suche die Feed-URL. Sie sollte diesem Format folgen: https://rss.app/feeds/UNIQUE_FEED_ID.xml.

Als Alternative zu dieser Methode kannst du einen Instagram-Web-Feed über deren Basic Display API einrichten oder eine Drittanbieter-App verwenden. Bestimmte Klaviyo Partner bieten dies als Service an, wie FourSixty.

Richte deinen Feed in Klaviyo ein

Sobald du deinen RSS-Feed eingerichtet hast:

1. Klicke unten links in Klaviyo auf deinen Kontonamen.
2. Wähle Einstellungen.
3. Wähle Andere aus.
4. Öffne den Tab Web-Feeds.
5. Klicke auf Web-Feed hinzufügen.
   

6. Gib deinem Feed einen Namen und gib die RSS-Feed-URL ein, die du gerade generiert hast, als Feed-URL im Abschnitt oben ein.
7. Lege die Anfragemethode auf GET und den Inhaltstyp auf XML fest.
   

8. Klicke auf Web-Feed hinzufügen.

Instagram-Inhalte in deine E-Mails einbinden

Wenn du eine Drittanbieterplattform oder Instagrams Basic Display API verwendest, um deinen Feed zu erstellen, folge unserer Anleitung zum Hinzufügen eines benutzerdefinierten Web-Feeds zu einer E-Mail. Wenn du die oben empfohlene RSS-Feed-App verwendet hast, nutze den folgenden Code, um die 3 neuesten Elemente aus deinem Instagram-Feed in einer E-Mail anzuzeigen.

1. Füge deiner Vorlage einen neuen HTML-Block hinzu.
2. Kopiere den folgenden Code in den HTML-Block, und stelle sicher, dass du FEED_NAME durch deinen Feed-Namen ersetzt (z. B. Instagram_Feed im obigen Beispiel).

<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>

Wenn du mehr als 3 aktuelle Beiträge anzeigen möchtest, passe den Filter |slice:„:3“ so an, dass er die Anzahl der Beiträge enthält, die du anzeigen möchtest (z. B. |slice:„:6“, um 6 Beiträge anzuzeigen).

Wenn du deiner Tabelle zusätzliche Felder hinzufügen möchtest (z. B. Bildunterschriften oder das Datum, an dem ein Bild gepostet wurde), folge unseren Anleitungen zum Hinzufügen benutzerdefinierter Web-Feeds zu E-Mails, um den obigen Code nach Bedarf anzupassen.