How to Create a Custom Facebook Feed for WordPress

- Advertisment -
- Advertisement -

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 discussion you post on  Facebook are not visible to the audience visiting your website. By adding a custom feed from your Facebook page to WordPress page not only increase your website engagement but also improve the SEO and Facebook like. 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 Custom Facebook Feed plugin,  just install and activate it. If you want to display 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.

create a custom facebook feed in wordpress

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 unable to find out your Facebook Page ID then you can use this website to find it out: Findmyfbid

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 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.

create ne App ID for facebook feed

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.

facebook feed wordpress

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

deed facebook wordpress

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

 

custom feed facebook wordpress

Step 9: Just copy and paste this app code in WordPress Facebook feed plugin’s settings or configuration page under Facebook ID option. In the setting, you can also choose the number of posts to display, time zone, and language settings etc. For displaying the feeds just create a page on your website and from 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 it 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.

custom feed facebook in wordpress

 

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

H2S Media Team
H2S is a group of tech enthusiasts those are passionate about latest technology developments. They always like to solve own technical problems and share the same solution with others through this Website.

1 COMMENT

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Latest Posts

Sony accidentally confirmed a massive News leak on PS5

The PlayStation 5 launch is just around the corner. Also, the rumours are about an upcoming meeting of Sony...

Horizon: Zero Dawn is Coming to PC, all about its release

There is news coming up from the insider sources that Sony is already working on their project to release...

WhatsApp Dark Mode is available for Android users, test it now!

Finally, to save the oil of eye lamps especially for those continuously do chats on WhatsApp, Dark Mode is...

VMate successfully secured a place in top 5 Social Media App Category

Recently, a report has been published by App Annie to know what is the "State of mobile 2020". The...
- Advertisement -

AI in education sector: making a future-ready workforce

As we are approaching towards ending another decade, it’s time to reflect the future. FUTURE-READINESS OF SCHOOL ECOSYSTEM. As...

NVIDIA’s Upcoming Graphics Card Specs Leaked

Internet is the best means through which the rumours, fakes news, as well as the news leak, come in...

- Advertisment -
- Advertisement -

You might also likeRELATED
Recommended to you