O que você vai aprender
Saiba como configurar um feed da Web personalizado com sua conta do Instagram usando um gerador de feed RSS e como exibir o feed em seus e-mails. Com um feed da Web personalizado, o senhor pode conectar seu conteúdo do Instagram aos seus e-mails e exibir dinamicamente suas fotos mais recentes do Instagram, legendas e muito mais.
Esse processo requer a configuração de um feed XML e a inserção de um código personalizado em seu modelo de e-mail. Se o senhor não se sentir à vontade para editar o código do seu e-mail, entre em contato com um parceiro da Klaviyo para obter ajuda.
Configurar um feed da web do Instagram
Para configurar um feed da Web do Instagram sem a ajuda de um desenvolvedor ou do Klaviyo Partner, use um gerador de feed RSS.
Observe que esse aplicativo gerador de feed RSS requer um plano pago para hospedar um feed RSS do Instagram. É possível usar qualquer gerador de feed RSS, mas se usar um aplicativo diferente, talvez seja necessário personalizar o código de exemplo na seção abaixo.
- Crie uma conta em uma ferramenta de geração de feed RSS.
- Navegue até My Feeds.
- No canto superior direito, clique em New Feed (Novo feed).
- No campo Enter Webpage URL (Inserir URL da página da Web ), adicione o URL do Instagram, seguindo o formato https://www.instagram.com/YOUR_USERNAME.
- Clique em Generate (Gerar).
- Clique em Save to My Feeds (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 o seguinte formato: https://rss.app/feeds/UNIQUE_FEED_ID.xml.
Como alternativa a esse método, o senhor pode configurar um feed da Web do Instagram usando a API de exibição básica ou usando um aplicativo de terceiros. Alguns parceiros da Klaviyo oferecem isso como um serviço, como o FourSixty.
Configure seu feed no KlaviyoConfigure seu feed no Klaviyo
Depois de configurar seu feed RSS:
- Clique no nome de sua conta no canto inferior esquerdo do Klaviyo.
- Selecione Settings.
- Selecione Outro.
- Abra a guia Web feeds.
- Clique em Add Web Feed.
- Dê um nome ao seu feed e insira o URL do feed RSS que acabou de gerar como o URL do feed na seção acima.
- Defina o Request Method como GET e o Content Type como XML.
- Clique em Add web feed.
Coloque conteúdo do Instagram em seus e-mails
Se estiver usando uma plataforma de terceiros ou a API de exibição básica do Instagram para gerar seu feed, siga nosso guia sobre como adicionar um feed da Web personalizado a um e-mail. Se tiver usado o aplicativo 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.
- Adicione um novo bloco HTML ao seu modelo.
- Copie o código a seguir no bloco HTML e certifique-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
</table>
{% endfor %}</div>
Seu feed do Instagram não será carregado ao visualizar a mensagem no Klaviyo. Envie um e-mail de visualização para sua própria caixa de entrada para garantir que ele seja exibido corretamente.
Se quiser mostrar mais de 3 posts recentes, ajuste o filtro, |slice:":3", para incluir o número de posts que deseja exibir (por exemplo, |slice:":6" para mostrar 6 posts).
Se o senhor quiser adicionar outros campos à sua tabela (por exemplo, legendas ou a data em que uma imagem foi postada), siga nossos guias sobre como adicionar feeds da Web personalizados a e-mails para ajustar o código acima conforme necessário.
Recomendamos o uso de HTML personalizado apenas para profissionais de marketing tecnicamente experientes ou para qualquer pessoa que tenha acesso a um desenvolvedor. Embora nosso produto seja compatível com HTML personalizado, nossa equipe de suporte não pode ajudá-lo a criar seus modelos personalizados, além de oferecer as orientações gerais abordadas nesta documentação. Para manter a segurança dos seus dados, a equipe de suporte da Klaviyo não pode abrir seus arquivos HTML.
Se o senhor precisar de assistência do desenvolvedor para configurar isso, entre em contato com um dos parceiros da Klaviyo.