3 Easy Methods To Display Facebook Events On WordPress Website

Facebook is a huge social networking site with around with over 2.2 billion users. Facebook events permit you to promote your events during leveraging the power of the world’s largest social network. This is a feature that allows a user to organize social gatherings through Facebook. The Facebook events are easy and free to create where once the event is published, it can be published as a private event or as a public event. Here, In this post, we will illustrate you how to display Facebook Events on WordPress site.

Methods to Display Facebook Events on WordPress Site

We have three different methods to display Facebook events on your WordPress site:

Add Facebook Events by Using Facebook Page Plugin

This method uses social plugins of Facebook to add Facebook events on WordPress. Also, you must edit your WordPress theme files. If you are not comfortable with manually adding code, try the other methods described in this post.

  • First, you need to go to the Page Plugin on the Facebook Developers website. In the Facebook Page URL field, enter your Facebook page URL.
  • However, the Facebook page plugin can display many tabs including the Events tab on your page. Simply enter ‘Event’ in the tab field, and you’ll notice the preview window reload to show the event tab of your page.
fbpageplugin
  • Also, you can adjust other settings such as the container, photo size, height, and width, etc.
  • After that, click the ‘Get Code‘ button. It will bring up a popup window showing two boxes of code.
fbsdkcode
  • The first part of the code should be added to your theme’s header.php file immediately after the <body> tag.
  • After this, you have to copy the second part of the code and paste it into a WordPress post, page or text widget.
  • Don’t forget to click the Save Changes button to store your changes.
  • Now you can visit your website and you will see the Facebook page plugin showing the events of your page.

Add Facebook Events by Using a WordPress Plugin

eventembed

With this method, you can add Facebook events in WordPress without adding any code to your theme file.

  • First, you need to install the WP Embed Facebook (Magic Embeds) Plugin and then activate it. For more info, read our guide on How to Install a WordPress Plugin.
  • At the time of activation, you have to go to Settings>>Embed Facebook page to configure the settings of the plugin.
  • However, the settings page for the plugin is divided into many tabs. You will land on the ‘Magic Embeds‘ tab, scroll down a bit in the Facebook Settings section.
embedfbsettings
  • Now, you require entering a Facebook app ID and secret keys. However, you can get these keys by visiting the Facebook Developers site and creating a new app.
newfbapp
  • This will bring a popup, where you will be asked to provide a name for your app and to select a category.
appname
  • Click the create-app ID button to continue.
  • Now Facebook will create your app. And you will be redirected to the app dashboard. To view app keys, click the Settings link from the menu on the left side.
appkeys
  • You will now see your app ID key and the secret key that will be hidden. And you will have to click the show button to copy it.
  • Thus, enter both keys in related fields on the settings page of WP embed Facebook plugin for your WordPress site.
  • Do not forget to click the ‘Save all settings‘ button to save your changes.
  • Now, you are ready to add your event to WordPress. Edit a page or post where you want to display your Facebook event and want to add this shortcode:
[fb_plugin page href=”https://www.facebook.com/YourFBPage” tabs=”events”]
  • Do not forget to use your own Facebook page URL in the shortcode.
  • However, this shortcode will only display the Facebook page plugin with your Events tab. Now you can go to your website to see it in action.
  • Also, you can add a shortcode to a text widget. But before you will need to enable shortcodes for your sidebar widgets.

Add an Event Not Created by a Facebook Page or Group

However, few users may have to share the Facebook event. Also, these events are not combined with a page. Here’s how you will display them by using the plugin’s custom embed feature.

However, instead of using the Facebook page plugin shortcode, you will have to use custom embeds shortcode like this:

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

Also, change the URL in the Shortcode with the URL of your Facebook Event.

Now you can preview your site to see the Facebook events embed in action.

singleevent

Display Facebook Events Calendar by Using Widget

With this method, you can fetch Facebook events to a page or group and then show them in your WordPress Sidebar Widget.

The users can see your Facebook event calendar with dates. And can click to view or join an event. Also, you can customize the appearance of events using CSS.

  • First, you have to install the Facebook Events Widget plugin and then activate it. For more information, see our guide on how to install a WordPress plugin.
  • After activation, you have to go to Appearance>>Widget Page and then add Facebook Events Widget to a sidebar.
fbeventswidget
  • Now, you need to enter the widget into your Facebook page ID. By using this online tool, you can get the ID of your Facebook page. Just enter your Facebook page URL and it will be your ID.
  • After that, you need to enter the secret keys and app ID.
  • And you can get these keys by visiting the Facebook Developers site and creating a new app.
newfbapp (1)
  • However, this will bring a popup, where you have to provide a name for your app and to select a category.
appname (1)
  • Now, press the create-app ID button to continue.
  • Now, Facebook will create your app and after creating your app you will redirect to the app dashboard. And then click the settings link from the menu on your left to see your app keys.
appkeys (1)
  • Now you will see your app ID key and your app’s secret key that will be hidden. And you will have to click the show button to copy it.
  • Paste the app ID and secret keys into the widget settings. And then click the Save button.
  • You will see that the widget set will now display you a new button below of the access token field.
fbaccesstoken
  • However, in order to get an access token, you need to add your website URL to your Facebook app.
  • Scroll down a little on your Facebook app settings page and then click the Add Platform button.
addplatform
  • This will bring up a popup displaying various platforms where you can use the app. You must choose ‘Website’.
Display Facebook Events on WordPress
  • After that, you have to add your site URL to the site URL field. And after that click the save changes button.
Display Facebook Events on WordPress
  • Now you can switch back to widget settings and click the Get Access Token button. This will take you to the Facebook site where you will be asked to allow the app to access your profile.
Display Facebook Events on WordPress Site
  • Next, you will be redirected back to the Widget Settings page. Do not forget to click the save button to save your widget settings.
  • Now you can go to your site to see the Facebook event widget in action.
widgetfbevents

Conclusion

Here we have concluded with the methods which can be used for Facebook Events. As from the above methods, the user can easily create the Facebook Events. These events can be shared with the other groups or pages. And also the WordPress plugin provides a widget to display the calendar for Facebook Events. The Facebook Event Widget comes with a basic stylesheet that cannot match the colors of your theme. To see the CSS classes generated by the plugin, you will need to use the inspect tool and then use those classes to change the appearance of events.

We hope these methods helped you to display Facebook events on your WordPress site. Read the above methods carefully and display your Facebook events. If you have any problem with displaying it, let me know in the comments. Also, if you liked this post, please share it with your peers!

If you liked this text, then please buy our YouTube Channel for WordPress video tutorials. you’ll be able to additionally notice the United States of America on Twitter and Facebook. We also provide help and guidance for other kinds of WordPress related issues through WordPress support help phone number.

That’s all, thanks!

Recommended Blogs:



Leave a Reply