Så här använder du Instagram-innehåll i e-postmeddelanden
Du kommer att lära dig
Lär dig hur du konfigurerar ett anpassat webbflöde med ditt Instagram-konto med hjälp av en RSS-flödesgenerator och hur du visar flödet i dina e-postmeddelanden. Med ett anpassat webbflöde kan du koppla ditt Instagram-innehåll till dina e-postmeddelanden och dynamiskt visa dina senaste Instagram-foton, bildtexter och mer.
Den här processen kräver att du konfigurerar ett XML-flöde och lägger in anpassad kod i din e-postmall. Om du inte är bekväm med att redigera din e-posts kod kan du kontakta en Klaviyo-partner för att få hjälp.
Konfigurera ett webbflöde för Instagram
För att konfigurera ett Instagram-webbflöde utan hjälp av en utvecklare eller en Klaviyo-partner kan du använda en RSS-flödesgenerator.
Observera att den här appen för generering av RSS-flöden kräver ett betalabonnemang för att kunna vara värd för ett RSS-flöde för Instagram. Du kan använda vilken RSS-flödesgenerator som helst, men om du använder en annan app kan du behöva anpassa exempelkoden i avsnittet nedan.
- Skapa ett konto med ett verktyg för att generera RSS-flöden.
- Navigera till Mina flöden.
- Klicka på Nytt flöde uppe till höger.
- I fältet Ange webbadress lägger du till din Instagram-webbadress enligt formatet https://www.instagram.com/YOUR_USERNAME.
- Klicka på Generera.
- Klicka på Spara till Mina flöden.
När flödet har sparats går du till flödessidan och letar upp flödets URL. Den ska ha följande format: https://rss.app/feeds/UNIQUE_FEED_ID.xml.
Som ett alternativ till den här metoden kan du konfigurera ett Instagram-webbflöde med deras Basic Display API eller genom att använda en tredjepartsapp. Vissa Klaviyo-partner erbjuder detta som en tjänst, till exempel FourSixty.
Konfigurera ditt flöde i Klaviyo
När du har konfigurerat ditt RSS-flöde:
- Klicka på ditt kontonamn längst ned till vänster i Klaviyo.
- Välj Inställningar.
- Välj Annat.
- Öppna fliken Webbflöden.
- Klicka på Lägg till webbfeed.
- Namnge ditt flöde och ange RSS-flödets webbadress som du just genererade som Flödets webbadress i avsnittet ovan.
- Ställ in Begärandemetod på GET och Innehållstyp på XML.
- Klicka på Lägg till webbfeed.
Hämta Instagram-innehåll till dina e-postmeddelanden
Om du använder en tredjepartsplattform eller Instagrams Basic Display API för att generera ditt flöde kan du följa vår guide om hur du lägger till ett anpassat webbflöde i ett e-postmeddelande. Om du har använt RSS-flödesappen som rekommenderas ovan kan du använda koden nedan för att visa de 3 senaste objekten från ditt Instagram-flöde i ett e-postmeddelande.
- Lägg till ett nytt HTML-block i din mall.
- Kopiera följande kod till HTML-blocket och se till att ersätta FEED_NAME med namnet på ditt flöde (t.ex. Instagram_Feed i exemplet ovan).
<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>Ditt Instagram-flöde kommer inte att läsas in när du förhandsgranskar meddelandet i Klaviyo. Skicka ett förhandsgranskningsmejl till din egen inkorg för att se till att det visas korrekt.
Om du vill visa fler än tre senaste inlägg justerar du filtret |slice:":3" så att det inkluderar antalet inlägg du vill visa (t.ex. |slice:":6" för att visa sex inlägg).
Om du vill lägga till ytterligare fält i din tabell (t.ex. bildtexter eller datumet då en bild publicerades) kan du följa våra guider om att lägga till anpassade webbflöden i e-postmeddelanden för att justera koden ovan efter behov.
Vi rekommenderar bara att använda anpassad HTML för tekniskt kunniga marknadsförare, eller för alla som har tillgång till en utvecklare. Även om vår produkt har stöd för anpassad HTML kan vårt supportteam inte hjälpa dig att bygga dina anpassade mallar utöver att erbjuda den allmänna vägledning som täcks i den här dokumentationen. För att upprätthålla säkerheten för dina data kan Klaviyos supportteam inte öppna dina HTML-filer.
Om du behöver hjälp med utveckling för att ställa in detta kan du kontakta någon av Klaviyos partner.