How to Create a Custom Facebook Feed in WordPress

117

Recently, one of our users asked if we could cover how to create a custom Facebook feed in WordPress? You can display Facebook posts from your page or group on your WordPress site to improve engagement. In this article, we will show you how to create a custom Facebook feed in WordPress.

Adding a Facebook feed in WordPress

When and Why You Should Create a Custom Facebook Feed in WordPress

Facebook is the largest social media platform in the world. As a website owner, you may already be engaging with your audiences on Facebook through your Facebook page or by creating a Facebook group.

However, all the posts you make on Facebook are not visible to the people visiting your website. By adding a custom Facebook feed you can show what’s happening on your Facebook page or group to your site visitors.

This will allow more of your users to see your posts and will help you get more Facebook likes. If you are using Facebook remarketing/retargeting pixel on your website, then you can show your ads to those users on Facebook as well.

Having said that, let’s see how to add a custom Facebook feed to your WordPress site.

Adding a Custom Facebook Feed in WordPress

First thing you need to do is install and acivate the Custom Facebook Feed plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Note: This free version of the plugin does not display images in shared links or status updates. For that you will need plugin’s PRO version.

Upon activation, you need to visit Facebook Feed » Settings page to configure the plugin settings.

Custom Facebook feed settings

First you need to provide your Facebook page or group ID. If your Facebook page URL is like this:

https://www.facebook.com/your_page_name

Then you can use your_page_name as your Facebook page ID. On the other hand, if you have a Facebook page URL that looks like this:

https://www.facebook.com/pages/your_page_name/123654123654123

Then you need to use 123654123654123 as your page ID.

If you want to add a group, then you will need to enter your group ID. Simply visit Find My Facebook ID website, and enter the URL of your group in the search box. The website will reveal your Facebook group’s numeric ID.

The next thing you need to enter is an access token. The plugin will work even if you don’t add your own access token, however it is recommended to generate it and add it here.

Simply visit Facebook developers website and click on the create new app button.

New Facebook app

This will bring up a popup where you need to enter a name for your app. Provide an email address and then select a category for your app. Click on the ‘Create App ID’ button to continue.

Creating a new Facebook app ID

Facebook will create an app for you and will redirect you to the app’s dashboard. You need to click on Tools & Support link at the top.

Click on tools and support link at the top of your app's dashboard page

This will bring you to a page with lots of resources on how to use Facebook apps. You just need to click on ‘Access token tool’.

Access token tool

Clicking on the link will take you to a page where you will be able to see your app’s access token or app token.

Access token for your app

You can now copy and paste this access token to the custom Facebook feed plugin’s settings page.

Under the settings section on the page, you need to select whether you are showing a group or a page. You can also choose the number of posts to display, timezone, and language settings.

Don’t forget to click on the save changes button to store your plugin settings.

You can now create a new post or page or edit an existing one where you want to display your Facebook feed. In the post editor, you need to add this shortcode:

[custom-facebook-feed]

You can now save your page or post and preview it. It will fetch and display latest posts from your Facebook page or group in your WordPress page.

Preview of a custom Facebook feed in WordPress

Showing Multiple Facebook Feeds in WordPress

Let’s suppose you want to display more than one custom Facebook feed on your WordPress site. The plugin’s settings only allow you to add one page or group ID.

However, you can easily use the shortcode to display any other custom Facebook feed you want.

Simply add the shortcode like this:

[custom-facebook-feed id=wpbeginner]

The plugin’s shortcode comes with a whole range of parameters. You can visit the plugin’s website to see the complete list of parameters that you can use.

How to Customize The Appearance of Custom Facebook Feed

The plugin allows you customize the appearance of the custom Facebook feed on your website. Visit Facebook Feed » Customize page to edit the customization settings.

Customize appearance of Facebook feed

The customize section is divided into different tabs. Each tab has its own options, you may want to review them to customize the appearance of your custom Facebook feed.

We hope this article helped you add custom Facebook feed in WordPress. You may also want to see our list of 21 best social media monitoring tools for WordPress users.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.