Hoe je Instagram-content in e-mails gebruikt
Wat je leert
Lees hoe je met je Instagram-account een aangepaste webfeed instelt met behulp van een RSS-feedgenerator en hoe je de feed in je e-mails weergeeft. Met een aangepaste webfeed kun je je Instagram-content koppelen aan je e-mails en dynamisch je nieuwste Instagram-foto's, bijschriften en meer weergeven.
Voor dit proces moet je een XML-feed instellen en aangepaste code invoegen in je e-mailtemplate. Als je je niet prettig voelt bij het bewerken van de code van je e-mail, neem dan contact op met een Klaviyo-partner voor hulp.
Stel een Instagram-webfeed in
Gebruik een RSS-feedgenerator om een Instagram-webfeed in te stellen zonder hulp van een developer of Klaviyo-partner.
Houd er rekening mee dat je voor deze app voor het genereren van RSS-feeds een betaald abonnement nodig hebt om een Instagram-RSS-feed te hosten. Je kunt elke RSS-feedgenerator gebruiken, maar als je een andere app gebruikt, moet je mogelijk de voorbeeldcode in de onderstaande sectie aanpassen.
- Maak een account aan met een tool voor het genereren van RSS-feeds.
- Ga naar Mijn feeds.
- Klik rechtsboven op Nieuwe feed.
- Voeg in het veld URL van webpagina invoeren je Instagram-URL toe, volgens het format https://www.instagram.com/YOUR_USERNAME.
- Klik op Genereren.
- Klik op Opslaan in Mijn feeds.
Zodra de feed is opgeslagen, ga je naar de feedpagina en zoek je de feed-URL. Deze moet deze indeling volgen: https://rss.app/feeds/UNIQUE_FEED_ID.xml.
Als alternatief voor deze methode kun je een Instagram-webfeed instellen met hun Basic Display API, of via een app van derden. Bepaalde Klaviyo-partners bieden dit als service, zoals FourSixty.
Stel je feed in Klaviyo in
Zodra je je RSS-feed hebt ingesteld:
- Klik linksonder in Klaviyo op je accountnaam.
- Selecteer Instellingen.
- Selecteer Overig.
- Open het tabblad Webfeeds.
- Klik op Webfeed toevoegen.
- Geef je feed een naam en voer de RSS-feed-URL die je net hebt gegenereerd in als de feed-URL in het gedeelte hierboven.
- Stel de Request Method in op GET en de Content Type op XML.
- Klik op Webfeed toevoegen.
Instagram-content naar je e-mails halen
Als je een platform van derden of Instagram's Basic Display API gebruikt om je feed te genereren, volg dan onze handleiding voor het toevoegen van een aangepaste webfeed aan een e-mail. Als je de RSS-feed-app hebt gebruikt die hierboven wordt aanbevolen, gebruik je de onderstaande code om de 3 meest recente items uit je Instagram-feed in een e-mail weer te geven.
- Voeg een nieuw HTML-blok toe aan je template.
- Kopieer de volgende code naar het HTML-blok en zorg ervoor dat je FEED_NAME vervangt door de naam van je feed (bijv. Instagram_Feed in het voorbeeld hierboven).
<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>Je Instagram-feed wordt niet geladen wanneer je het bericht bekijkt in de voorbeeldweergave in Klaviyo. Stuur een preview-e-mail naar je eigen inbox om te controleren of die correct wordt weergegeven.
Als je meer dan 3 recente posts wilt tonen, pas je het filter |slice:":3" aan om het aantal posts op te nemen dat je wilt weergeven (bijv. |slice:":6" om 6 posts te tonen).
Als je extra velden aan je tabel wilt toevoegen (bijv. bijschriften of de datum waarop een afbeelding is geplaatst), volg dan onze handleidingen over aangepaste webfeeds toevoegen aan e-mails om de code hierboven naar behoefte aan te passen.
We raden het gebruik van aangepaste HTML alleen aan voor technisch onderlegde marketeers, of voor iedereen die toegang heeft tot een ontwikkelaar. Hoewel ons product aangepaste HTML ondersteunt, kan ons supportteam je niet helpen met het opzetten van je aangepaste templates, behalve door de algemene richtlijnen uit deze documentatie te geven. Om de veiligheid van je gegevens te waarborgen, kan het supportteam van Klaviyo je HTML-bestanden niet openen.
Als je hulp van een ontwikkelaar nodig hebt om dit in te stellen, kun je contact opnemen met een van Klaviyo’s partners.