How to Create a Custom Facebook Feed for WordPress

If you are the owner of any website and have a great engagement on your Facebook page then you should use that visibility wisely. All the content, image, link, business slogan, or discussions you post on  Facebook are not visible to the audience visiting your website. Adding a custom feed from your Facebook page to a WordPress page not only increases your website engagement but also improves the SEO and Facebook likes. So, in this tutorial, we add a custom Facebook feed in WordPress by using a plugin.

 

Adding Facebook Feed  to website

Step 1: To increase the WordPress capability we always use plugins, so here we are also going to install a plugin called the Custom Facebook Feed plugin,  just install and activate it. If you want to display the image in your feed & shared then you have to go for a premium version of this plugin.

You can also use another free plugin: Facebook Feed WD Plugin that’s free version gives you the capability to show custom Facebook feed in WordPress including images.

Step 2: After activating the plugin go to Facebook Feed » Settings page to configure the plugin settings.

Step 3: You will find a box labeled as Facebook page ID, paste your Facebook page or group ID here. For example https://www.Facebook.com/your_page_name. But 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 are unable to find out your Facebook Page ID then you can use this website to find it out: Randomtools

Step 4: The second thing is generating the access token which is recommended by the plugin to work in a proper manner. For adding the accesses token go to the Facebook developers page and click on the create new app button.

Step 5: After step 4  you will get a pop-up asking for various information to create an app.  Enter the display name for an app, an email address and select the category for your app then click on the ‘Create App ID’ button to continue.

Step 6: After creating an app you will redirect to the app’s dashboard, here click a link on the top right side of the window called Tools & Support.

Step 7: The token and support page will open with lots of tests and debug apps for Facebook apps. You just need to click on ‘Access token tool’.

Step 8: The linked Access Token Tool will redirect you to the page where you will find your app’s Access Token or APP Token code.

 

Step 9: Just copy and paste this app code in the WordPress Facebook feed plugin’s settings or configuration page under the Facebook ID option. In the setting, you can also choose the number of posts to display, time zone, language settings, etc. For displaying the feeds just create a page on your website and from the post editor add this shortcode  [custom-Facebook-feed] or just write it manually. Also if you want to display multiple Facebook account feeds then simply add the shortcode like this:

[custom-Facebook-feed id=abcaccount], where abcaccount is your Facebook page name.

Step 10: If the feeds do not look well on your website page then you can customize them according to your website space. Go to Facebook Feed » Customize page where you can edit the feed height, width, padding, and background color. You can also use your own custom CSS.

 

We hope this article will help you in adding a custom Facebook feed to your WordPress website to make it more interactive.