Je kunt Instagram op je website laten zien door één bericht in te sluiten of een widget voor meerdere berichten te gebruiken. Een widget is een onderdeel dat je aan je website toevoegt. Wil je dat nieuwe berichten vanzelf verschijnen? Kies dan een widget die dat ondersteunt. Je website moet de code toelaten. Controleer ook welke gegevens van bezoekers worden gedeeld.
Hieronder lees je welke optie bij je past, hoe je die plaatst en wat je controleert voordat je de pagina deelt.
Welke Instagram feed past bij je website?
Een Instagram feed is een overzicht van Instagram berichten. Je kunt ook maar één bericht op je pagina tonen. Dat heet insluiten, of embedden: je laat inhoud van een andere dienst binnen je eigen website zien.
De uitleg over Instagram embeds en widgets maakt onderscheid tussen één ingesloten bericht en een widget met een automatisch bijgewerkte feed. Bepaal dus eerst wat je wilt laten zien.
| Je wilt | Passende optie | Let hierop |
|---|---|---|
| Eén bepaald bericht tonen | Een losse Instagram embed | Dit wordt geen volledig overzicht van nieuwe berichten |
| Meerdere recente berichten tonen | Een widget voor je feed | Controleer hoe vaak de widget nieuwe berichten ophaalt |
| Zelf kiezen welke foto’s verschijnen | Een eigen fotogalerij met links | Je werkt de foto’s zelf bij |
Stel, je hebt een website over je wandelingen. Bij een routebeschrijving wil je één Instagram bericht over die route tonen. Dan past een losse embed. Op een pagina met je laatste uitstapjes kan een automatisch bijgewerkt overzicht handiger zijn.
Een losse Instagram post insluiten met code
Voor één bericht heb je niet meteen een aparte widgetdienst nodig. Je kunt de officiële insluitcode van Instagram gebruiken, als die bij het bericht beschikbaar is. De naam en plek van deze optie kunnen veranderen.
- Kies een bericht. Gebruik bij voorkeur je eigen openbare bericht. Controleer of insluiten is toegestaan.
- Zoek de optie om het bericht in te sluiten. Kopieer de aangeboden code volledig. Ontbreekt de optie? Ga dan niet zelf code raden.
- Open een testpagina op je website. Zoek een onderdeel dat HTML of insluitcode accepteert. HTML is de code waarmee een webpagina is opgebouwd.
- Plak de code in dat onderdeel. Gebruik geen gewoon tekstvak. Dat kan de code als tekst laten zien in plaats van het bericht.
- Bekijk de pagina als bezoeker. Controleer het resultaat op je telefoon en zonder ingelogd te zijn op je website.
Heeft je websitebouwer een speciaal Instagram onderdeel? Volg dan de aanwijzingen daarvan. Soms vraagt het om de link naar een bericht, niet om insluitcode. Gebruik wat het onderdeel vraagt: een link en code zijn niet hetzelfde.
Verwijder je het bericht later of verander je wie het mag zien? Controleer dan ook de pagina waar je het hebt ingesloten.
Een Instagram feed plaatsen met een widget
Wil je meerdere berichten automatisch laten bijwerken? Kies dan een geschikte widget. Controleer voordat je een account maakt of de dienst werkt met jouw soort Instagram account en je website.
- Kies welke berichten je wilt tonen. Wil je alleen je eigen foto’s laten zien? Bekijk ook of je bepaalde berichten kunt uitsluiten, als je dat nodig hebt.
- Controleer welke toegang de dienst vraagt. Geef niet zomaar je Instagram wachtwoord door. Lees welke rechten je geeft en hoe je die later weer intrekt.
- Stel de indeling in. Begin bijvoorbeeld met vier foto’s. Kies waar mogelijk een indeling waarin de foto’s ook op een telefoon goed te zien zijn.
- Plaats de code van de widget. Gebruik een geschikt veld voor insluitcode of de bijbehorende uitbreiding voor je website.
- Test of nieuwe berichten verschijnen. Controleer na je volgende Instagram bericht of de widget het binnen de opgegeven tijd toont.
Het woord ‘live’ betekent niet dat een nieuwe foto meteen op je website staat. Kijk bij de aanbieder hoe vaak de widget berichten ophaalt. Controleer ook wat bezoekers zien als de verbinding met Instagram wegvalt.
Wil je een gezamenlijk bericht tonen? Spreek met de andere maker af of het ook op je website mag staan. Lees zo nodig hoe je een Instagram collab post samen met iemand plaatst.
Instagram toevoegen aan WordPress, Shopify of Webflow
Niet elke website laat dezelfde code toe. Wat je kunt plaatsen, hangt onder meer af van je abonnement, thema en uitbreidingen. Zoek daarom eerst welke manier van insluiten jouw website ondersteunt.
WordPress
Volgens de documentatie van WordPress.com over Instagram kun je losse foto’s, video’s en Reels insluiten als het account openbaar is en insluiten toestaat.
Staat je WordPress website bij een andere hostingpartij? Dan werkt niet alles vanzelf hetzelfde als bij WordPress.com. Voor meerdere berichten kun je een geschikte plugin of externe widget bekijken. Een plugin is een uitbreiding voor je website. Probeer niet meerdere plugins voor een feed tegelijk uit.
Shopify
Bekijk of je thema een plek heeft voor eigen insluitcode. Je kunt ook kijken naar een passende app. Test op een losse pagina. Zo hoef je niet meteen de indeling van je hele winkel aan te passen.
Webflow
Controleer of je project eigen insluitcode ondersteunt. De pagina kan er tijdens het bewerken anders uitzien dan na publicatie. Open daarom ook een gepubliceerde testpagina in een gewone browser.
Kun je gratis een Instagram feed op je website zetten?
Voor de officiële insluitcode van één bericht heb je geen apart widgetabonnement nodig. Je websitepakket moet de code wel ondersteunen. Bij een volledig overzicht hangen de kosten af van de oplossing die je kiest.
Heeft een widget een gratis versie? Controleer dan vooraf:
- Hoeveel berichten en weergaven zijn inbegrepen?
- Hoe vaak haalt de widget nieuwe berichten op?
- Komt de merknaam van de aanbieder in beeld?
- Kun je wachten met laden tot de bezoeker toestemming geeft?
- Wat gebeurt er als je een limiet bereikt of stopt met de dienst?
Kijk vooral naar wat je nodig hebt. Voor vier vakantiefoto’s op je eigen pagina zijn uitgebreide filters niet nodig. Maar een gratis widget helpt je niet als juist de functie ontbreekt waarvoor je hem wilt gebruiken.
Privacy en cookies bij een Instagram feed
Toestemming kan nodig zijn voor de foto’s die je toont én voor het gebruik van bezoekersgegevens. Dat zijn twee verschillende zaken.
Een openbaar bericht mag je niet zomaar downloaden en opnieuw publiceren. Wil je materiaal van iemand anders gebruiken? Vraag toestemming voor dat gebruik. Controleer bij je eigen foto’s ook of herkenbare personen akkoord zijn met plaatsing op je website.
Een embed kan verbinding maken met Instagram of de widgetdienst. Daarbij kunnen gegevens worden gedeeld, zoals het IP adres van een bezoeker. Dat kan al gebeuren voordat iemand op het bericht klikt.
In Nederland en België gelden de AVG en regels voor cookies. De AVG gaat over persoonsgegevens. Gebruikt je embed cookies of vergelijkbare technieken om bezoekers te volgen, zonder dat die noodzakelijk zijn? Dan is voorafgaande toestemming in beginsel nodig.
- Controleer wat de embed laadt. Vraag de aanbieder of je websitebeheerder welke verbindingen en cookies worden gebruikt.
- Houd de code waar nodig tegen. Alleen een cookiemelding tonen blokkeert geen scripts. Een script is code die de browser uitvoert.
- Geef bezoekers een keuze. Toon bijvoorbeeld eerst een melding met een knop om Instagram inhoud te laden. Bied ook een gewone link aan.
- Werk je privacyuitleg bij. Beschrijf welke diensten je gebruikt, waarom je ze gebruikt en hoe bezoekers hun keuze aanpassen.
Test ook wat er gebeurt als je ‘weigeren’ kiest. De Instagram inhoud mag niet alvast op de achtergrond laden als daarvoor eerst toestemming nodig is.
Waarom werkt je Instagram feed op je website niet?
Controleer eerst wat er precies misgaat. Verander daarna één ding tegelijk, zodat je ziet welke aanpassing helpt.
| Probleem | Dit kun je controleren |
|---|---|
| Je ziet alleen code | Staat de code in een geschikt codeveld in plaats van een gewoon tekstvak? |
| De feed blijft leeg | Is toestemming geweigerd? Is het bericht nog openbaar en beschikbaar? |
| Nieuwe berichten ontbreken | Hoe vaak vernieuwt de widget? Is je Instagram account nog verbonden? |
| De feed werkt niet in elke browser | Blokkeert een browseruitbreiding inhoud van andere diensten? |
| De pagina laadt langzaam | Kun je minder berichten of kleinere afbeeldingen tonen? |
| De feed valt buiten het scherm | Past de breedte en indeling op een telefoon? |
Schakel de privacybescherming niet voor iedereen uit om een lege feed op te lossen. Zorg dat bezoekers de pagina ook zonder de Instagram inhoud kunnen gebruiken.
Wanneer kies je een afbeelding in plaats van een Instagram feed?
Wil je vooral één foto laten zien? Dan kan een eigen afbeelding met een link beter passen. Je hebt zo meer controle over de indeling. Gebruik alleen beeld waarvoor je de nodige rechten hebt.
Staan op je Instagram ook privéfoto’s of berichten die niet bij je website passen? Kies dan liever zelf welke foto’s je toont, in plaats van alles automatisch te laten bijwerken.
Zet belangrijke informatie, zoals een routebeschrijving of contactgegevens, als gewone tekst op je pagina. Gebruik de Instagram feed als aanvulling. Een feed garandeert geen extra volgers, bezoekers of hogere plek in Google.
