Tuesday, November 24, 2020
Home Blogging How to Display Your Facebook Timeline in WordPress

How to Display Your Facebook Timeline in WordPress

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

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.

Connect your Facebook account to the Custom Facebook Feed plugin

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.

Continue connecting Facebook Feed Pro to Facebook

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:

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

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.

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

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:

Adding the Facebook feed block to a page

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:

Our Facebook page timeline displaying on our WordPress page

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:

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

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.

The Customize options for the Custom Facebook Feed plugin

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:

Using half-width posts for the Facebook timeline

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:

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

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.

Adding a custom Facebook feed to a widget

Your Facebook timeline will now seem in the sidebar in your web site:

Viewing the Facebook timeline in your sidebar

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.

1 COMMENT

LEAVE A REPLY

Please enter your comment!
Please enter your name here

- Advertisment -

Most Popular

24 Best Online Jobs from Home Without Investment

Do you already know online jobs and work from dwelling jobs have gotten a scorching development after Covid-19. Earlier there have been a handful...

Top 25 Data Entry Jobs from Home Online/Offline: No Investment

Data Entry jobs are actually nice for individuals who need to work from house however not a lot certified. Whether you're a housewife, a...

What is the average salary in India?

Why you should learn about the average salary in India and remainder of the world. It is essential to your profession so it's a must...

Best Courses after 10th Standard

Results for 10th normal are simply being declared throughout India. As pupil or guardian, you should be fearful about greater schooling courses after 10th normal. Nowadays, there...

Recent Comments