How to use Instagram content in emails

You will learn

Learn how to set up a custom web feed with your Instagram account using an RSS feed generator, and how to display the feed in your emails. With a custom web feed, you can connect your Instagram content to your emails and dynamically display your latest Instagram photos, captions, and more.

Set up an Instagram web feed

To set up an Instagram web feed without the help of a developer or Klaviyo Partner, use an RSS feed generator. RSS.app requires a public Instagram profile.

1. Create an account with an RSS feed generator tool.
2. Follow RSS.app’s Instagram feed instructions to generate and save a feed using your Instagram profile URL (e.g., https://www.instagram.com/YOUR_USERNAME/).

Once the feed is saved, navigate to the feed page and locate the feed URL. It should follow this format: https://rss.app/feeds/UNIQUE_FEED_ID.xml.

Instagram’s Basic Display API is no longer available. As an alternative to an RSS feed, you can use a third-party app such as Foursixty to add Instagram content to your emails. Follow the app’s setup instructions, or contact a Klaviyo Partner for help.

Set up your feed in Klaviyo

Once you’ve set up your RSS feed:

1. Click your account name in the bottom left corner of Klaviyo.
2. Select Settings.
3. Select Other.
4. Open the Web feeds tab.
5. Click Add web feed.
   

6. Enter a unique Feed name, such as Instagram_Feed. Use only letters, numbers, and underscores, with a maximum of 64 characters. Enter the RSS feed URL you generated in Feed URL.
7. Set the Request method to GET and the Content type to XML.
   

8. Click Add web feed. If Klaviyo displays an error, resolve it before continuing.
9. When the feed’s settings page opens, click Preview to check its contents.

Pull Instagram content into your emails

If you use a different service to generate a custom web feed, follow our guide on adding a custom web feed to an email. If you’ve used RSS.app, use the code below to display the 3 most recent items from your Instagram feed in an email.

1. Add a new HTML block to your template.
2. Copy the following code into the HTML block, and make sure to replace FEED_NAME with your feed name (e.g., Instagram_Feed in the example above).

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

If you’d like to show more than 3 recent posts, adjust the filter, |slice:":3", to include the number of posts you’d like to display (e.g., |slice:":6" to show 6 posts).

If you’d like to add additional fields to your table (e.g., captions or the date an image was posted), follow our guides on adding custom web feeds to emails to adjust the code above as needed.

Additional resources