Hur du visar Facebook-händelser på din WordPress-webbplats

Vill du visa Facebook-händelser på din WordPress-webbplats. Med Facebook-evenemang kan du marknadsföra dina evenemang samtidigt som du utnyttjar kraften i världens största sociala nätverk. I den här artikeln kommer vi att visa dig hur du visar dina Facebook-händelser på WordPress.


Hur man visar Facebook-händelser på WordPress

Metod 1: Lägg till Facebook-händelser med hjälp av Facebook Page Plugin

Den här metoden använder Facebooks sociala plugins för att lägga till dina Facebook-händelser på WordPress. Du måste redigera dina WordPress-temafiler. Om du inte är bekväm med att lägga till kod manuellt kan du prova andra metoder som beskrivs i den här artikeln.

Låt oss börja.

Videohandledning

Prenumerera på WPBeginner

Om du inte gillar videon eller behöver fler instruktioner fortsätter du att läsa.

Först måste du besöka sidan Plugin på Facebook-utvecklarens webbplats. I URL-fältet för Facebook-sida anger du webbadressen till din Facebook-sida.

Facebook-sidplugin kan visa flera flikar från din sida inklusive fliken händelser. Ange bara “händelser” i flikfältet, så kommer du att läsa in förhandsvisningsfönstret för att visa sidans händelseflik.

Inställningar för plugin för Facebook-sida

Du kan också justera andra inställningar som omslagsfotostorlek, behållarens höjd och bredd osv.

När du är nöjd klickar du på knappen “Hämta kod”. Detta kommer att visa en popup som visar två rutor med kod.

Facebook-sida plugin-kod

Den första delen av koden måste läggas till i ditt temas header.php-fil direkt efter taggen.

Därefter måste du kopiera den andra delen av koden och klistra in den i ett WordPress-inlägg, en sida eller en textwidget.

Glöm inte att spara dina ändringar.

Det är allt du kan besöka din webbplats och du kommer att se Facebook Page Plugin som visar sidans händelser.

Facebook-evenemang inbäddat på en WordPress-sida

Metod 2. Lägg till Facebook-händelser med ett WordPress-plugin

Med den här metoden kan du lägga till Facebook-händelser i WordPress utan att lägga till någon kod i dina temafiler.

Det första du behöver göra är att installera och aktivera WP Embed Facebook-plugin. Mer information finns i vår steg för steg-guide för hur du installerar ett WordPress-plugin.

Vid aktivering måste du besöka Inställningar »Bädda in Facebook sida för att konfigurera insticksinställningar.

Inställningssidan för plugin är uppdelad i flera flikar. Du kommer att landa på fliken ‘Magic Embeds’. Rulla ner till Facebook-inställningssektionen.

WP Bädda in Facebook-inställningssidan

Du måste ange ett Facebook-app-ID och hemliga nycklar. Du kan få dessa nycklar genom att besöka Facebook Developers webbplats och skapa en ny app.

Skapa en ny Facebook-app

Detta kommer att visa en popup där du blir ombedd att ange ett namn för din app och välja en kategori.

Ange ett namn för din app och välj kategori

Klicka på Create app ID-knappen för att fortsätta.

Facebook skapar nu din app och du kommer att omdirigeras till appens instrumentbräda. Klicka på inställningslänken från menyn till vänster för att se appnycklar.

Kopiera ditt app-ID och hemliga nycklar

Nu ser du din app-ID-nyckel och den hemliga nyckeln som kommer att vara dold, och du måste klicka på show-knappen för att kopiera den.

Ange båda nycklarna i respektive fält på WP Bädda in Facebook-plugins inställningssida för din WordPress-webbplats.

Glöm inte att klicka på knappen “Spara alla inställningar” för att lagra dina ändringar.

Du är nu redo att lägga till ditt evenemang i WordPress. Redigera ett inlägg eller en sida där du vill visa din Facebook-händelse och lägg till den här kortkoden:

[fb_plugin sida href ="https://www.facebook.com/YourFBPage" flikar ="evenemang"]

Glöm inte att använda din egen URL på Facebook-sidan i kortkoden.

Den här kortkoden visar pluginprogrammet för Facebook-sida med bara fliken Händelser. Du kan nu besöka din webbplats för att se den i aktion.

Du kan också lägga till kortkoden i en textwidget. Men innan du gör det måste du aktivera kortkoder för dina sidofältwidgets.

Lägg till en händelse som inte skapats av en Facebook-sida eller grupp

Vissa användare kan behöva dela ett Facebook-evenemang skapat av sina personliga profiler. Dessa händelser är inte associerade med en sida. Så här visar du dem med hjälp av den anpassade inbäddningsfunktionen i plugin.

Istället för att använda plugin-kodkoden på Facebook-sidan måste du använda de anpassade inbäddningskodkoderna så här:

[facebook https://www.facebook.com/events/1796069560608519/]

Byt ut URL: en i kortkoden med URL: n för ditt Facebook-evenemang.

Du kan nu förhandsgranska din webbplats för att se Facebook-händelserna inbäddade i aktion.

Lägga till ett enda Facebook-evenemang i WordPress

Metod 3: Visa Facebook-händelsekalender med widget

Med den här metoden kan du hämta Facebook-händelser för en grupp eller sida och visa dem i din WordPress-sidfältwidget.

Användare kan se din Facebook-händelsekalender med datum och kan klicka för att se eller gå med i ett evenemang. Du kan anpassa utseendet på händelserna med hjälp av CSS.

Det första du behöver göra är att installera och aktivera Facebook Events Widget-plugin. Mer information finns i vår steg för steg-guide för hur du installerar ett WordPress-plugin.

Vid aktivering måste du besöka Utseende »Widgets sida och lägg till Facebook-evenemangs widget till en sidofält. För mer information se vår guide om hur du lägger till och använder widgets i WordPress.

Inställningar för Facebook-evenemangs widget

Widgeten kräver att du anger ditt Facebook-sid-ID. Du kan få ID på din Facebook-sida med detta onlineverktyg. Ange bara din Facebook-sida url och det kommer du att ID.

Därefter måste du ange app-ID och hemliga nycklar.

Du kan få dessa nycklar genom att besöka Facebook Developers webbplats och skapa en ny app.

Skapa en ny Facebook-app

Detta kommer att visa en popup där du blir ombedd att ange ett namn för din app och välja en kategori.

Ange ett namn för din app och välj kategori

Klicka på Create app ID-knappen för att fortsätta.

Facebook skapar nu din app och du kommer att omdirigeras till appens instrumentbräda. Klicka på inställningslänken från menyn till vänster för att se dina appnycklar.

Kopiera ditt app-ID och hemliga nycklar

Nu ser du din app-ID-nyckel och din app-hemliga nyckel som kommer att döljas, och du måste klicka på show-knappen för att kopiera den.

Klistra in app-ID och hemliga nycklar i widgetinställningarna och klicka på spara-knappen.

Du kommer att märka att widgetinställningarna nu visar dig en ny knapp under fältet för åtkomsttoken.

Facebook-åtkomsttoken

Men för att få ett åtkomsttoken måste du lägga till din webbadress till din Facebook-app.

I din Facebook-inställningssida rullar du lite ned och klickar sedan på knappen Lägg till plattform.

Lägg till plattform i din Facebook-app

Detta kommer att visa en popup som visar olika plattformar där du kan använda appen. Du måste välja “Webbplats”.

Välj webbplats som plattform

Därefter måste du lägga till din webbadress i webbadressfältet och klicka på knappen Spara ändringar.

Lägg till din webbadress

Du kan nu växla tillbaka till widgetinställningarna och klicka på Get Access Token-knappen. Detta tar dig till Facebook-webbplats där du blir ombedd att ge appen tillåtelse att komma åt din profil.

App-tillstånd

Efter det kommer du att omdirigeras tillbaka till widgetinställningssidan. Glöm inte att klicka på spara-knappen för att lagra dina widgetinställningar.

Du kan nu besöka din webbplats för att se Facebook-händelsevidgeten i aktion.

Facebook-händelser i en WordPress-sidofältwidget

Facebook-evenemangswidget kommer med ett grundläggande formatmall som kanske inte matchar ditt temas färger. Du måste använda inspekteringsverktyget för att se de CSS-klasser som genereras av plugin och sedan använda dessa klasser för att ändra utseendet på händelser. Se vår guide om hur du lägger till anpassad CSS i WordPress.

Vi hoppas att den här artikeln hjälpte dig att lära dig att visa Facebook-händelser på WordPress. Du kanske också vill se vår lista med 10 bästa Facebook-tips och handledning för WordPress-användare.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me