Du wirst lernen
Erfahre, wie du mit einem RSS-Feed-Generator einen benutzerdefinierten Web-Feed für deinen Instagram-Account einrichtest und wie du den Feed in deiner E-Mail anzeigen kannst. Mit einem benutzerdefinierten Web-Feed kannst du deine Instagram-Inhalte mit deiner E-Mail verbinden und deine neuesten Instagram-Fotos, Bildunterschriften und mehr dynamisch anzeigen.
Dazu musst du einen XML-Feed einrichten und einen eigenen Code in deine E-Mail-Vorlage einfügen. Wenn du dich nicht wohl dabei fühlst, den Code deiner E-Mail zu bearbeiten, wende dich an einen Klaviyo-Partner, um Hilfe zu erhalten.
Einrichten eines Instagram-Webfeeds
Um einen Instagram-Web-Feed ohne die Hilfe eines Entwicklers oder Klaviyo Partner einzurichten, verwende einen RSS-Feed-Generator.
Beachte, dass diese RSS-Feed-Generator-App ein kostenpflichtiges Abonnement benötigt, um einen Instagram-RSS-Feed zu hosten. Du kannst jeden RSS-Feed-Generator verwenden, aber wenn du eine andere App verwendest, musst du den Beispielcode im folgenden Abschnitt möglicherweise anpassen.
- Erstelle ein Konto bei einem RSS-Feed-Generator.
- Navigiere zu Meine Feeds.
- Klicke oben rechts auf Neuer Feed.
- Füge in das Feld URL der Webseite eingeben deine Instagram-URL ein und befolge dabei das Format https://www.instagram.com/YOUR_USERNAME.
- Klicke auf Erzeugen.
- Klicke auf In meinen Feeds speichern.
Sobald der Feed gespeichert ist, navigierst du zur Feed-Seite und suchst 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 die Basic Display API oder eine App eines Drittanbieters einrichten. Einige Klaviyo-Partner bieten dies als Service an, wie zum Beispiel FourSixty.
Richte deinen Feed in Klaviyo einRichte deinen Feed in Klaviyo ein
Sobald du deinen RSS-Feed eingerichtet hast:
- Klicke auf deinen Kontonamen in der unteren linken Ecke von Klaviyo.
- Wähle Einstellungen.
- Wähle Sonstiges.
- Öffne die Registerkarte Webfeeds.
- Klicke auf Web-Feed hinzufügen.
- Gib deinem Feed einen Namen und gib die soeben erstellte RSS-Feed-URL als Feed-URL in den obigen Abschnitt ein.
- Setze die Anfragemethode auf GET und den Inhaltstyp auf XML.
- Klicke auf Web-Feed hinzufügen.
Integriere Instagram-Inhalte in deine E-Mail
Wenn du eine Plattform eines Drittanbieters oder die Basic Display API von Instagram verwendest, um deinen Feed zu erstellen, befolge unsere Anleitung zum Hinzufügen eines benutzerdefinierten Webfeeds zu einer E-Mail. Wenn du die oben empfohlene RSS-Feed-App benutzt hast, kannst du den folgenden Code verwenden, um die 3 neuesten Beiträge aus deinem Instagram-Feed in einer E-Mail anzuzeigen.
- Füge einen neuen HTML-Block zu deiner Vorlage hinzu.
- Kopiere den folgenden Code in den HTML-Block und stelle sicher, dass du FEED_NAME durch den Namen deines Feeds 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
</table>
{% endfor %}</div>
Dein Instagram-Feed wird nicht geladen, wenn du die Vorschau der Nachricht in Klaviyo siehst. Sende eine Vorschau-E-Mail an deinen eigenen Posteingang, um sicherzustellen, dass sie richtig angezeigt wird.
Wenn du mehr als 3 neue Beiträge anzeigen möchtest, passe den Filter, |slice:":3", an, um die Anzahl der Beiträge, die du anzeigen möchtest, mit einzubeziehen (z.B. |slice:":6", um 6 Beiträge anzuzeigen).
Wenn du deiner Tabelle weitere Felder hinzufügen möchtest (z. B. Bildunterschriften oder das Datum, an dem ein Bild gepostet wurde), befolge unsere Anleitungen zum Hinzufügen von benutzerdefinierten Webfeeds zu E-Mail, um den obigen Code nach Bedarf anzupassen.
Wir empfehlen die Verwendung von benutzerdefiniertem HTML nur für technisch versierte Marketer oder für alle, die Zugang zu einem Entwickler haben. Unser Produkt unterstützt zwar benutzerdefiniertes HTML, aber unser Support-Team kann dir bei der Erstellung deiner benutzerdefinierten Vorlage nicht weiterhelfen als mit den allgemeinen Hinweisen in dieser Dokumentation. Um die Sicherheit deiner Daten zu gewährleisten, kann das Support-Team von Klaviyo deine HTML-Dateien nicht öffnen.
Wenn du Unterstützung bei der Einrichtung brauchst, wende dich an einen der Klaviyo-Partner.