Hur man bäddar in ett Facebook-gruppflöde i WordPress

Att bädda in ett Facebook-gruppflöde kan vara ett utmärkt sätt att visa upp gemenskapsinteraktioner, dela uppdateringar och hålla din webbplats innehåll färskt.

Denna integration hjälper till att överbrygga dina online-gemenskaper och kan öka besökarnas engagemang.

Vi har använt olika sociala medieplattformar för att driva trafik till våra webbplatser. Därför förstår vi utmaningarna med att lägga till ett flöde från sociala medier.

I den här artikeln visar vi dig hur du enkelt lägger till ett Facebook-gruppflöde i WordPress, steg för steg.

Varför lägga till Facebook-gruppsinnehåll på din WordPress-webbplats?

Facebook är världens mest populära sociala medieplattform och har 2,9 miljarder aktiva användare per månad, enligt vår marknadsundersökningsstatistik.

Detta gör Facebook-grupper perfekta för att engagera sig med människor som redan känner till ditt varumärke och för att nå en ny publik.

Faktum är att vår Facebook-grupp WPBeginner Engage har över 98 tusen aktiva användare och växer i en otrolig takt.

Facebook-grupper kan hjälpa dig att bygga en gemenskap, skapa en känsla av lojalitet och bygga en positiv relation med dina användare.

När personer går med i din grupp kan du marknadsföra blogginlägg, företagsuppdateringar eller till och med WooCommerce-produkter utan att behöva spendera några pengar på onlineannonser.

Efter att ha skapat din Facebook-grupp vill du marknadsföra den och driva folk till den. Det bästa sättet att växa din Facebook-grupp är genom att bädda in gruppflödet på din WordPress-webbplats.

På så sätt kan besökare på din webbplats se allt fantastiskt innehåll du lägger upp på Facebook. Detta kommer att uppmuntra dem att kolla in din grupp, engagera sig i ditt innehåll och kanske till och med klicka på knappen ‘Gå med’.

Med det i åtanke, låt oss se hur man bäddar in ett Facebook-gruppflöde i WordPress.

Hur du installerar ett anpassat Facebook-flödesplugin

Det bästa sättet att bädda in ett Facebook-gruppflöde är att använda Smash Balloon Facebook Feed.

Vi har testat pluginet omfattande och funnit det extremt enkelt att bädda in Facebook-videor, kommentarer, recensioner, community-inlägg och mer på vår WordPress-webbplats. För att lära dig mer, se vår fullständiga recension av Smash Balloon.

Om du publicerar videor till din Facebook-grupp låter Smash Balloon användare titta på media i ett lightbox-fönster utan att lämna din webbplats.

Efter att ha bäddat in gruppflödet kommer nya inlägg att visas på din webbplats automatiskt. Detta gör det till ett enkelt sätt att hålla din webbplats fräsch, även för återkommande besökare.

Först måste du installera och aktivera pluginet Smash Balloon Facebook Feed. För mer information, se vår guide om hur man installerar ett WordPress-plugin.

Efter aktivering, besök sidan Facebook Feed » Settings och ange din licensnyckel i fältet 'License Key'.

Du hittar denna information i ditt konto på Smash Balloon-webbplatsen.

Efter att ha angett nyckeln klickar du helt enkelt på knappen 'Aktivera'.

Hur du lägger till Smash Balloon-appen till din Facebook-grupp

Nu behöver du lägga till Smash Balloons Facebook-app till den Facebook-grupp som du vill visa på din WordPress-webbplats.

Notera: På grund av hur Facebook API är konfigurerat kan Smash Balloon bara visa inlägg som gjordes efter att du lade till appen i din Facebook-grupp.

Med det i åtanke, låt oss fortsätta och installera appen innan vi gör något annat. Logga bara in på Facebook i en ny flik och gå till din Facebook-grupp.

Klicka sedan i menyn till vänster på 'Gruppinställningar'.

Därefter behöver du skrolla till sektionen 'Hantera avancerade inställningar'.

Klicka här på pennikonen bredvid 'Appar'.

Detta öppnar ett popup-fönster som visar alla appar du redan har lagt till i den här gruppen.

Eftersom vi vill installera Smash Balloon-appen måste du klicka på 'Lägg till appar'.

I sökfältet skriver du in 'Smash Balloon WordPress'.

När rätt app visas, klicka på den.

En popup visas nu som visar all information som appen kan komma åt och alla åtgärder den kan utföra.

Om du är nöjd med att fortsätta och installera appen, klicka sedan på ‘Add.’

Efter några ögonblick bör du se ett meddelande som säger att du framgångsrikt har lagt till Smash Balloon-appen i din Facebook-grupp.

Anslut Smash Balloon till din Facebook-grupp

Nu är det dags att koppla din Facebook-sida till WordPress. För att göra detta, besök Facebook Feed » Alla flöden och klicka på ‘Lägg till ny’.

Smash Balloon låter dig visa foton, evenemang, videor, album och mer.

Eftersom vi vill bädda in vårt Facebook-gruppflöde, klicka på ‘Timeline’ och välj sedan ‘Next.’

Därefter behöver du välja den Facebook-grupp från vilken du ska hämta tidslinjen.

För att komma igång, klicka bara på 'Add New'.

På nästa skärm, välj radioknappen bredvid 'Grupp'.

Därefter klickar du bara på 'Connect to Facebook'.

Detta öppnar ett popup-fönster där du kan logga in på ditt Facebook-konto. Välj sedan den grupp du vill använda.

Efter att ha markerat rutan bredvid en eller flera grupper klickar du helt enkelt på 'Nästa'.

Du bör nu se ett popup-fönster som ber dig att installera Smash Balloon WordPress-appen.

Eftersom vi redan har installerat den här appen kan du fortsätta och klicka på "Klar."

Hur man skapar ett Facebook-gruppflöde i WordPress

Nu har du lagt till din Facebook-grupp till Smash Balloon, den kommer att visas som ett alternativ. Klicka helt enkelt för att välja gruppen och klicka sedan på 'Nästa'.

På den här skärmen kan du välja en mall som du kommer att använda för att skapa det anpassade Facebook-flödet i WordPress.

Alla dessa mallar är helt anpassningsbara, så du kan finjustera designen beroende på hur du vill visa statusuppdateringar, videor och foton från din Facebook-grupp.

Vi använder mallen 'Simple Masonry', men du kan välja vilken mall du vill.

Smash Balloon kommer nu att skapa sociala medieflödet baserat på din Facebook-grupp och den mall du har valt.

Detta är en bra början, men Smash Balloon har många inställningar du kan använda för att anpassa hur detta gruppflöde ser ut på din WordPress-blogg.

Hur du anpassar ditt Facebook-gruppflöde

Smash Balloon-pluginet ger dig många sätt att anpassa hur flödet visas på din webbplats. Det är värt att utforska vilka ändringar du kan göra.

På skärmen Facebook-flöde » Alla flöden, leta reda på ditt gruppflöde och klicka sedan på dess ‘Redigera’-knapp, som ser ut som en liten penna.

Detta öppnar Smash Balloon-flödesredigeraren, som visar en förhandsgranskning av din Facebook-tidslinje i WordPress.

På vänster sida ser du alla olika inställningar du kan använda för att anpassa hur inläggen visas på din webbplats. De flesta av dessa inställningar är självförklarande, men vi kommer snabbt att gå igenom några nyckelområden.

Om du vill ändra mallen du använder, klickar du bara på 'Mall'.

Välj sedan knappen ‘Ändra’.

Till att börja med kan du ändra hur dina gruppinlägg visas genom att klicka på 'Feed Layout'.

På den här skärmen kan du växla mellan rutnät- och listlayouter och ändra flödets höjd. När du gör ändringar uppdateras förhandsgranskningen automatiskt, så att du kan prova olika inställningar för att se vad som ser bäst ut för din Facebook-grupp.

Som standard visar Facebook-gruppflödet ett annat antal inlägg på stationära datorer och mobila enheter.

Du kan förhandsgranska hur ditt flöde kommer att se ut på stationära datorer, surfplattor och smartphones med hjälp av raden med knappar i det övre högra hörnet.

Efter att ha testat mobilversionen av din WordPress-webbplats, kanske du vill ändra antalet inlägg som du visar på smartphones och surfplattor.

För att göra denna ändring, hitta helt enkelt avsnittet ‘Number of Posts’ och skriv ett annat nummer i fältet ‘Mobile’.

Du kanske också vill visa färre kolumner på smartphones och surfplattor genom att ändra inställningarna för 'Columns'.

Till exempel, i följande bild delar vi upp innehållet i 3 kolumner på stationära datorer, 2 kolumner på surfplattor och 1 kolumn på mobila enheter.

När du är nöjd med layouten klickar du på länken 'Anpassa'.

Detta tar dig tillbaka till den huvudsakliga Smash Balloon-redigeraren, redo för dig att gå vidare till nästa inställningsskärm, som är "Färgschema".

Som standard använder Smash Balloon samma färgschema som ditt WordPress-tema, men på den här skärmen kan du växla till ett 'Ljust' eller 'Mörkt' färgschema.

Ett annat alternativ är att designa ditt eget färgschema genom att välja 'Anpassad' och sedan använda kontrollerna för att ändra bakgrundsfärgen, ändra textfärgen i WordPress och mer.

Du kan lägga till en rubrik ovanför ditt gruppflöde, som kan innehålla innehåll som din grupps profilbild och namn. Detta kan hjälpa besökare att förstå innehållet de ser och hur de kan hitta din grupp på Facebook.

För att lägga till en rubriksektion, klicka helt enkelt på ‘Rubrik’ i menyn till vänster.

På den här skärmen klickar du på reglaget 'Aktivera' för att ändra det från grått till blått.

Efter att ha lagt till en rubriksektion kan du använda kontrollerna för att ändra storleken på rubriken, ändra bakgrundsfärgen, dölja eller visa din Facebook-profilbild och mer.

Om du vill ta bort rubriken när som helst, klicka helt enkelt för att stänga av reglaget 'Aktivera'.

Därefter kan du ändra hur de enskilda inläggen ser ut i ditt gruppflöde genom att välja ‘Post Style’ från menyn till vänster.

Till att börja med kan du välja mellan miniatyrbild, halvbredd och helbredd för inläggslayouter.

Miniatyrbildslayouten visar ditt WordPress Facebook-flöde med små bilder.

Du kan se ett exempel på detta i följande bild.

Vill du visa större bilder istället?

Då kan du välja halvbredd som din inläggslayout.

Slutligen, om du vill visa ditt Facebook-flöde med de största möjliga bilderna, kan du välja helsideslayouten.

Här är ett exempel på hur detta kommer att se ut på din WordPress-webbplats:

När du är nöjd med den allmänna layouten är det dags att finjustera det specifika innehållet i varje inlägg.

För att komma igång, klicka på ‘Inläggsstil’.

På den här skärmen kan du välja mellan en vanlig och en boxad layout.

Om du väljer 'Boxed', kan du sedan skapa en färgad bakgrund för varje inlägg. Du kan också göra kantradien större för att skapa rundade hörn och lägga till en skugga.

Om du väljer 'Regular', kan du sedan ändra tjockleken och färgen på linjen som separerar dina olika sociala medieinlägg.

I följande bild har vi lagt till en tjockare linje till gruppflödet och ändrat dess färg.

Du kan också anpassa de enskilda delarna inom varje inlägg genom att gå tillbaka till huvudinställningsskärmen.

Välj igen ‘Inläggsstil’, men den här gången, välj ‘Redigera enskilda element’ istället.

Du kommer nu att se allt det olika innehållet som Smash Balloon inkluderar i varje inlägg, såsom inläggsförfattare, datum, delad länkruta och mer.

För att ta bort ett innehåll från dina inlägg, klicka bara för att avmarkera dess ruta.

Du kan också anpassa hur varje typ av innehåll ser ut genom att klicka på det.

Till exempel, i följande bild kan du se inställningar för att ändra storlek och färg på länkarna för 'inläggsåtgärder', som gilla, dela och kommentera.

Du kan också ändra texten ‘Visa på Facebook’ genom att skriva i fältet ‘Anpassa text’.

Som standard lägger Smash Balloon inte till en Facebook ‘gilla’-knapp till ditt flöde. Denna knapp gör det enklare för besökare att gå med i din grupp, så du kanske vill lägga till den i ditt flöde genom att välja inställningarna för ‘Like Box’.

Klicka sedan helt enkelt på 'Aktivera' så att reglaget blir blått.

Du kan nu använda rullgardinsmenyn "Position" för att lägga till gillandeboxen under eller över gruppflödet.

Du kan också använda dessa inställningar för att ändra rutan bredd eller lägga till gruppens omslagsfoto.

Ett stort antal följare är ett bra socialt bevis som kommer att uppmuntra fler människor att gå med i din Facebook-grupp. Med det i åtanke kanske du vill klicka för att aktivera omkopplaren 'Visa fans'.

När du är nöjd med hur ‘like’-knappen är inställd kan du gå vidare till inställningarna för ‘Load More Button.’

Knappen 'Läs mer' ger besökare ett enkelt sätt att bläddra igenom mer av ditt flöde. Om de gillar detta innehåll kanske de bestämmer sig för att gå med i din Facebook-grupp.

Med detta i åtanke kanske du vill få denna knapp att sticka ut genom att ändra dess bakgrundsfärg, hover-läge och textfärg.

Den här knappen visar 'Load More' som standard, men du kan lägga till ett anpassat meddelande genom att skriva det i fältet 'Text'.

Smash Balloon har en lightbox-funktion som låter besökare titta på din grupps videor och få en närmare titt på dina foton utan att lämna WordPress.

Besökare kan helt enkelt klicka på en miniatyrbild av en video eller ett foto för att öppna ljusbox-popupen.

De kan sedan bläddra igenom resten av bilderna och videorna i flödet med hjälp av pilarna, liknande att bädda in ett Facebook-album i WordPress.

För att anpassa standardljusboxen, välj helt enkelt ‘Ljusbox’ från menyn till vänster.

Här kan du ändra färgen på ljuslådans text, länkar och bakgrund.

Ljusbox-popupen gör det enkelt för besökare att utforska ditt flöde och låter dem bläddra igenom dina foton och videor utan att besöka din Facebook-grupp.

Om du vill få fler besökare till din Facebook-grupp, kanske du vill inaktivera lightbox-funktionen. För att göra detta, klicka helt enkelt på ‘Enable’-växlingsknappen så att den ändras från blå till grå.

Nu, om en besökare klickar på ett foto eller en video i gruppflödet, kommer de att tas till din Facebook-grupp i en ny flik.

När du är nöjd med hur Facebook-gruppflödet ser ut, kom ihåg att klicka på 'Spara' för att lagra dina ändringar.

Du är nu redo att lägga till detta flöde på din WordPress-webbplats.

Hur du bäddar in ditt Facebook-gruppflöde i WordPress

Du kan lägga till ditt Facebook-gruppflöde till WordPress med hjälp av ett block, en widget eller en kortkod.

Om du har skapat mer än ett flöde med Smash Balloon, behöver du känna till flödets kod om du ska använda ett block eller en widget.

För att få denna information, gå helt enkelt till Facebook Feed » Alla flöden och kopiera sedan texten under ‘Kortkod’.

I följande bild kommer vi att behöva använda custom-facebook-feed feed=1.

Om du vill bädda in ditt Facebook-gruppflöde på en sida eller ett inlägg, kan du använda blocket ‘Anpassat Facebook-flöde’.

Öppna helt enkelt sidan eller inlägget där du vill bädda in Facebook-flödet. Klicka sedan på ikonen '+' för att lägga till ett nytt block och börja skriva 'Custom Facebook Feed'.

När Facebook-blocket visas, klicka för att lägga till det på din sida eller inlägg.

Blocket kommer som standard att visa ett av dina Smash Balloon-flöden. Om detta inte är ditt Facebook-gruppflöde, leta då reda på avsnittet 'Shortcode Settings' i menyn till höger.

Du kan nu fortsätta och lägga till koden custom-facebook-feed feed=1, klicka sedan på knappen 'Apply Changes'.

Därefter publicerar eller uppdaterar du bara sidan för att göra gruppflödet live på din webbplats.

Ett annat alternativ är att lägga till flödet i ett widget-redo område, som sidofältet eller en liknande sektion. Detta gör att besökare kan se ditt gruppflöde oavsett var de befinner sig på din webbplats.

För att komma igång, gå helt enkelt till Utseende » Widgets i WordPress-instrumentpanelen och klicka sedan på den blå ‘+’-knappen.

När du har gjort det, börja skriva 'Custom Facebook Feed' i sökfältet.

När rätt widget visas, dra den dit du vill visa flödet.

Widgeten kommer att visa ett av de flöden du skapat med Smash Balloon.

Om detta inte är ditt Facebook-gruppflöde, skriv då in flödets kod i rutan 'Kortkodinställningar'. Klicka sedan på 'Verkställ ändringar'.

Du kan nu klicka på knappen ‘Uppdatera’ för att göra widgeten live. För mer information, se vår kompletta guide om hur man lägger till och använder widgets i WordPress.

Slutligen kan du bädda in Facebook-gruppflödet på vilken sida, inlägg eller widget-redo område som helst med hjälp av en kortkod.

Gå helt enkelt till Facebook Feed » All Feeds och kopiera all kod i kolumnen ‘Shortcode’. Du kan nu lägga till denna kod i valfritt kortkodblock.

För mer information, se vår detaljerade guide om hur man lägger till en kortkod i WordPress.

Notera: Om du använder ett blockaktiverat tema, kan du använda redigeraren för hela webbplatsen för att lägga till blocket ‘Custom Facebook Feed’ var som helst på din webbplats.

Bonus: Få fler Facebook-likes med WordPress

Om du har en Facebook-sida för din onlinebutik eller företag, vill du att användare ska besöka den och gilla ditt Facebook-innehåll för att lägga till sociala bevis och få fler följare.

Ett sätt att göra detta är att lägga till ditt Facebook-gruppflöde på din webbplats. Du kan dock också lägga till en Facebook-gilla- och delningsknapp bredvid dina blogginlägg för att uppmuntra användare att dela ditt innehåll med sina vänner.

För att ytterligare öka dina Facebook-följare kan du använda Uncanny Automator.

Under testning fann vi att verktyget var väldigt lätt att använda. Det tillät oss att sätta upp ett arbetsflöde där varje gång vi publicerar ett inlägg på vår webbplats, går ett Facebook-inlägg automatiskt live.

För detaljer, se vår handledning om hur man automatiskt postar till Facebook från WordPress.

Eller så kan du se vår fullständiga recension av Uncanny Automator.

Du kan också köra tävlingar och utlottningar i din Facebook-grupp, svara på kommentarer på dina inlägg och till och med lägga till en Facebook-evenemangskalender på din webbplats.

Detta hjälper till att lägga till sociala bevis och öka dina följare på din Facebook-grupp eller sida.

För fler förslag, se vår nybörjarguide om snabba sätt att få fler Facebook-likes med WordPress.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till en Facebook-grupp på din WordPress-webbplats. Du kanske också vill se vårt kompletta fuskblad för sociala medier eller se våra experters val för bästa Facebook-plugins för din blogg.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.