How to Display Your Facebook Timeline in WordPress

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.

Plugins, a way to display your Facebook timeline in WordPress.
You can display your Facebook timeline in WordPress by using plugins

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.

A Facebook homepage.
Make sure your profile is not private

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.

A Facebook timeline.
Keep your visitors updated

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.

404 error404 pageabove the foldadvanced cssAIDA modelakismet pluginbacklinks auditbehavior patternbounce ratebrowser compatibilitybulk deletecaching pluginscall-to-actionchild themecode snippetcolor schemecomment sectioncompetitors' backlinkscontact formconversion ratecreate child themeCTA buttoncustom pagecustom themedead linksdefault configurationdigital marketingdomain authorityeasy manageedit main pageediting toolsemail marketingengaging contentFAQ pluginsfilter spamfix site errorfolder structurefree pluginsfriendly toneGoogle analyticsgoogle rankingsGravity Forms pluginguest postingHeadless WordPressHow toimage optimizationincrease readabilityindex errorsinfluencer marketingkeyword researchlibrary assistantlink managementlink trackingloading speedlocal businesseslong-tail keywordsmedia replacemedia restrictionmobile optimizationmoney onlinemulti currency pluginsmysql queryonline presenceonline validatorpage builderpage creationpopup pluginproducts and servicesquality imagesquality serviceReact JSreaction buttonsredirect chainsresponsive designschema markupsearch rankingsearch termsSEO for bloggersSEO optimizationSEO professionalsSEO tipsSEO toolsshort linkssocial mediasocial media plugins for WordPressssh commandsstatic pagetargeted audiencetechnical performancetest metrictext formattheme setting uptime utilizationtips and trickstraffic increaseunique visitorsuser accessuser engagementuser experiencevisual designvisual elementsvisual reportweb crawlersweb hostingwebsite architecturewebsite auditwebsite designwebsite elementswebsite maintenancewebsite optimizationWebsite problemswebsite securitywebsite structureWhat’s new in WordPresswhite spacewoocommercewordpressWordPress admin email verification noticeWordPress debug modeWordPress functionalityWordPress pluginWordPress pluginsWordPress recovery modeWordPress responsive designwordpress securitywordpress themewordpress theme editwordpress tipsWordPress tips and tricksWordPress web hostingwp security