Comment utiliser le contenu d'Instagram dans les e-mails

Objectif de cet article

Apprenez à mettre en place un flux web personnalisé avec votre compte Instagram à l'aide d'un générateur de flux RSS, et à afficher le flux dans vos e-mails. Avec un flux web personnalisé, vous pouvez connecter votre contenu Instagram à vos e-mails et afficher de manière dynamique vos dernières photos Instagram, légendes, et plus encore.

Configurer un flux web Instagram

Pour configurer un flux web Instagram sans l’aide d’un développeur ou d’un partenaire Klaviyo, utilisez un générateur de flux RSS.

1. Créez un compte avec un outil de génération de flux RSS.
2. Accédez à Mes flux.
3. Dans le coin supérieur droit, cliquez sur Nouveau flux.
4. Dans le champ Saisir l’URL de la page Web , ajoutez votre URL Instagram en respectant le format https://www.instagram.com/YOUR_USERNAME.
5. Cliquez sur Générer.
6. Cliquez sur Enregistrer dans Mes flux.

Une fois le flux enregistré, accédez à la page du flux et repérez l’URL du flux. Il doit suivre ce format : https://rss.app/feeds/UNIQUE_FEED_ID.xml.

Comme alternative à cette méthode, vous pouvez configurer un flux web Instagram à l’aide de leur API Basic Display, ou en utilisant une application tierce. Certains partenaires Klaviyo proposent ce service, comme FourSixty.

Configurer votre flux dans Klaviyo

Une fois votre flux RSS configuré :

1. Cliquez sur le nom de votre compte dans le coin inférieur gauche de Klaviyo.
2. Sélectionnez Paramètres.
3. Sélectionnez Autre.
4. Ouvrez l’onglet Flux web.
5. Cliquez sur Ajouter un flux web.
   

6. Nommez votre flux et saisissez l’URL du flux RSS que vous venez de générer en tant qu’ URL du flux dans la section ci-dessus.
7. Définissez la méthode de requête sur GET et le type de contenu sur XML.
   

8. Cliquez sur Ajouter un flux web.

Intégrez le contenu d'Instagram dans vos e-mails

Si vous utilisez une plateforme tierce ou l’API Basic Display d’Instagram pour générer votre flux, suivez notre guide pour ajouter un flux web personnalisé à un e-mail. Si vous avez utilisé l’application de flux RSS recommandée ci-dessus, utilisez le code ci-dessous pour afficher les 3 éléments les plus récents de votre flux Instagram dans un e-mail.

1. Ajoutez un nouveau bloc HTML à votre modèle.
2. Copiez le code suivant dans le bloc HTML et veillez à remplacer FEED_NAME par le nom de votre flux (par exemple, Instagram_Feed dans l’exemple ci-dessus).

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

Si vous souhaitez afficher plus de 3 publications récentes, ajustez le filtre |slice:":3" pour inclure le nombre de publications que vous souhaitez afficher (par exemple, |slice:":6" pour afficher 6 publications).

Si vous souhaitez ajouter des champs supplémentaires à votre tableau (par exemple, des légendes ou la date à laquelle une image a été publiée), suivez nos guides sur l’ ajout de flux web personnalisés aux e-mails afin d’adapter le code ci-dessus en fonction des besoins.