Vous apprendrez
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 emails et afficher de manière dynamique vos dernières photos Instagram, légendes, et plus encore.
Ce processus nécessite la mise en place d'un flux XML et l'insertion d'un code personnalisé dans votre modèle d'e-mail. Si vous ne vous sentez pas à l'aise pour modifier le code de votre e-mail, demandez l'aide d'un partenaire Klaviyo.
Mettre en place un flux web Instagram
Pour mettre en place un flux web Instagram sans l'aide d'un développeur ou d'un partenaire Klaviyo, utilisez un générateur de flux RSS.
Notez que cette application de génération de flux RSS nécessite un abonnement payant afin d'héberger un flux RSS Instagram. Vous pouvez utiliser n'importe quel générateur de flux RSS, mais si vous utilisez une application différente, vous devrez peut-être adapter l'exemple de code dans la section ci-dessous.
- Créez un compte avec un outil de génération de flux RSS.
- Accédez à Mes flux.
- En haut à droite, cliquez sur Nouveau flux.
- Dans le champ Enter Webpage URL , ajoutez votre URL Instagram, en respectant le format https://www.instagram.com/YOUR_USERNAME.
- Cliquez sur Générer.
- Cliquez sur Enregistrer dans mes flux.
Une fois le flux enregistré, accédez à la page du flux et localisez l'URL du flux. Il doit suivre le format suivant : 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 d'affichage de base, ou en utilisant une application tierce. Certains partenaires de Klaviyo offrent ce service, comme FourSixty.
Configurez votre flux dans KlaviyoConfigurez votre flux dans Klaviyo
Une fois que vous avez mis en place votre flux RSS :
- Cliquez sur votre nom de compte dans le coin inférieur gauche de Klaviyo.
- Sélectionnez Paramètres.
- Sélectionnez Autre.
- Ouvrez l'onglet Flux Web.
- Cliquez sur Ajouter un flux Web.
- Nommez votre flux et entrez l'URL du flux RSS que vous venez de générer en tant qu'URL du flux dans la section ci-dessus.
- Définissez la méthode de requête sur GET et le type de contenu sur XML.
- 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 d'affichage de base d'Instagram pour générer votre flux, suivez notre guide sur l'ajout d'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.
- Ajoutez un nouveau bloc HTML à votre modèle.
- 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>
Votre flux Instagram ne se chargera pas lors de la prévisualisation du message dans Klaviyo. Envoyez un courriel de prévisualisation à votre propre boîte de réception pour vous assurer qu'il s'affiche correctement.
Si vous souhaitez afficher plus de 3 messages récents, modifiez le filtre, |slice :":3", pour inclure le nombre de messages que vous souhaitez afficher (par exemple, |slice :":6" pour afficher 6 messages).
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.
Nous ne recommandons l'utilisation du HTML personnalisé qu'aux spécialistes du marketing techniquement avertis, ou à toute personne ayant accès à un développeur. Bien que notre produit prenne en charge le HTML personnalisé, notre équipe d'assistance n'est pas en mesure de vous aider à créer vos modèles personnalisés au-delà des conseils généraux fournis dans cette documentation. Pour maintenir la sécurité de vos données, l'équipe d'assistance de Klaviyo n'est pas en mesure d'ouvrir vos fichiers HTML.
Si vous avez besoin de l'aide d'un développeur pour mettre cela en place, contactez l'un des partenaires de Klaviyo.