Hur man bäddar in en Facebook-video i WordPress

De videor du publicerar på Facebook utgör också utmärkt innehåll för din WordPress-webbplats. Genom att bädda in ett Facebook-videoflöde kan du hålla din webbplats fräsch och intressant samtidigt som du ökar dina Facebook-följare.

Oavsett om du delar intervjuer, produktdemonstrationer eller användargenererat innehåll, kan visning av Facebook-videor göra din webbplats mer visuellt tilltalande.

På WPBeginner inser vi vikten av sociala medier för att driva publikengagemang och öka antalet följare. Och i den här artikeln kommer vi att visa dig hur du enkelt kan bädda in Facebook-videor i WordPress.

Varför lägga till Facebook-videor i WordPress?

Videor är ett utmärkt sätt att koppla samman med din publik och hålla dem engagerade. Detta gäller oavsett om du driver en personlig blogg eller en företagswebbplats.

Videor är dock särskilt kraftfulla om du vill tjäna pengar online genom att blogga med WordPress. Faktum är att 88 % av människorna har köpt en produkt eller tjänst efter att ha sett en video, enligt senaste bloggstatistiken.

Att skapa engagerande och underhållande videoinnehåll tar tid och ansträngning. Om du publicerar videor på Facebook är det vettigt att återanvända dem på din WordPress-webbplats.

Inbäddade videor kan också hjälpa till att växa din Facebook-sida. Om besökare gillar videorna, kanske de bestämmer sig för att börja följa dig på Facebook.

Med det sagt, låt oss se hur du enkelt kan bädda in en Facebook-video i WordPress, steg för steg.

Steg 1: Installera ett Facebook-video plugin i WordPress

Det enklaste sättet att bädda in en Facebook-video i WordPress är att använda pluginet Facebook Feed Pro.

Det är plugin för bästa sociala medier-flöden och låter dig enkelt bädda in Facebook-inlägg, album, kommentarer, recensioner, community-inlägg, videor och mer på din WordPress-webbplats.

Genom att länka din webbplats till ditt Facebook-konto med Smash Balloon kommer alla nya videor som du publicerar på Facebook att visas automatiskt på din webbplats. På så sätt kan du hålla din webbplats fräsch med mycket lite ansträngning dagligen.

I den här guiden kommer vi att använda pro-versionen av Smash Balloon eftersom den låter dig bädda in videor i WordPress, inklusive HD-, 360^o- och Facebook Live-videor.

Smash Balloon Pro låter dig också visa foton i ett anpassat Facebook-flöde och visa det totala antalet gillamarkeringar, delningar, kommentarer och reaktioner under varje inlägg.

Om du dock precis har börjat och har en begränsad budget, finns det också en gratisversion du kan använda.

Installera och aktivera först pluginet Facebook Feed Pro. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Efter aktivering, gå till sidan Facebook Feed » Settings och ange din licensnyckel i fältet 'License Key'.

Du hittar denna information under ditt konto på Smash Balloons webbplats.

Efter att ha angett nyckeln, klicka på knappen 'Aktivera'.

Steg 2: Anslut din Facebook-sida eller grupp till WordPress

Smash Balloon låter dig bädda in videor från en Facebook-sida eller ett Facebook-gruppflöde. Du kan till och med visa videorna i ett ljuslådefönster så att folk kan titta på hela videon direkt på din WordPress-webbplats.

Det första steget är att ansluta din Facebook-sida eller grupp till WordPress, så gå till Facebook-flöde » Alla flöden och klicka sedan på 'Lägg till nytt'.

Smash Balloon låter dig lägga till en Facebook-händelsekalender i WordPress, visa Facebook-statusar, bädda in en tidslinje och mer.

Eftersom vi vill bädda in Facebook-videor i WordPress, måste du välja 'Videos' och sedan klicka på 'Next'.

Nu måste du välja den Facebook-sida eller grupp varifrån du ska hämta videorna.

För att göra detta, klicka på ‘Lägg till ny.’

Välj sedan om du vill visa videor från en Facebook-sida eller grupp.

När du har gjort det, klicka på ‘Connect to Facebook.’

Detta öppnar ett popup-fönster där du kan logga in på ditt Facebook-konto och välja de sidor eller grupper som du vill använda med Smash Balloon.

Klicka sedan på ‘Nästa’.

Nu kommer Facebook att visa all information som Smash Balloon kommer att ha tillgång till och vilka åtgärder det kan utföra.

För att begränsa Smash Balloons åtkomst till ditt Facebook-konto, klicka helt enkelt för att inaktivera någon av omkopplarna.

Var bara medveten om att detta kan påverka de videor du kan bädda in på din WordPress-blogg eller webbplats, så vi rekommenderar att du lämnar alla omkopplare aktiverade.

När du är nöjd med hur behörigheterna är inställda, klicka på 'Klar'.

Efter några ögonblick bör du se ett meddelande som bekräftar att du har anslutit din webbplats till Facebook. När det är klart är du redo att klicka på ‘OK.’

Smash Balloon kommer nu automatiskt att återföra dig till WordPress-instrumentpanelen.

Steg 3: Bädda in Facebook-videor i WordPress

Vid det här laget kommer du att se en popup med Facebook-gruppen eller sidan som du just länkade till din webbplats.

Välj helt enkelt radioknappen bredvid sidan eller gruppen du vill använda och klicka sedan på knappen ‘Lägg till.’

Om du råkade stänga popup-fönstret, oroa dig inte. Du kan helt enkelt uppdatera sidan för att öppna popup-fönstret igen.

När du har gjort det tar WordPress dig automatiskt tillbaka till sidan Facebook Feed » All Feeds. Precis som tidigare, klicka på 'Lägg till ny', välj 'Videor' och klicka sedan på 'Nästa'.

Välj sedan din Facebook-sida eller grupp och klicka på 'Nästa'.

På den här skärmen kan du välja den mall du vill använda för video-flödet.

Alla dessa mallar är helt anpassningsbara, så du kan finjustera designen beroende på hur du vill visa Facebook-videor på din webbplats.

Vi använder mallen 'Standard', men du kan välja vilken mall du vill. Efter att ha gjort ditt val klickar du på 'Nästa'.

När du har gjort det kan du välja om du vill visa alla videor från din Facebook-sida eller grupp eller bara videor från en specifik spellista.

Om du väljer 'Visa från en specifik spellista', måste du ange den spellistans URL.

När du har fattat ditt beslut, klicka på knappen ‘Nästa’.

Smash Balloon kommer nu att skapa ett flöde baserat på din källa och den mall du har valt. Detta är en bra början, men du kanske vill finjustera hur videorna visas på din webbplats.

Steg 4: Anpassa dina inbäddade Facebook-videor

Smash Balloon Facebook Feed-pluginet ger dig många sätt att anpassa hur videor visas på din webbplats. Med det sagt är det värt att titta på dessa inställningar.

I WordPress-instrumentpanelen, gå till Facebook Feed » All Feeds. Här hittar du videoflödet du just skapade och klickar på ‘Edit’-knappen bredvid det, som ser ut som en liten penna.

Detta öppnar flödesredigeraren, som visar en förhandsgranskning av ditt flöde på sociala medier i WordPress.

På vänster sida ser du alla olika anpassningsalternativ som hjälper dig att konfigurera hur dessa videor visas på din WordPress-webbplats. De flesta av dessa inställningar är självförklarande, men vi kommer snabbt att gå igenom de viktigaste områdena.

Om du vill ändra mallen, klicka sedan på 'Mall'.

Välj sedan knappen ‘Ändra’.

Detta öppnar ett popup-fönster som visar alla olika mallar du kan använda för ditt videoinnehåll.

Välj helt enkelt den design du vill använda istället och klicka sedan på 'Uppdatera'.

Nästa inställning är 'Flödets typ', som låter dig visa olika innehåll i ditt flöde.

Du kan till exempel bestämma dig för att bädda in Facebook-album i WordPress, visa tidslinjen eller lägga till en evenemangskalender.

Eftersom du bäddar in Facebook-videor, vill du vanligtvis ignorera detta område.

Klicka sedan på ‘Feed Layout.’

På den här skärmen kan du växla mellan olika layouter och ändra flödeshöjden. Du kan till och med skapa en responsiv slider, genom att välja layouten 'Karussell'.

Förhandsgranskningen uppdateras automatiskt när du gör ändringar, så du kan prova olika inställningar för att se vad som ser bäst ut.

Som standard kommer Smash Balloon att visa samma antal videor på stationära datorer och mobila enheter som smartphones.

Raden med knappar i det övre högra hörnet låter dig förhandsgranska hur dina videor kommer att se ut på stationära datorer, surfplattor och smartphones.

Mobila enheter har vanligtvis mindre skärmar och kan ha svårt att bearbeta många stora videor med hög upplösning. Besökare kan också använda mobildata istället för gratis Wi-Fi.

Med det sagt kanske du vill visa färre videor på smartphones och surfplattor. För att göra detta, skriv helt enkelt ett annat nummer i fältet 'Mobil' under 'Antal inlägg'.

Som standard visar Facebook-flödet färre kolumner på smartphones och surfplattor jämfört med stationära datorer. Detta hjälper alla dina videor att passa bekvämt på mindre skärmar.

Men efter att ha testat mobilversionen av din WordPress-webbplats, kanske du inte är nöjd med hur kolumnerna ser ut på surfplattor och smartphones.

Du kan ändra antalet kolumner som Smash Balloon använder på surfplattor, mobiler och stationära datorer med hjälp av inställningarna "Kolumner".

Nästa inställningssida är ‘Färgschema.’

Smash Balloon använder som standard de färger som ärvs från ditt WordPress-tema, men på den här skärmen kan du istället växla till ett 'Ljus' eller 'Mörkt' färgschema.

Ett annat alternativ är att skapa ditt anpassade 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.

Smash Balloon kan lägga till en rubrik till ditt flöde, vilket är din Facebook-profilbild och namnet på sidan eller gruppen. Detta låter besökare veta var de inbäddade videorna kommer ifrån och var de kan hitta detta innehåll på Facebook.

För att lägga till den här sektionen, klicka på ‘Header’ i menyn till vänster.

Du kan sedan klicka på reglaget 'Aktivera'.

Efter att ha lagt till en rubrik kan du ändra hur detta område ser ut, inklusive att dölja eller lägga till din Facebook-profilbild, ändra storleken på bio-texten och mer.

Om du vill ta bort rubriken helt, klicka för att stänga av växlingsknappen 'Aktivera'.

Som standard visar Smash Balloon titeln på varje video. Om du vill dölja titeln, välj 'Inlägg' från huvudmenyn i Smash Balloon-redigeraren.

Klicka sedan på 'Inläggsstil'.

På den här skärmen kan du dölja videotitlarna genom att klicka på reglaget 'Show Video Title'.

Detta kan vara användbart om du inte har lagt till titlar till alla dina videor eller om dina titlar inte ger mening utanför Facebook.

På den här skärmen kan du också dölja eller visa videobeskrivningarna. Du kan till exempel använda dessa beskrivningar för att ge ytterligare information om videon.

För att lägga till beskrivningen, klicka helt enkelt för att aktivera växlingsknappen 'Visa videobeskrivning'.

Som standard lägger Smash Balloon inte till Facebooks 'gilla'-knapp till ditt videoflöde. Om besökare gillar dina inbäddade videor, kanske de vill följa dig på Facebook.

Med det sagt, kanske du vill lägga till en "gilla"-knapp till flödet genom att välja "Like Box" från redigerarens vänstermenyn.

Efter det, klicka helt enkelt på knappen ‘Aktivera’ så att den blir blå.

Smash Balloon lägger till den här knappen under ditt videoflöde, men du kan ändra detta genom att öppna rullgardinsmenyn 'Position' och välja 'Topp'.

På den här skärmen kan du också ändra hur avsnittet 'gilla' ser ut, inklusive att ändra dess bredd, visa hur många som följer dig på Facebook, lägga till en anpassad uppmaning till handling, och mer.

När du är nöjd med hur knappen ser ut kan du gå vidare till nästa inställningssida genom att välja 'Ladda mer-knapp'.

Knappen ‘Load More’ uppmuntrar besökare att scrolla igenom mer av ditt videoflöde, så Smash Balloon lägger till den till ditt inbäddade Facebook-flöde som standard.

Eftersom det är en så viktig knapp, kanske du vill anpassa den genom att ändra bakgrundsfärgen, svävarläge, etikett och mer.

Ett annat alternativ är att ta bort knappen helt genom att klicka på växlingsknappen ‘Aktivera.’ Till exempel kan du ta bort den här knappen och sedan uppmuntra besökare att besöka din Facebook-sida för att se fler av dina videor.

Som standard tillåter Smash Balloon besökare att titta på dina Facebook-videor utan att lämna din WordPress-webbplats.

De kan helt enkelt klicka på en videominibild för att öppna den i en lightbox, som du kan se på följande bild.

Besökare kan bläddra igenom videorna i ditt flöde med hjälp av pilarna.

Om de vill gilla ett foto, lämna en kommentar eller dela videon på sin sida, kan de klicka på länken ‘Visa på Facebook’.

Det finns några olika sätt att anpassa Smash Balloons standard-lightbox.

För att se dina alternativ, klicka på ‘Bildspel’ i menyn till vänster.

Här kan du ändra länkfärg, anpassa texten och lägga till bakgrundsfärger.

Lightbox-funktionen låter besökare titta på dina videor i ett popup-fönster. Om du föredrar det kan du inaktivera lightboxen så att alla dina videor spelas som små miniatyrbilder inbäddade i sidans innehåll.

På så sätt kan du uppmuntra folk att besöka din Facebook-sida för att se videon i full storlek. För att inaktivera lightboxen, klicka helt enkelt på växlingsknappen 'Aktivera' för att ändra den från blå till grå.

När du är nöjd med hur videoflödet ser ut, glöm inte att klicka på knappen 'Spara' längst upp till höger på skärmen.

Du är nu redo att bädda in Smash Balloon-flödet på din webbplats.

Steg 5: Lägg till Facebook-videor i WordPress

Med Smash Balloon kan du lägga till videoflödet till din WordPress-webbplats med hjälp av ett block, en widget eller en kortkod.

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

För att få den här koden, gå till Facebook Feed » Alla Feeds och titta sedan på värdet under ‘Shortcode.’ Du behöver lägga till den här koden i blocket eller widgeten, så anteckna den.

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

Om du vill bädda in ditt Facebook-flöde på en sida eller ett inlägg, rekommenderar vi att du använder blocket Custom Facebook Feed.

Öppna bara WordPress-inlägget eller sidan där du vill bädda in dina Facebook-videor. Klicka sedan på ‘+’-ikonen för att lägga till ett nytt block och börja skriva ‘Custom Facebook Feed.’

När rätt block visas, klicka för att lägga till det på sidan eller inlägget.

Blocken visar som standard ett av dina Smash Balloon-flöden. Om du vill använda ett annat videoflöde istället, leta reda på 'Kortkodinställningar' i menyn till höger.

Du kan nu lägga till custom-facebook-feed feed=1 inbäddningskoden i den här rutan. Klicka sedan på 'Verkställ ändringar'.

Blocket visar nu videorna från din Facebook-sida eller grupp. Publicera eller uppdatera bara sidan för att göra videoflö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 liknande sektion. Detta gör att besökare kan titta på dina Facebook-videor från vilken sida som helst på din webbplats.

Gå helt enkelt till Utseende » Widgets och klicka sedan på den blå ‘+’-knappen.

Därefter, hitta widgeten 'Custom Facebook Feed'.

Dra den sedan bara till det område där du vill visa videoflödet.

Widgeten kommer automatiskt att visa ett av dina Smash Balloon-flöden.

För att visa ett annat flöde istället, skriv eller klistra in flödets kod i rutan 'Shortcode Settings' och klicka sedan på 'Apply Changes'.

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

Slutligen kan du bädda in videor 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 koden i kolumnen 'Shortcode'. Du kan nu lägga till denna kod i valfritt Shortcode-block.

För hjälp med att placera kortkoden, se vår guide om hur man lägger till en kortkod.

Steg 6: Lägg till en specifik Facebook-video i WordPress

Ibland kanske du vill bädda in en specifik Facebook-video på en sida eller ett inlägg. Du kan till exempel ha en Facebook-video som handlar om samma ämnen som din senaste blogg eller en kampanjvideo som visar produkten du precis har lanserat i din onlinebutik.

För att bädda in en specifik video måste du köpa och installera tillägget Featured Posts. Detta gör att du kan visa ett visst inlägg eller evenemang med dess ID.

För att börja, gå till Facebook Feed » Extensions.

Här hittar du tillägget ‘Featured Posts’ och klickar på dess ‘Add’-knapp.

Detta öppnar Smash Balloons webbplats i en ny flik med instruktioner om hur du köper tillägget.

När du har tillägget kan du installera det på samma sätt som du installerar ett plugin. Om du behöver hjälp, se vår guide om hur man installerar ett WordPress-plugin.

Efter att ha aktiverat pluginet, gå till Facebook Feed » All Feeds och klicka på 'Lägg till ny'.

Under 'Avancerade flödestyper', välj 'Enskilt utvalt inlägg' och klicka sedan på 'Nästa'.

Du kan nu välja den sida eller grupp som du vill använda som källa genom att följa samma process som beskrivs ovan.

På nästa sida måste du ange ID för videon som du vill bädda in.

För att få detta ID, besök helt enkelt Facebook i en ny flik och öppna sedan videon du vill bädda in.

Du kan nu fortsätta och kopiera URL:en.

Därefter klistrar du bara in URL:en i rutan ‘Post URL or ID’ i din WordPress-instrumentpanel och klickar på ‘Next’.

När du har gjort det kan du styla videon och sedan lägga till den på din webbplats genom att följa samma process som beskrivs ovan.

Bonus: Hur man lägger till fler sociala medieflöden till WordPress

Om du vill bädda in en Facebook-video i WordPress, då är Smash Balloon Facebook Feed-pluginet ett utmärkt val. 

Många webbplatser har dock flera konton för sociala medier, som en YouTube-kanal, en Twitter-profil och ett Instagram-konto. Om du skapar unikt innehåll för varje plattform, är det vettigt att visa det på din WordPress-webbplats.

Om du också publicerar videor på YouTube, kanske du vill visa de senaste videorna från din YouTube-kanal.

Om du driver en onlinebutik eller ett företag, kanske du har några Facebook-recensioner som du vill visa för besökare.

Du kan lägga till dessa recensioner på din webbplats med hjälp av Reviews Feed Pro.

Efter att ha bäddat in recensionsflödet på din webbplats kommer nya recensioner att visas på din webbplats automatiskt. Det innebär att besökare alltid kommer att se de senaste recensionerna utan att du behöver lägga till dem manuellt på din webbplats.

För steg-för-steg-instruktioner, se vår nybörjarguide om hur man visar Google-, Facebook- och Yelp-recensioner i WordPress.

Vi hoppas att den här artikeln visade dig hur du bäddar in en Facebook-video i WordPress. Du kanske vill kolla in vår handledning om hur du bäddar in en YouTube-liveström i WordPress och våra experttips för bästa plugins för YouTube-videogallerier.

Videohandledning

Prenumerera på WPBeginner

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.