Skip to content

Allt om WordPress, webbutveckling — och mer därtill

💡 Hur du lägger till sociala nätverk på en WordPress-sajt med Flow Flow

💡 Hur du lägger till sociala nätverk på en WordPress-sajt med Flow Flow

Sociala medier är inte bara ett flöde av memes. För företag och bloggar är det en förtroendekanal: en följare ser aktivitet, besöker sajten och stannar. Problemet är att de sociala nätverken är fragmenterade. Facebook, Instagram, X, Pinterest, YouTube, var och en har sitt eget gränssnitt och plugin. Installera fem plugins för fem sociala nätverk? Klumpigt och opraktiskt.

Flow Flow löser detta med ett enda plugin. Det samlar inlägg, foton och videor från ett och ett halvt dussin sociala nätverk till ett enhetligt, stilrent flöde direkt på din WordPress-sajt. Inga hacks, ingen extra serverbelastning. Vi testade det, och att sätta upp allt från grunden tar ungefär en halvtimme.

I den här guiden går vi igenom steg för steg hur du driftsätter Flow Flow: från köp till publicering av flödet. Alla skärmbilder är aktuella för version 4.9 (juni 2026).

💡 Snabb översikt:

  • Vad Flow Flow är: ett plugin som samlar flöden från Facebook, Instagram, X, YouTube, Pinterest, TikTok och ett dussin andra sociala nätverk till en enda ström på din sajt
  • Steg 1: köpa en licens på CodeCanyon, ladda ner och installera pluginet
  • Steg 2: konfigurera allmänna parametrar, moderatorroller, datumformat, cachelagring
  • Steg 3: lägga till sociala nätverk, för varje anger du inloggning, token eller hashtag
  • Steg 4: bygga ihop strömmen, layout, rutnät, kortstil, filter och shortcode
  • Steg 5: publicera strömmen på en sajtsida via shortcode eller editor

Vad Flow Flow är och vilka sociala nätverk det hämtar från

Flow Flow är ett premiumplugin från utvecklaren Looks Awesome, som säljs på CodeCanyon. I juni 2026 har pluginet över 23 000 försäljningar och ett betyg på 4,6 av 5. Den senaste uppdateringen släpptes den 11 juni 2026, produkten lever och underhålls aktivt.

PRO-versionen för $49 hämtar från 14 källor: Facebook, X (Twitter), Instagram, TikTok, YouTube, Pinterest, Tumblr, Vimeo, Flickr, Dribbble, SoundCloud, Foursquare, WordPress och RSS, aktuell prissättning på Flow Flows webbplats. Gratisversionen är begränsad till fyra sociala nätverk (Facebook, X, Instagram, Pinterest) och Masonry-layout, tillräckligt för att testa, men för en produktionssajt är det bättre att skaffa PRO.

Den främsta fördelen med Flow Flow jämfört med konkurrenterna är smart cachelagring på serversidan. Flödet laddas inte om från grunden för varje besökare. Plus adaptivt rutnät, inbyggd lightbox för foton och moderering efter ord, namn och webbadresser, du kan filtrera bort troll och spam utan extra plugins.

Steg 1: köp, ladda ner och installera pluginet

För en licens, gå till Flow Flows sida på CodeCanyon. För en personlig sajt räcker en Regular-licens, för kundprojekt titta på den utökade, den betalar sig med första projektet.

Flow Flow-köpsida på CodeCanyon

Efter betalning laddar du ner plugin-arkivet från CodeCanyons nedladdningssida. Observera: om du valde alternativet "All files and documentation" måste arkivet packas upp, inuti finns en separat zip-fil flow-flow.zip som laddas upp till WordPress.

Flow Flow-nedladdningssida för insticksmodul på CodeCanyon

Tekniskt sett är installationen standard: WordPress Admin → Plugins → Lägg till ny → Ladda upp plugin → Välj fil flow-flow.zip → Installera → Aktivera. Efter aktivering visas en Flow Flow-sektion i vänstermenyn.

Steg 2: konfigurera allmänna parametrar

Innan du lägger till sociala nätverk, kolla in Flow Flow → Inställningar. Här anger du grundläggande parametrar som påverkar hela flödets funktion.

Allmänna inställningar för Flow Flow-insticksmodulen

Vad du bör titta på först:

  • Moderatorroll, vilka sajtanvändare som kan moderera flödet. Som standard administratör, men kan delegeras till redaktörer.
  • Datumformat, visningsformat för inläggsdatum. Anpassa det till din sajts språkinställning.
  • Antal sparade inlägg, hur många inlägg som ska behållas i cachen. För ett aktivt flöde, sätt 50-100.

Övriga parametrar, aviseringar, integration med sidbyggare, proxyinställningar, kan lämnas som standard eller finjusteras när du har lärt dig grunderna.

Steg 3: lägg till sociala nätverk

Gå till Flow Flow → Feeds och klicka på den gröna knappen "Create Feed +". Ett popup-fönster öppnas.

Lista över tillagda sociala flöden i Flow Flow

Klicka på den gröna knappen för att öppna guiden för att skapa ett nytt flöde. Gränssnittet är minimalistiskt, du kommer inte att bli förvirrad.

Fönster för att skapa nytt flöde i Flow Flow

Välj ett socialt nätverk från rullgardinsmenyn. Ta till exempel Pinterest, det är enklast att lägga till: du behöver bara användarnamn eller namnet på anslagstavlan. Inga tokens eller appar krävs.

Fönster för att lägga till Pinterest-flöde i Flow Flow

Efter att du valt det sociala nätverket ställer du in parametrarna: uppdateringsfrekvens för flödet (från 5 minuter till en gång i veckan), antal inlägg att ladda (1, 5, 10 eller 20 åt gången), aktivera eller inaktivera förmoderering. Klicka på "Lägg till flöde", så läggs flödet till.

Upprepa nu för varje socialt nätverk som behövs. Facebook, X, Instagram, YouTube och flera andra kräver föregående auktorisering via åtkomsttokens eller att man skapar en utvecklarapp. Oroa dig inte, Flow Flow förenklar processen.

Autentiseringsinställningar för sociala nätverk i Flow Flow

I Auth-sektionen samlar pluginet alla auktoriseringsfält på ett ställe. För varje socialt nätverk finns en länk till Flow Flows officiella dokumentation med steg-för-steg-instruktioner: hur man registrerar en app, hämtar en token, anger åtkomsträttigheter. Följ instruktionerna, det är en engångsinställning som tar 5-10 minuter.

Pinterest, Flickr, Vimeo, WordPress och RSS kräver ingen auktorisering, de kan läggas till direkt efter att pluginet installerats.

Flow Flow-källista med orange felindikator

Om du gjorde ett misstag i inställningarna när du skapade ett flöde eller glömde att lägga till auktorisering, ser du en orange utropsteckenikon. Håll muspekaren över den för att läsa felbeskrivningen, åtgärda inställningarna och aktivera flödet igen.

Steg 4: sätt ihop en ström från tillagda sociala nätverk

När alla sociala nätverk har lagts till måste de sättas ihop till en enda ström. Gå till Flow Flow → Strömmar och klicka på "Skapa ström +".

Flödeshanteringsflik i Flow Flow

Källor

Ge strömmen ett namn och börja lägga till flöden via rullgardinsmenyn. Varje tillagt flöde visas i sektionen "Anslutna kanaler".

Fönster för namngivning och källtillägg av flöde i Flow Flow

Efter tillägg visas flöden som en lista i den nedre delen av fönstret.

Lista över anslutna sociala flöden i Flow Flow-ström

En ström kan innehålla valfritt antal flöden från olika sociala nätverk. Vill du ha tre X-konton, två Instagram och Facebook i en ström? Inga problem.

Allmänna ströminställningar

På fliken Allmänt ställer du in sorteringsordning, inlägg per sida, aktivering av lightbox, mobil visning och sekretessparametrar.

Allmänna ströminställningar: sortering, lightbox, integritet

Rutnät

Fliken Rutnät hanterar layouten. Tillgängliga layouter i PRO-versionen: Masonry (kakellayout), Equal Grid (jämnt rutnät), Justified (breddjustering) och Slider (karusell). Här konfigurerar du också antal kolumner, avstånd mellan korten och sidhuvudets visning.

Rutnätsinställningar för ström: layout och kolumnval i Flow Flow

Kortstil

På fliken Stil finns en kortbyggare med dra-och-släpp-element. Ändra färger, avatarposition, ikoner för sociala nätverk och text. Uppsättningen är flexibel, flödet kan matchas mot vilken sajtdesign som helst.

Stilbyggare för sociala flödeskort i Flow Flow

Anpassad CSS

Fliken Anpassad CSS är för utvecklare och dig som inte är rädd för kod. Lägg till egna stilar om de inbyggda inställningarna inte räcker till.

Fält för anpassad CSS i Flow Flow-ström

Shortcode

Den sista fliken är Shortcode. Här finns den färdiga flödes-shortcoden. Kopiera den, du behöver den för steg 5.

Skapad kortkod för ström under Flow Flow-kortkodsfliken

Steg 5: publicera flödet på sajten

Det enda som återstår är att visa flödet på en sida på sajten. Två alternativ.

Via shortcode. Skapa en ny sida (eller ett inlägg), infoga shortcoden i textredigeraren och publicera. Flödet visas på sidan där du infogade shortcoden.

Via sidredigerare. Om du använder en visuell byggare (WPBakery, Elementor, Gutenberg) lägger Flow Flow till ett eget block. Klicka på "+"-ikonen för ett nytt element, leta upp Flow Flow Social Stream och välj önskat flöde från rullgardinsmenyn.

WordPress-inläggsredigeringssida med Flow Flow-kortkod

När du använder en visuell byggare är processen ännu enklare. Klicka på "+"-ikonen för att lägga till ett nytt element på sidan.

Lägga till Flow Flow-element via visuell sidredigerare

Leta upp Flow Flow Social Stream i listan över tillgängliga block och välj önskat flöde från rullgardinsmenyn. Spara, så visas flödet på sidan.

Fönster för val av Flow Flow-ström i WordPress sidredigerare

Välj flödet, spara sidan och publicera. Flödet visas på sajten direkt, med cachelagring, adaptivt rutnät och all konfigurerad design.

Funktioner utöver flödet: Flow Flow-tillägg

Looks Awesome har släppt två betalda tillägg för Flow Flow som kan vara användbara för företag.

Ads & Branding lägger till annonser och varumärkeskort i flödet. Du kan sälja annonsutrymme i strömmen, visa dina egna banners eller nåla fast ett kort med varumärkesinformation ovanför andra inlägg. Fungerar som ett annonsnätverk inuti det sociala flödet, utan extra tillägg.

Broadcasting gör om flödet till en sändning för en stor skärm. Scenario: konferens, kontorslobby, utställning. Det sociala flödet visas på en projektor eller tv i realtid, gästerna ser tweets, inlägg och foton från evenemanget. Stöder samma sociala nätverk som huvudpluginen.

Båda tilläggen säljs separat från huvudlicensen för Flow Flow, kolla priser på dokumentationssidan för pluginen.

⁉️🤔 Vanliga frågor

Saktar Flow Flow ner sajten? Förlänger det laddningstiden?

Nej, tack vare cachelagring på serversidan. Flödet hämtar inte data från sociala nätverk vid varje besök. Inlägg cachas på din server, och bilder bearbetas en gång när rutnätet byggs upp. I praktiken är skillnaden i sidladdningstid med och utan Flow Flow-flöde inom felmarginalen.

Vad gör Flow Flow bättre än gratisalternativ?

Tre saker. För det första, samtidigt stöd för 14 sociala nätverk i en ström (gratisplugins drar vanligtvis 1-2 nätverk). För det andra, en byggare för kortdesign: du är inte låst till en mall, alla element kan flyttas och färgsättas om. För det tredje, moderering: exkludering efter ord, användarnamn och webbadresser direkt från admin, utan att redigera kod.

Kan Flow Flow användas med Gutenberg?

Ja, pluginen är kompatibel med Gutenberg-blockredigeraren och lägger till ett eget "Flow Flow Social Stream"-block. Fungerar med både den klassiska redigeraren (shortcode), WPBakery och Elementor.

Vad ska jag göra om flödet slutar uppdateras?

Kontrollera först auktoriseringstokens i Auth-sektionen. Sociala nätverk återkallar med jämna mellanrum tokens eller ändrar API:er. Kontrollera sedan flödesstatus i fliken Feeds: en orange ikon betyder ett fel, för muspekaren över den för att se orsaken. Rensa sedan plugincachen i inställningarna. Om det inte hjälper, kontakta Looks Awesome support, de svarar inom en dag.

Stöder Flow Flow TikTok?

Ja, TikTok-stöd lades till i version 4.9. TikTok-flödet bäddas in i den allmänna strömmen tillsammans med Instagram, YouTube och andra sociala nätverk.

Är Flow Flow värt sina $49: slutgiltigt omdöme

För de flesta WordPress-sajter är svaret tydligt: ja, det är värt det. För priset av en och en halv till två separata plugins för varje socialt nätverk får du ett verktyg som täcker alla sociala nätverk på en gång, med cachelagring, moderering och flexibel design.

Om du behöver ett enkelt flöde från ett enda Instagram, titta på gratisalternativ som Smash Balloon. Men om sajten ska ha flera sociala nätverk i en enhetlig ström är Flow Flow det bästa på marknaden. Testa gratisversionen, den finns på den officiella Flow Flow-sajten med en gräns på 4 sociala nätverk. Om du gillar hur logiken och gränssnittet fungerar, skaffa PRO för $49 och driftsätt ett fullfjädrat flöde med design anpassad till din sajt.