Så här använder du Instagram-innehåll i e-post

Du kommer att lära dig

Lär dig hur du skapar ett anpassat webbflöde med ditt Instagram-konto med hjälp av en RSS-flödesgenerator och hur du visar flödet i din e-post. Med ett anpassat webbflöde kan du koppla ditt Instagram-innehåll till din e-post och dynamiskt visa dina senaste Instagram-bilder, bildtexter med mera. 

Skapa ett webbflöde på Instagram

För att ställa in ett Instagram-webbflöde utan hjälp av en utvecklare eller Klaviyo -partner, använd en RSS-flödesgenerator. 

1. Skapa ett konto med ett verktyg för att generera RSS-flöden.
2. Navigera till My Feeds.
3. Klicka på New Feed (nytt foder) uppe till höger.
4. I fältet Enter Webpage URL lägger du till din Instagram-URL enligt formatet https://www.instagram.com/YOUR_USERNAME.
5. Klicka på Generera.
6. Klicka på Spara till mina flöden.

När flödet har sparats navigerar du till flödessidan och letar reda på flödets URL. Det bör följa detta format: https://rss.app/feeds/UNIQUE_FEED_ID.xml. 

Som ett alternativ till denna metod kan du ställa in ett Instagram-webbflöde med hjälp av deras Basic Display API eller med hjälp av en tredjepartsapp. Vissa Klaviyo -partner erbjuder detta som en tjänst, till exempel FourSixty. 

Ställ in ditt flöde i Klaviyo 

När du har ställt in ditt RSS-flöde:

1. Klicka på ditt Kontonamn i det nedre vänstra hörnet på Klaviyo. 
2. Välj Inställningar. 
3. Välj Annan.
4. Öppna fliken Webbflöden. 
5. Klicka på Lägg till webbflöde.
   
6. Ge ditt flöde ett namn och ange den URL för RSS-flödet som du just genererade som Feed URL i avsnittet ovan.
7. Ställ in Request Method till GET och Content Type till XML.
   
8. Klicka på Lägg till webbflöde. 

Dra in Instagram-innehåll i din e-post

Om du använder en tredjepartsplattform eller Instagrams Basic Display API för att generera ditt flöde, följ vår guide om hur du lägger till ett anpassat webbflöde till en e-post. Om du har använt den RSS-flödesapp som rekommenderas ovan kan du använda koden nedan för att visa de 3 senaste posterna från ditt Instagram-flöde i ett e-postmeddelande. 

1. Lägg till ett nytt HTML-block i din mall.
2. Kopiera följande kod till HTML block, och se till att ersätta FEED_NAME med ditt flödesnamn (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>

Om du vill visa fler än 3 senaste inläggen justerar du filtret, |slice:":3", så att det innehåller det antal inlägg du vill visa (t.ex. |slice:":6" för att visa 6 inlägg). 

Om du vill lägga till ytterligare fält i din tabell (t.ex. bildtexter eller datumet då en bild publicerades), följ våra guider om hur du lägger till anpassade webbflöden i e-post för att justera koden ovan efter behov. 

Ytterligare resurser 

• Guide till hur du lägger till ett eget webbflöde i en e-post
• Felsökning av ditt Instagram-flöde i e-post
• Så skapar du en basmall