Do you need to present your Facebook timeline posts in your web site?
By including your Facebook updates to your web site, you may preserve customers up to date with real-time standing and even increase your Facebook following.
In this text, we’ll present you ways to simply show your Facebook timeline in WordPress.
Displaying Your Facebook Timeline in WordPress
We’re going to use Smash Balloon’s Custom Facebook Feed Pro to add our Facebook timeline to our WordPress web site.
First, you want to go to the Smash Balloon web site and obtain the Custom Facebook Feed Pro plugin.
Next, you want to set up and activate the plugin in your web site. For extra particulars, see our step-by-step information on how to set up a WordPress plugin.
Note: There’s additionally a free model of the plugin, known as Smash Balloon Social Post Feed. This works tremendous to show textual content and hyperlinks out of your timeline. However, it is not going to present photographs.
Upon activation, go to Facebook Feed » Settings in your WordPress dashboard. Here, you’ll need to join your Facebook account.
Next, you want to determine whether or not to show a Facebook web page or group timeline. We’re going to use our Facebook web page.
Note: You can’t show a timeline out of your private profile. This is due to Facebook’s privateness coverage.
Facebook will then immediate you to agree and provides Smash Balloon permission to entry your Facebook account. Simply observe the on-screen prompts.
You will then see the Custom Facebook Feed Settings web page once more, with a popup asking you to choose which web page to use. Click on the web page you need, after which click on the ‘Connect this page’ button:
You ought to now see your web page listed in the ‘Connected Accounts’ part of the Custom Facebook Feed configuration settings. Don’t overlook to click on the ‘Save Settings’ button to reserve it.
Now, it’s time to go forward and add the Facebook timeline out of your web page to your web site. Simply open up the publish or web page the place you need to put your timeline, or create a brand new publish or web page.
It’s additionally doable to add your timeline to your WordPress sidebar, which we’ll cowl later in this tutorial.
We’re going to create a brand new web page by going to Pages » Add New. On the web page edit display, click on on the (+) icon to add the Custom Facebook Feed block in the WordPress block editor:
You can see the preview of your Facebook feed immediately in the content material editor. Go forward and preview or publish your web page to test it out in your web site. Here’s our Facebook timeline:
We’ve added some styling to our timeline to make it look nice on our web site. Next, we’ll check out how to customise your individual Facebook timeline utilizing Custom Facebook Feed Pro.
Customizing Your Facebook Timeline with Smash Balloon Facebook Feed Pro
Custom Facebook Feed Pro enables you to change all kinds of choices about your timeline. Let’s undergo a few of the key ones.
Simply go to the Facebook Feed » Settings web page in your WordPress dashboard.
Scroll down to the ‘Settings’ part, and also you’ll see just a few key choices. For occasion, you would possibly determine you solely need to show 5 posts:
There are additionally numerous settings beneath the Facebook Feed » Customize web page that you could be need to check out. This web page provides you numerous completely different choices to select from in completely different tabs.
To change how your timeline is laid out, merely click on the ‘Post Layout’ tab. We’ve chosen the ‘Half-width’ type for our posts on the prime right here. Don’t overlook to click on the ‘Save Changes’ button after making any adjustments:
Next, go to the ‘Style Posts’ tab to change how your posts are styled. We suppose the ‘Boxed’ type right here seems to be nice. We’ve given our posts rounded corners plus a shadow:
Again, be sure you save your adjustments earlier than leaving the web page.
You May See : How to Password Protect Your WordPress Forms
Adding Your Custom Facebook Timeline in WordPress Sidebar
What in order for you to show your Facebook timeline in your sidebar as a substitute of in a publish or web page? You can simply try this with Custom Facebook Feeds.
First, go to the Appearance » Widgets web page in your WordPress admin space. Then, drag a ‘Text’ widget to wherever you need your timeline inside your sidebar. Now, merely enter the shortcode
[custom-facebook-feed] in the widget and reserve it.
Your Facebook timeline will now seem in the sidebar in your web site:
We hope this text helped you learn the way to show your Facebook timeline in WordPress. You may additionally need to try our articles on simple methods to enhance your weblog visitors and the greatest WordPress plugins.