Como usar conteúdo do Instagram em e-mails

O que você vai aprender

Saiba como configurar um feed da web personalizado com sua conta do Instagram usando um gerador de feeds RSS e como exibir o feed nos seus e-mails. Com um feed da web personalizado, você pode conectar seu conteúdo do Instagram aos seus e-mails e exibir dinamicamente suas fotos mais recentes do Instagram, legendas e muito mais.

Configure um feed da web do Instagram

Para configurar um feed da web do Instagram sem a ajuda de um desenvolvedor ou parceiro da Klaviyo, use um gerador de feed RSS.

1. Crie uma conta com uma ferramenta de geração de feed RSS.
2. Navegue até Meus feeds.
3. No canto superior direito, clique em Novo feed.
4. No campo Inserir URL da página da web , adicione a URL do seu Instagram, seguindo o formato https://www.instagram.com/YOUR_USERNAME.
5. Clique em Gerar.
6. Clique em Salvar em Meus feeds.

Depois que o feed for salvo, navegue até a página do feed e localize o URL do feed. Ele deve seguir este formato: https://rss.app/feeds/UNIQUE_FEED_ID.xml.

Como alternativa a esse método, você pode configurar um feed web do Instagram usando a Basic Display API deles ou usando um app de terceiros. Alguns parceiros da Klaviyo oferecem isso como um serviço, como o FourSixty.

Configure seu feed na Klaviyo

Depois que você configurar o feed RSS:

1. Clique no nome da sua conta no canto inferior esquerdo do Klaviyo.
2. Selecione Configurações.
3. Selecione Outro.
4. Abra a aba Feeds da web.
5. Clique em Adicionar feed da web.
   

6. Dê um nome ao seu feed e insira o URL do feed RSS que você acabou de gerar como URL do feed na seção acima.
7. Defina o Método de solicitação como GET e o Tipo de conteúdo como XML.
   

8. Clique em Adicionar feed da web.

Importe conteúdo do Instagram para seus e-mails

Se você estiver usando uma plataforma de terceiros ou a API Basic Display do Instagram para gerar seu feed, siga nosso guia sobre como adicionar um feed da web personalizado a um e-mail. Se você usou o app de feed RSS recomendado acima, use o código abaixo para exibir os 3 itens mais recentes do seu feed do Instagram em um e-mail.

1. Adicione um novo bloco de HTML ao seu modelo.
2. Copie o código a seguir no bloco de HTML e lembre-se de substituir FEED_NAME pelo nome do seu feed (por exemplo, Instagram_Feed no exemplo acima).

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

Se você quiser mostrar mais de 3 posts recentes, ajuste o filtro |slice:":3" para incluir o número de posts que você quer exibir (por exemplo, |slice:":6" para mostrar 6 posts).

Se você quiser adicionar campos adicionais à sua tabela (por exemplo, legendas ou a data em que uma imagem foi publicada), siga nossos guias sobre como adicionar web feeds personalizados a e-mails para ajustar o código acima conforme necessário.

Recursos adicionais