How to format the Instagram RSS Feed in an email

Hey @juliesue 

Thank you for asking the Klaviyo Community for further understanding to set up your insta post in your email template! 

You will want to leave the columns in the table block and remove the header text. Next, you need to populate your table with the variables of your choice. You can find these variables when previewing your web feed. To preview your web feed, navigate to the Data Feeds section of your Klaviyo account. Click on the feed that references Instagram. In the upper right-hand corner, click Preview. You can then use those variables in your table block as shown below.

Please read through the articles and community post that @david.to shared here previously as they will give you more information and clarification on how to set this up the way you want. 

Thank you so much for being part of the Klaviyo Community!

Hi @albarock!

 

In your code snippet, it seems that you have a typo in the "text-align" property of the table cell (<td>) element. Instead of "centre," you should use "center" to achieve center alignment. Here's the corrected code:

<div>{% for item in feeds.instagram.rss.channel.item|slice:":3" %}
<table style="display: inline-block;">
<tbody>
<tr>
<td style="padding-right: 10px; padding-left: 10px; width: 160px; text-align: center;"><a href="{{ item.link }}"> <img style="margin: 1px auto; max-width: 180px; max-height: 180px; display: block;" 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 %}" /></a></td>
</tr>
</tbody>
</table>
{% endfor %}</div>

With this change, the table cell (<td>) element should now be centered, and your posts should appear center aligned.

Best,

Brian