Hoe je Instagram-content in e-mail kunt gebruiken
Wat je leert
Leer hoe je een aangepaste webfeed instelt met je Instagram account met behulp van een RSS feed generator en hoe je de feed weergeeft in je e-mail. Met een aangepaste webfeed kun je je Instagram-inhoud koppelen aan je e-mail en dynamisch je nieuwste Instagram-foto's, bijschriften en meer weergeven.
Dit proces vereist het opzetten van een XML-feed en het invoegen van aangepaste code in je e-mailtemplate. Als je het niet prettig vindt om de code van je e-mail te bewerken, vraag dan een Klaviyo partner om hulp.
Een Instagram-webfeed instellen
Om een Instagram webfeed op te zetten zonder de hulp van een ontwikkelaar of Klaviyo partner, gebruik je een RSS feed generator.
Merk op dat deze RSS feed generator app een betaald abonnement vereist om een Instagram RSS feed te hosten. Je kunt elke RSS feed generator gebruiken, maar als je een andere app gebruikt, moet je misschien de voorbeeldcode in de sectie hieronder aanpassen.
- Maak een account aan bij een RSS feed generator tool.
- Navigeer naar Mijn feeds.
- Klik rechtsboven op Nieuwe Feed.
- Voeg in het veld Voer URL van webpagina in je Instagram URL in, volgens het formaat https://www.instagram.com/YOUR_USERNAME.
- Klik op Genereren.
- Klik op Opslaan in mijn feeds.
Zodra de feed is opgeslagen, navigeer je naar de feedpagina en zoek je de feed URL. De indeling moet als volgt zijn: https://rss.app/feeds/UNIQUE_FEED_ID.xml.
Als alternatief voor deze methode kun je een Instagram webfeed opzetten met behulp van hun Basic Display API, of door een app van derden te gebruiken. Bepaalde Klaviyo partners bieden dit als service aan, zoals FourSixty.
Je feed instellen in KlaviyoJe feed instellen in Klaviyo
Zodra je je RSS-feed hebt ingesteld:
- Klik op je account naam in de linkerbenedenhoek van Klaviyo.
- Selecteer Instellingen.
- Selecteer Andere.
- Open het tabblad Webfeeds.
- Klik op Webfeed toevoegen.
- Geef je feed een naam en voer de RSS feed URL die je zojuist hebt gegenereerd in als Feed URL in het gedeelte hierboven.
- Stel de Request Method in op GET en het Content Type op XML.
- Klik op Webfeed toevoegen.
Haal Instagram-content naar je e-mail
Als je een platform van derden of de Basic Display API van Instagram gebruikt om je feed te genereren, volg dan onze handleiding over het toevoegen van een aangepaste webfeed aan een e-mail. Als je de hierboven aanbevolen RSS feed app hebt gebruikt, gebruik dan de onderstaande code om de 3 meest recente items van je Instagram feed in een e-mail weer te geven.
- Voeg een nieuw HTML blok toe aan je template.
- Kopieer de volgende code in het HTML-blok en zorg ervoor dat je FEED_NAME vervangt door je feednaam (bijvoorbeeld Instagram_Feed in het bovenstaande voorbeeld).
<div>{% for item in feeds.FEED_NAME.rss.channel.item|slice:":3" %}
< table="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 bij het bekijken van het bericht in Klaviyo. Stuur een voorbeeldmail naar je eigen inbox om er zeker van te zijn dat hij correct wordt weergegeven.
Als je meer dan 3 recente berichten wilt weergeven, pas dan de filter aan, |slice:":3", om het aantal berichten op te nemen dat je wilt weergeven (bijvoorbeeld |slice:":6" om 6 berichten weer te geven).
Als je extra velden aan je tabel wilt toevoegen (bijvoorbeeld bijschriften of de datum waarop een afbeelding is geplaatst), volg dan onze gidsen over het toevoegen van aangepaste webfeeds aan e-mail om de bovenstaande code zo nodig 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 support aangepaste HTML gebruikt, kan ons supportteam je niet helpen bij het maken van je eigen sjabloon, afgezien van de algemene richtlijnen in deze documentatie. Om de veiligheid van je gegevens te waarborgen, kan Klaviyo's supportteam je HTML-bestanden niet openen.
Als je hulp nodig hebt van een ontwikkelaar om dit op te zetten, bereik dan een van Klaviyo's partners.