Vill du visa dina senaste inlägg på din egen webbplats och hålla dem uppdaterade utan att behöva göra något manuellt? Feeder-widgeten visar ett liveflöde på vilken webbplats som helst och uppdateras automatiskt när nya inlägg kommer. Skapa widgeten en gång, klistra in kodsnutten och så är du klar.
Den fungerar överallt där du kan lägga till lite HTML, bland annat i WordPress, Squarespace, Wix, Webflow och handkodade sidor.
Det här behöver du
Widgeten ingår i Feeder-funktionerna för publicering och finns i Feeder-abonnemang med betalning. Om du använder gratisabonnemanget visas ett alternativ för att uppgradera när du öppnar den.
Steg 1: Skapa widgeten
- Öppna Feeder, gå till fliken Publicera och välj Widgetar. Direktlänk: feeder.co/settings/publish/widgets.
- Skapa en widget och välj flödet du vill visa.
- Anpassa utseendet: tema, färger, teckensnitt, bredd, höjd och antal inlägg som ska visas. Förhandsvisningen uppdateras direkt, så besökarna ser exakt det du ser.
- Spara widgeten.
Steg 2: Kopiera inbäddningskoden
Widgetskaparen erbjuder tre sätt att bädda in widgeten. Ditt widget-ID är redan ifyllt i alla tre. Välj det alternativ som passar din webbplats.
iframe (fungerar nästan överallt)
Det säkraste alternativet för WordPress och de flesta webbplatsbyggare, eftersom det inte kräver anpassade skript.
https://widgets.feeder.co/?frame&widget=YOUR_WIDGET_ID
Skripttagg
Visar flödet direkt på sidan. Använd det här alternativet om webbplatsen tillåter anpassade skript och du vill att flödet ska smälta in i sidans layout.
<feeder-widget data-widget-id="YOUR_WIDGET_ID" style="width: 100%; height: 600px"></feeder-widget>https://widgets.feeder.co/widget.js
Vanlig URL
Användbart för verktyg som ber om en länk att bädda in.
https://widgets.feeder.co/?embed&widget=YOUR_WIDGET_ID
Lägg till widgeten i WordPress
Du behöver inget tillägg i WordPress. Klistra bara in inbäddningskoden i ett block eller widgetområde. Vi rekommenderar iframe-versionen, eftersom WordPress ofta tar bort anpassade skript av säkerhetsskäl.
I en sida eller ett inlägg (blockredigeraren)
- Redigera sidan eller inlägget där du vill visa flödet.
- Lägg till ett block och välj Anpassad HTML.
- Klistra in iframe-koden från steg 2.
- Förhandsgranska eller publicera. Flödet visas där du placerade blocket.
I en sidopanel eller sidfot
- Gå till Utseende > Widgetar (eller Utseende > Anpassa > Widgetar).
- Lägg till en widget för Anpassad HTML i det område du vill använda.
- Klistra in iframe-koden och spara.
Använda den klassiska redigeraren
Byt från fliken Visuellt till fliken Text och klistra sedan in iframe-koden där du vill att flödet ska visas.
Använder du WordPress.com? För att bädda in anpassad HTML behöver du Business-abonnemanget eller ett högre abonnemang. I en egeninstallerad WordPress-installation (WordPress.org) kan alla administratörer lägga till koden med stegen ovan.
Andra webbplatsbyggare
- Squarespace, Wix, Webflow och liknande: lägg till ett block för inbäddning eller anpassad HTML och klistra in iframe-koden.
- Handkodade webbplatser: klistra in antingen iframe-koden eller skripttaggen direkt i HTML-koden.
Tips och felsökning
- Ändra storlek: ändra bredd och höjd i inbäddningskoden eller justera dem i widgetskaparen innan du kopierar koden.
- Visas inget? Webbplatsen kanske tar bort skript. Byt till iframe-versionen, som fungerar på fler ställen.
- Alltid uppdaterat: widgeten hämtar innehållet direkt från ditt Feeder-flöde, så nya inlägg visas automatiskt. Du behöver inte klistra in koden igen.
Har du kört fast eller vill ha hjälp med att komma igång? Kontakta oss när som helst på support@feeder.co. 👋