Du möchtest deine neuesten Beiträge auf deiner Website anzeigen lassen, ohne sie manuell aktualisieren zu müssen? Mit dem Feeder-Widget bindest du einen Live-Feed in jede Website ein. Neue Beiträge werden automatisch angezeigt. Erstelle das Widget einmal, füge den Code ein und fertig.
Das Widget funktioniert überall dort, wo du HTML hinzufügen kannst, zum Beispiel in WordPress, Squarespace, Wix, Webflow und selbst programmierten Websites.
Was du brauchst
Das Widget ist Teil der Veröffentlichungstools von Feeder und in kostenpflichtigen Feeder-Tarifen verfügbar. Wenn du den kostenlosen Tarif nutzt, wird dir beim Öffnen des Widgets eine Option zum Tarifwechsel angezeigt.
Schritt 1: Widget erstellen
- Öffne Feeder, gehe zum Tab Veröffentlichen und wähle Widgets. Direktlink: feeder.co/settings/publish/widgets.
- Erstelle ein Widget und wähle den Feed aus, den du anzeigen möchtest.
- Lege das Design fest: Theme, Farben, Schriftart, Breite, Höhe und Anzahl der angezeigten Beiträge. Die Vorschau wird live aktualisiert. Deine Besucher sehen genau das, was in der Vorschau angezeigt wird.
- Speichere dein Widget.
Schritt 2: Einbettungscode kopieren
Der Editor bietet dir drei Möglichkeiten zum Einbetten. Die Widget-ID ist jeweils bereits eingetragen. Wähle die Variante, die zu deiner Website passt.
iframe (funktioniert fast überall)
Die zuverlässigste Option für WordPress und die meisten Website-Baukästen, da sie keine benutzerdefinierten Skripte benötigt.
https://widgets.feeder.co/?frame&widget=YOUR_WIDGET_ID
Script-Tag
Zeigt den Feed direkt auf der Seite an. Verwende diese Variante, wenn deine Website benutzerdefinierte Skripte zulässt und sich der Feed nahtlos in das Layout einfügen soll.
<feeder-widget data-widget-id="YOUR_WIDGET_ID" style="width: 100%; height: 600px"></feeder-widget>https://widgets.feeder.co/widget.js
Einfache URL
Praktisch für Tools, die einen Link zum Einbetten verlangen.
https://widgets.feeder.co/?embed&widget=YOUR_WIDGET_ID
Widget in WordPress einfügen
Für WordPress brauchst du kein Plugin. Füge den Einbettungscode einfach in einen Block oder einen Widget-Bereich ein. Wir empfehlen die iframe-Variante, da WordPress benutzerdefinierte Skripte aus Sicherheitsgründen oft entfernt.
Auf einer Seite oder in einem Beitrag (Block-Editor)
- Bearbeite die Seite oder den Beitrag, in dem der Feed erscheinen soll.
- Füge einen Block hinzu und wähle Individuelles HTML.
- Füge den iframe-Code aus Schritt 2 ein.
- Sieh dir eine Vorschau an oder veröffentliche die Seite. Der Feed erscheint an der Stelle, an der du den Block eingefügt hast.
In einer Seitenleiste oder im Footer
- Gehe zu Design > Widgets (oder Design > Customizer > Widgets).
- Füge im gewünschten Bereich ein Widget vom Typ Individuelles HTML hinzu.
- Füge den iframe-Code ein und speichere ihn.
Im klassischen Editor
Wechsle vom Tab Visuell zum Tab Text und füge den iframe-Code an der gewünschten Stelle ein.
Du verwendest WordPress.com? Für Einbettungen mit individuellem HTML brauchst du mindestens einen Business-Tarif. Bei selbst gehostetem WordPress (WordPress.org) kann jeder Admin den Code mit den oben beschriebenen Schritten hinzufügen.
Andere Website-Baukästen
- Squarespace, Wix, Webflow und ähnliche Dienste: Füge einen „Embed“- oder „Individuelles HTML“-Block hinzu und setze den iframe-Code ein.
- Selbst programmierte Websites: Füge den iframe-Code oder das Script-Tag direkt in deinen HTML-Code ein.
Tipps und Fehlerbehebung
- Größe anpassen: Ändere Breite und Höhe im Einbettungscode oder passe sie vor dem Kopieren im Editor an.
- Es wird nichts angezeigt? Möglicherweise entfernt deine Website Skripte. Wechsle zur iframe-Variante, die an mehr Stellen funktioniert.
- Immer aktuell: Das Widget liest die Inhalte direkt aus deinem Feeder-Feed. Neue Beiträge erscheinen automatisch. Du musst den Code nicht erneut einfügen.
Du kommst nicht weiter oder brauchst Hilfe beim Einrichten? Schreib uns jederzeit an support@feeder.co. 👋