Wil je je nieuwste berichten op je eigen site tonen, zonder die handmatig bij te werken? Met de Feeder-widget plaats je een live feed op elke website. De feed wordt automatisch vernieuwd zodra er nieuwe berichten zijn. Stel de widget één keer in, voeg een stukje code toe en klaar.
De widget werkt overal waar je een beetje HTML kunt toevoegen, zoals op WordPress, Squarespace, Wix, Webflow en zelfgebouwde websites.
Wat heb je nodig?
De widget is onderdeel van Feeder-publicatietools en beschikbaar met betaalde Feeder-abonnementen. Gebruik je het gratis abonnement, dan zie je een optie om te upgraden wanneer je de widgetbouwer opent.
Stap 1: Stel je widget in
- Open Feeder, ga naar het tabblad Publiceren en kies Widgets. Rechtstreekse link: feeder.co/settings/publish/widgets.
- Maak een widget en kies de feed die je wilt tonen.
- Stel het uiterlijk in: thema, kleuren, lettertype, breedte, hoogte en het aantal berichten. De voorbeeldweergave wordt direct bijgewerkt, zodat je precies ziet wat je bezoekers te zien krijgen.
- Sla je widget op.
Stap 2: Kopieer de embedcode
De widgetbouwer biedt drie manieren om de widget in te sluiten. Bij alle drie is je widget-ID al ingevuld. Kies de optie die bij je website past.
iframe (werkt bijna overal)
De veiligste optie voor WordPress en de meeste websitebouwers, omdat hiervoor geen aangepaste scripts nodig zijn.
https://widgets.feeder.co/?frame&widget=YOUR_WIDGET_ID
Script-tag
Toont de feed rechtstreeks op de pagina. Gebruik deze optie als je site aangepaste scripts toestaat en je de feed naadloos in de lay-out wilt laten passen.
<feeder-widget data-widget-id="YOUR_WIDGET_ID" style="width: 100%; height: 600px"></feeder-widget>https://widgets.feeder.co/widget.js
Gewone URL
Handig voor tools die vragen om een link om in te sluiten.
https://widgets.feeder.co/?embed&widget=YOUR_WIDGET_ID
De widget toevoegen aan WordPress
Voor WordPress heb je geen plug-in nodig. Je plakt de embedcode gewoon in een blok of widgetgebied. We raden de versie met iframe aan, omdat WordPress aangepaste scripts vaak verwijdert om veiligheidsredenen.
Op een pagina of in een bericht (blokeditor)
- Bewerk de pagina of het bericht waar je de feed wilt plaatsen.
- Voeg een blok toe en kies Aangepaste HTML.
- Plak de iframe-code uit stap 2.
- Bekijk een voorbeeld of publiceer de pagina. Je feed verschijnt op de plek waar je het blok hebt geplaatst.
In een zijbalk of voettekst
- Ga naar Weergave > Widgets (of Weergave > Aanpassen > Widgets).
- Voeg een widget Aangepaste HTML toe aan het gewenste gebied.
- Plak de iframe-code en sla de wijzigingen op.
De klassieke editor gebruiken
Schakel van het tabblad Visueel over naar het tabblad Tekst en plak de iframe-code op de plek waar je de feed wilt tonen.
Gebruik je WordPress.com? Voor embeds met aangepaste HTML heb je minimaal een Business-abonnement nodig. Op een zelfgehoste WordPress-site (WordPress.org) kan elke beheerder de code toevoegen met de bovenstaande stappen.
Andere websitebouwers
- Squarespace, Wix, Webflow en vergelijkbare platforms: voeg een blok voor insluiten of aangepaste HTML toe en plak de iframe-code.
- Zelfgebouwde websites: plak de iframe- of script-tag rechtstreeks in je HTML.
Tips en oplossingen
- Het formaat aanpassen: wijzig de breedte en hoogte in de embedcode of pas ze aan in de widgetbouwer voordat je de code kopieert.
- Verschijnt er niets? Mogelijk verwijdert je site scripts. Gebruik dan de iframe-versie, die op meer plekken werkt.
- Altijd actueel: de widget haalt de berichten rechtstreeks uit je Feeder-feed. Nieuwe berichten verschijnen vanzelf. Je hoeft de code niet opnieuw te plakken.
Loop je vast of kun je hulp gebruiken bij het instellen? Mail ons gerust via support@feeder.co. 👋