Teknisk Marknadsföring, Tjäna pengar på dina Bloggar och Prylar

Hur man bäddar in Facebook-evenemang på WordPress

Hur man bäddar in Facebook-evenemang på WordPress

Letar du efter ett enkelt sätt att bädda in Facebook-event på WordPress?

Facebook är ett utmärkt sätt att organisera affärsevenemang med inbyggda funktioner för sociala medier. Ändå kan webbplatsbesökare lätt missa dina evenemang om du inte lägger till dem på din webbplats.

Så i den här artikeln visar vi dig hur du lägger till evenemang från Facebook till din WordPress-webbplats för att skapa ett evenemangsflöde som förbättrar din räckvidd och engagemang.

I denna guide

Varför bädda in Facebook-evenemang på WordPress?

Att bädda in evenemang från sociala medier i WordPress kan vara fördelaktigt av flera anledningar:

  • Marknadsför kommande evenemang: Om du är värd för evenemang på Facebook kan bädda in dem på din webbplats hjälpa till att marknadsföra dem till en bredare publik. När du visar dem på plats gör du det enkelt för besökarna att se vilka evenemang du är värd för, när de äger rum och hur de kan delta.
  • Ökat engagemang: Genom att bädda in en händelsewidget ger du besökarna en mer interaktiv upplevelse. Besökare kan svara på evenemang direkt från evenemangskalendern på din webbplats, vilket kan öka engagemanget och deltagandet.
  • Spara tid för händelsehantering: Att bädda in evenemang från Facebook kan spara tid genom att eliminera behovet av att skapa separata evenemangssidor på din webbplats. Istället kan du helt enkelt bädda in evenemanget allt i ett på din webbplats och automatiskt uppdatera det när du gör ändringar i det på ditt Facebook-konto.
  • Socialt bevis: Genom att visa evenemang på din webbplats ger du ett bevis på att dina evenemang är populära och välbesökta. Detta kan skapa förtroende hos besökarna, öka antalet konverteringar och uppmuntra dem att delta i dina evenemang.
  • Anpassningsbar display: Händelser kan bäddas in på en mängd olika sätt, så att du kan anpassa dem för att passa ditt varumärke och WordPress-tema. Du kan visa händelsen i en kalendervy eller en listvy och anpassa färgerna och teckensnitten för att matcha din webbplats.
Läsa:  Hur man hanterar flera Facebook-sidor utan att bli galen

Hur man bäddar in Facebook-evenemang på WordPress

I den här handledningen kommer vi att dela tre sätt att lägga till händelser från Facebook till WordPress.

Den första metoden visar hur du lägger till händelser på en dedikerad WordPress-målsida. Detta är ett utmärkt sätt att ta bort distraktioner och uppmuntra besökare att registrera sig för ditt evenemang.

Vi kommer att använda en Facebook Feed-plugin för att visa händelser var som helst på din webbplats i den andra metoden. Och eftersom det har massor av anpassningsalternativ har du fullständig kontroll över hur händelser ser ut.

Slutligen innebär den tredje metoden att lägga till lite kod på din webbplats. Även om det är tillräckligt enkelt för användare som inte vill använda ett eventplugin, saknar det anpassningsalternativ för att få din eventkalender att se bra ut.

Med det i åtanke, låt oss hoppa direkt in i metod 1.

Metod 1. Bädda in Facebook-evenemang på WordPress med Elementor

Elementor är den bästa dra-och-släpp WordPress-sidbyggaren, med kommer snart och funktionalitet för underhållsläge. Du kan använda detta plugin för att skapa målsidor med hög konvertering utan att skriva CSS- och PHP-kod eller anlita en utvecklare.

Du kan inte bara använda hundratals mallar direkt, utan det innehåller också massor av innehållsblock utformade för att generera potentiella kunder för ditt företag.

Mest anmärkningsvärda är Facebook-blocken, som låter dig bädda in innehåll i sociala medier, inklusive:

Vi använder Facebook-sidans block för att lägga till händelser direkt på din målsida för den här metoden. Och det bästa är att det inte finns några åtkomsttokens eller ID:n att kopiera och klistra in.

1. Installera och aktivera Elementor

För att komma igång, installera och aktivera Elementor-plugin. För den här guiden kommer vi att använda Elementor Pro eftersom den har de avancerade Facebook-block vi behöver.

2. Skapa en WordPress-målsida

Efter att ha installerat Elementor på din WordPress-webbplats måste du skapa en ny målsida.

Som tur är kan du följa denna steg-för-steg-guide för att skapa en målsida i WordPress för att snabbt komma igång.

Eller, om du är mest intresserad av en sida dedikerad till Facebook, följ den här handledningen om hur du skapar en Facebook-målsida.

När din målsidesdesign är på plats, navigera till Elementor » Sidor och klicka Redigera på målsidan du skapade genom att följa vår handledning.

Detta öppnar Elementor visuella redigerare, där du kan lägga till dina händelser.

3. Lägg till Facebook-sidblocket

Hitta sedan ett utrymme på din sida där du vill visa din Facebook-evenemangskalender. Gå sedan till avsnittet Avancerade block till höger och hitta Facebook sida blockera.

För att lägga till det här blocket på din sida, dra det helt enkelt från vänster och släpp det på förhandsgranskningen.

Läsa:  Hur mycket kostar egentligen prissättning av Content Marketing Agency?

Sedan kan du lägga till webbadressen till din Facebook-sida i blockeringsinställningarna för Facebook-sidan.

Som standard visar Elementor din Facebook-sidas tidslinje automatiskt. För att visa dina händelser istället, klicka på evenemang alternativet under rubriken Tabs.

Du kan också ändra rubrikstilen i samma panel, visa eller dölja ditt omslagsfoto, justera justeringen och mer.

Och om du vill öka ditt engagemang på Facebook-sidan kan du använda Facebook Embed-blocket för att bädda in ett inlägg, en Facebook-video eller en kommentar bredvid ditt evenemangsschema.

4. Publicera din målsida

Allt som återstår att göra är att klicka på rullgardinspilen bredvid knappen Spara i det övre högra hörnet och klicka på Publicera.

Sedan när du klickar Förhandsvisning, du kommer att se din evenemangskalender live på din målsida.

Det är allt. Webbplatsbesökare kan nu se dina Facebook-evenemang på din målsida.

Men om du vill visa ett helt Facebook-evenemangsflöde föreslår vi att du provar följande metod.

Metod 2. Bädda in Facebook-flöde i WordPress med Smash Balloon

Du måste installera och aktivera Smash Balloon Custom Facebook Feed Pro plugin för denna metod. För hjälp med det här steget, kolla in den här steg-för-steg handledning på hur man installerar ett WordPress-plugin.

1. Skapa ett nytt Facebook-flöde

Efter att ha installerat och aktiverat plugin-programmet, gå till Facebook-flöde » Alla flöden menyn från din WordPress-instrumentpanel. Därifrån klickar du på Lägg till ny knappen för att börja skapa ditt eventflöde.

På följande sida ser du 9 olika typer av Facebook-flöden som du kan lägga till på din webbplats, inklusive:

  • Tidslinje
  • Foton
  • videoklipp
  • Album
  • evenemang
  • Recensioner
  • Och mer

Välj den evenemang alternativet och klicka på Nästa för att fortsätta.

2. Välj en Facebook-sidakälla

Efter att ha valt en flödestyp är det dags att välja en Facebook-sidakälla. Detta kan vara en Facebook-grupp eller en sida där du lägger upp ditt företags evenemang.

För att lägga till en källa, klicka på Lägg till ny knapp.

Detta öppnar en popup som frågar efter din Facebook-sida-ID och Event Access Token.

Följ dessa instruktioner för att hitta app-id:t och appens hemliga token för din sida om du är osäker på hur du gör detta.

När du har angett dina Facebook-appdetaljer klickar du på Lägg till källa knapp.

På nästa skärm ser du din nyligen tillagda Facebook-sida. Välj bara den sidan och klicka Nästa att fortsätta.

3. Anpassa layouten för din Facebook-evenemangskalender

Nu kan du börja anpassa dina evenemang. Anpassningsalternativen finns på vänster sida, medan en förhandsvisning av ditt flöde finns till höger.

Anpassningsalternativen låter dig ändra flödestyp, layout, färg, rubrikdesign, inläggsdesign och mer.

Läsa:  Bästa nischer du kan dra fördel av från automatiserat bloggande

Välj först Matningslayout alternativet till vänster.

Det här alternativet erbjuder 3 olika inställningar, inklusive list-, murverks- och karuselllayouter.

För att visa händelser efter varandra, välj Lista layoutalternativ.

Eller, om du föredrar att visa dina händelser i en layout med flera kolumner, kan du välja Murverk alternativ.

Och till sist, det finns Karusell alternativ som låter dig visa dina händelser i en fantastisk bildreglage.

Gå vidare och välj en layout som bäst passar din webbplats. Klicka sedan på Anpassa knappen en gång till för att återgå till föregående inställningar.

4. Anpassa färgschemat för ditt Facebook-evenemangsflöde

Om du vill ändra färgen på ditt flöde klickar du på Färgschema rubrik. I den här panelen kan du välja mellan 4 olika färgalternativ, såsom:

  • Ärv från tema: Kopiera färgschemat på din webbplats
  • Ljus: Ha en ljus bakgrund med mörk text
  • Mörk: Gör bakgrunden mörk med ljus text
  • Beställnings: Ange alla färger själv

Därefter kan du anpassa andra inställningar, inklusive rubrikdesign, flödesstorlek, marginaler och mer.

När du är nöjd med hur allt ser ut, klicka på Spara knapp.

5. Visa händelser från Facebook i WordPress-sidor

Nu är du redo att börja bädda in Facebook-evenemang på din WordPress-webbplats, och Smash Balloon låter dig göra detta på två sätt.

Klicka först på Bädda in knappen i det övre högra hörnet. Detta öppnar en popup med olika publiceringsalternativ.

Klicka på Lägg till på en sida för att bädda in dina Facebook-evenemang på en vanlig WordPress-sida.

Därifrån kan du välja vilken sida som helst på din webbplats från listan och klicka på Lägg till knapp.

Om du klickar på det alternativet kommer du till redigeringsskärmen för din valda sida. Därifrån klickar du på plusikonen (+) och väljer Anpassat Facebook-flöde widget.

När du uppdaterar eller publicerar sidan kan du förhandsgranska den för att se hur dina händelser ser ut.

Om du föredrar att lägga till ditt flöde i ett sidofältsområde klickar du bara på Lägg till i en widget i fönstret Bädda in.

Om du klickar på det alternativet skickas du till widgetsidan, där du kan välja ett sidofält för att visa dina händelser.

När du har valt en sidofält klickar du på plusikonen (+) för att lägga till en ny widget och väljer Anpassat Facebook-flöde widget.

När du har gjort det kan du förhandsgranska din webbplats och se dina Facebook-evenemang i sidans sidofält.

Metod 3: Lägga till Facebook-evenemang till WordPress utan plugin

Om du inte är ett fan av att använda för många WordPress-plugins på din webbplats kan du visa Facebook-event på WordPress utan plugin.

Ändå kräver den här metoden att du lägger till lite kod på din webbplats, så det är inget vi rekommenderar för nybörjare. Det ger inte heller mycket kontroll över hur dina evenemang ser ut.

Läsa:  16 Bästa Job Board-teman för WordPress

1. Besök webbplatsen för Facebook Page Plugin.

För att komma igång med den här metoden behöver du Facebook-sidans plugin. Detta är inte ett WordPress-plugin utan ett fristående verktyg från Facebook för utvecklare.

Så gå till Facebook Plugin-verktyget och klistra in din Facebook-sidas URL.

När du har angett din Facebook-sida URL kommer verktyget att visa en förhandsvisning av din tidslinje. Eftersom vi vill visa dina Facebook-händelser, ta bort ordet “tidslinje” i fältet flikar och ange “händelser”.

2. Skapa din Facebook-eventinbäddningskod

Nu kommer du att se en lista över din sidas händelser i förhandsgranskningspanelen, så klicka på Hämta kod knappen under förhandsvisningen.

Genom att klicka på knappen Hämta kod öppnas en lightbox-popup med två flikar: JavaScript SDK och IFrame. Klicka på fliken IFrame och kopiera sedan inbäddningskoden till ditt urklipp.

3. Bädda in Facebook Event Code i WordPress

Gå sedan till din WordPress-webbplats och redigera inlägget eller sidan där du vill visa dina Facebook-evenemang.

Klicka på plusikonen (+) på inläggs- eller sidredigeringsskärmen och hitta Anpassad HTML WordPress block.

Klicka nu inuti HTML-blocket och klistra in inbäddningskoden från Facebook Page Plugin-verktyget.

Du kan sedan spara eller publicera inlägget, och när du förhandsgranskar det kommer du att se dina Facebook-evenemang live på din webbplats.

Om du vill ändra hur det här flödet visas måste du gå tillbaka till Facebook Page Plugin och generera wp embed Facebook-koden igen. Som sagt, det finns begränsade Facebook-inställningar du kan ändra.

Där har du det!

Med hjälp av det här inlägget känner du nu till 3 olika sätt att bädda in Facebook Events på WordPress.

Du kanske också gillar det här inlägget om hur du optimerar din målsida för att förbättra dina webbplatsresultat.

Tack för att du läser! Vi vill gärna höra dina tankar, så lämna gärna en kommentar med frågor och feedback.

Du kan också följa oss på Youtube, X (tidigare Twitter)och Facebook för mer användbart innehåll för att få ditt företag att växa.

Stacey har skrivit om WordPress och digital marknadsföring i över 10 år och om andra ämnen mycket längre. Vid sidan av detta är hon fascinerad av webbdesign, användarupplevelse och SEO.