Latest Tech and Tips

How to Display Your Facebook Timeline in WordPress

12

Do you desire to reveal your Facebook timeline blog posts on your web site?

By including your Facebook updates to your web site, you can maintain individuals upgraded with real-time standing as well as also improve your Facebook adhering to.

In this short article, we’ll reveal you how to quickly display your Facebook timeline in WordPress.

Displaying your Facebook timeline in WordPress

Video Tutorial

Subscribe to WPBeginner

If you would certainly choose written guidelines, simply maintain analysis.

Displaying Your Facebook Timeline in WordPress

We’re going to usage Smash Balloon’s Custom Facebook Feed Pro to include our Facebook timeline to our WordPress web site.

First, you require to go to the Smash Balloon web site as well as download and install theCustom Facebook Feed Pro plugin

Next, you require to mount as well as turn on the plugin on your website. For even more information, see our detailed overview on how to mount a WordPress plugin.

Note: There’s likewise a complimentary variation of the plugin, calledSmash Balloon Social Post Feed This functions penalty to display message as well as web links from your timeline. However, it will certainly disappoint images.

Upon activation, go to Facebook Feed” Settings in your WordPress control panel. Here, you will certainly require to attach your Facebook account.

Connect your Facebook account to the Custom Facebook Feed plugin

Next, you require to choose whether to display a Facebook web page or team timeline. We’re going to utilize our Facebook web page.

Note: You can not display a timeline from your individual account. This schedules to Facebook’s personal privacy plan.

Continue connecting Facebook Feed Pro to Facebook

Facebook will certainly after that motivate you to concur as well as offer Smash Balloon consent to gain access to your Facebook account. Simply adhere to the on-screen motivates.

You will certainly after that see the Custom Facebook Feed Settings web page once more, with a popup asking you to choose which web page to usage. Click on the web page you desire, and afterwards click the ‘Connect this page’ switch:

Select the Facebook page that you want to connect to your website

You need to currently see your web page provided in the ‘Connected Accounts’ area of the Custom Facebook Feed arrangement setups. Don’ t fail to remember to click the ‘Save Settings’ switch to wait.

Make sure you click the button to save changes to your settings

Now, it’s time to proceed as well as include the Facebook timeline from your web page to your website. Simply open the message or web page where you desire to place your timeline, or produce a brand-new message or web page.

It’s likewise feasible to include your timeline to your WordPress sidebar, which we’ll cover later on in this tutorial.

We’re going to produce a brand-new web page by going to Pages”Add New On the web page modify display, click the (+) symbol to include the Custom Facebook Feed block in the WordPress obstruct editor:

Adding the Facebook feed block to a page

You can see the sneak peek of your Facebook feed instantly in the material editor. Go in advance as well as sneak peek or release your web page to examine it out on your website. Here’s our Facebook timeline:

Our Facebook page timeline displaying on our WordPress page

We’ve included some designing to our timeline to make it look wonderful on our website. Next, we’ll have a look at how to personalize your very own Facebook timeline utilizing Custom Facebook Feed Pro.

Customizing Your Facebook Timeline with Smash Balloon Facebook Feed Pro

Custom Facebook Feed Pro allows you alter all type of choices regarding your timeline. Let’s undergo several of the vital ones.

Simply go to the Facebook Feed” Settings web page in your WordPress control panel.

Scroll down to the ‘Settings’ area, as well as you’ll see a couple of vital choices. For circumstances, you may choose you just desire to display 5 blog posts:

Changing the number of posts shown in the Facebook timeline on the website

There are likewise great deals of setups under the Facebook Feed” Customize web page that you might desire to try. This web page provides you great deals of various choices to pick from in various tabs.

The Customize options for the Custom Facebook Feed plugin

To modification how your timeline is outlined, merely click the ‘Post Layout’ tab. We’ve picked the ‘Half-width’ design for our blog posts on top below. Don’ t fail to remember to click the ‘Save Changes’ switch after making any type of modifications:

Using half-width posts for the Facebook timeline

Next, go to the ‘Style Posts’ tab to modification how your blog posts are styled. We believe the ‘Boxed’ design below looks wonderful. We’ve provided our blog posts rounded edges plus a darkness:

Changing how the Facebook posts are styled in the timeline by adding a box and rounded corners

Again, ensure you conserve your modifications prior to leaving the web page.

Adding Your Custom Facebook Timeline in WordPress Sidebar

What if you desire to display your Facebook timeline in your sidebar rather than in a blog post or web page? You can quickly do that withCustom Facebook Feeds

First, go to the Appearance” Widgets web page in your WordPress admin location. Then, drag a ‘Text’ widget to any place you desire your timeline within your sidebar. Now, merely get in the shortcode [custom-facebook-feed] in the widget as well as wait.

Adding a custom Facebook feed to a widget

Your Facebook timeline will certainly currently show up in the sidebar on your web site:

Viewing the Facebook timeline in your sidebar

We wish this short article aided you discover how to display your Facebook timelinein WordPress You may likewise desire to have a look at our short articles on simple means to boost your blog site web traffic as well as the most effective WordPress plugins.

If you liked this short article, after that please subscribe to our YouTube Channel for WordPress video clip tutorials. You can likewise discover us on Twitter as well as Facebook.