How to Display Your Facebook Timeline in WordPress

October 9. 2020

You take care of your Facebook profile, and you also take care of your WordPress website. Why not connect the two? Showing your Facebook updates on your WordPress website can be quite convenient. Read on to find out how to display your Facebook timeline in WordPress. This will help you to keep your visitors updated, and also increase your Facebook following.

Display your Facebook timeline in WordPress using a plugin

As you already know, plugins can make your life easier, when working on your WordPress website. Of course, sometimes it’s important to know which one is the best for the work you need to do. When embedding your social media profiles, you don’t want to use just any plugin, you want to you the best social media plugins for WordPress.

Another important thing when working with plugins is how to use them. Here we’ll use the Custom Facebook Feed Pro plugin, by Smash Ballon to help you add your Facebook timeline on WordPress. Keep in mind that you can also use the free version, Smash Balloon Social Post Feed. However, with the free version, you’ll be able to display text and links from your timeline, but without the photos.

Install and activate the plugin

What you need to do first is go to the Smash Balloon website, find the Custom Facebook Feed Pro plugin, and download it. Then, you need to go through the process of installing and activating the plugin on your website.

Connect your accounts

After you activate the plugin, go to Facebook Feed>Settings in your WordPress dashboard. Under a Configuration section, you’ll be able to see the “Connect a Facebook account” button. When you click on it, you’ll be asked if you want to display a Facebook page or group. Let’s say that you want to display a Facebook page.

Keep in mind that due to Facebook’s privacy policy, you won’t be able to display a timeline if the profile is personal.

Follow the on-screen prompts

After you agree to the previous choice, the plugin will get permission to access your account. Afterward, you can follow the on-screen prompts.

Now, you’ll see the Settings page again, but a popup will show up. You need to select a page you want to use. When you select the desired page, click on the “Connect this page” button. After that, in the Configuration tab of the Custom Facebook Feed Settings, you should be able to see your page in the “Connected Accounts” section. It’s important to save these changes by clicking on the “Save Settings” button.

Add the timeline

Now you’ve connected your account and chosen the page you want to add. All you need to do is add the timeline from your Facebook page to your WordPress website. Create a new page or post, or open a created page or a post where you want to add your timeline.

We’ll go to Pages>Add New, to create a new page. On the top, from the page edit section, we’ll click on the “+” icon to add the Custom Facebook Feed block. Now, you should see the previous of your Facebook timeline, within your content editor. You can preview your page or publish it to see how it looks. Also, you can add some styling to your timeline, to make it look better on your website. Let’s see how you can customize your Facebook timeline using the same plugin.

Use Smash Ballon Facebook Feed Pro to customize your Facebook Timeline

This plugin allows you to change off kinds of options about your timelines. We’ll go through some of the important customizations you might want to make on your Facebook timeline.

Go to Facebook Feed>Setting in your dashboard. Then scroll down to the “Settings” section and you’ll see a few options. For example, you might only want to display a certain number of posts.

“Customize” tab

If you go to Facebook Feed>Customize, you have different options you can choose from. For example, you can specify the height, width, and background color of your feed. If you click the “Post Layout” page, you can choose the layout of your timeline. We’ll choose the “Half-width” style to see how it works for us. When you’re done, click on the “Save Changes” button, to save all the changes you’ve made.

“Style Posts” Tab

If you want to change the style of your post, simply click on the “Style Posts” tab. We’ll choose the “Boxed” style since we like how it looks. With this style, our posts will get rounded corners and a shadow. Don’t forget to save your changes when you’re done.

Add your timeline to your WordPress sidebar

Maybe you don’t want to add your Facebook timeline in a post or page but in your WordPress sidebar. You can do this with the Custom Facebook Feeds plugin.

Start by going to Appearance>Widgets in your WordPress admin area and drag your “Text” widget to a place within your sidebar, where you want your timeline. Now, enter the shortcode  [custom-facebook-feed] in the Text widget and click “Save.” When you’re done, you should be able to see your Facebook timeline in the sidebar on your WordPress website.

Don’t stop here

If your website is text-oriented, it’s a good idea to embed a Facebook timeline on your WordPress website. Twitter is also another platform you might want to connect to your site, in this case. However, if photos are a bigger part of your content, you should consider creating a custom Instagram photo feed in WordPress. Connecting your social media profiles and your website reduces the work and time needed to keep your followers and your visitors updated. Besides, this way you can use your social media marketing skills directly on your website.

By your side

Hopefully, you can display your Facebook timeline in WordPress all by yourself. However, if you happen to need help from professionals, don’t hesitate to contact us. We know how important your website is to you, so managing and maintaining your website is our top priority.