How to Embed Your Facebook Timeline on Your Website (Easy)

by Lianne Laroya on October 15, 2020

Ever wanted to easily embed your Facebook timeline on your website? You’re in the right place.

You can get ahead of the game by cross-promoting your Facebook page on your website. After all, the average Facebook engagement rate stayed flat at 0.09%. So it makes sense to expose your brand’s page to targeted traffic — your website visitors — to increase engagement for your Facebook page.

But Facebook doesn’t offer an easy way for you to embed a responsive Facebook timeline on your WordPress.

So in this post, you’re going to learn the easiest way to display your Facebook timeline on your website — even if you’re not tech-savvy. After reading this tutorial, you can set up and embed your Facebook feed in just a few minutes!

Ready? Let’s get started.

Easiest Way to Embed Your Facebook Timeline

In adding your Facebook timeline to WordPress, you can do this manually or automatically.

Manually embedding your timeline using Facebook’s Page plugin comes with a lot of restrictions, like:

  • Limited to Facebook page’s timeline: Want to display your Facebook group’s feed instead? You can’t. You need to use another plugin to make this happen.
  • Limited customization choices: If you’d like to customize your Facebook timeline to be consistent with your brand’s visual identity, you can’t. So it gets hard, especially if you just want to change your timeline’s background color or icons.
  • Limited to tech-savvy users: You need to tweak pieces of code to successfully embed your Facebook timeline on your website. Plus, you have to switch between different webpages so it can get confusing.
  • Risky: Since you need to deal with a lot of code to customize your Facebook timeline, it’s easier for you to make a mistake. And accidentally break your website in the process. And you don’t want that, do you?

facebook timeline on website page plugin

The most frustrating part? When you accidentally break your website because you manually embed your timeline to it, you can’t contact a dedicated support team to fix your problem for you. Either you hire an expensive developer or spend lots of time and resources fixing your site.

So, why don’t you embed your Facebook timeline automatically instead? Install a user-friendly plugin like Smash Balloon’s Custom Facebook Feed Pro. Using this plugin, you can display your timeline on WordPress — easily and hassle-free, even if you’re not techie.

facebook feed plugin wordpress

As the best Facebook timeline plugin for WordPress, Custom Facebook Feed Pro helps you add a customizable timeline to your website. In just a few minutes, you can smoothly set up your Facebook timeline and display it on WordPress. That’s right. You just need to check or uncheck options!

The most popular Facebook feed plugin for WordPress, Custom Facebook Feed Pro, has lots of features you can easily use. Check out some of them below:

  • Incredibly easy to set up: Customize and display your Facebook timeline in under 5 minutes!
  • User-friendly: Just by clicking on the settings area, you can change how your Facebook timeline looks like. Say goodbye to confusing code or expensive developers.
  • Easy and powerful customization choices: Want to modify your timeline’s background color? You can. How about changing its icons? You also can. What if you want to adjust your timeline’s width or height? You can easily do this, too.
  • Lots of feed types to display: Sure, it can show your Facebook page’s timeline. And it can display your Facebook group’s feed as well. That’s not all. The plugin also allows you to embed your albums, videos and even your Facebook event’s feed on your website.
  • Ultra-fast loading time: Since it’s created with its users in mind, the plugin is designed to be ultra-fast. So it won’t slow down your site.
  • Safe to use: No need to mess around with code. Meaning, there’s no risk of you accidentally breaking your WordPress site!

Want to know the best part? With over 200,000 users and a solid 4.8/5 star rating, the plugin comes with a dedicated customer support team made of WordPress experts. Need someone to assist you while embedding your Facebook timeline? They’re just a message away.

facebook feed plugin wordpress review

Ready to skyrocket your Facebook page’s engagement by cross-promotion? Follow the steps below to easily display your Facebook timeline on your website:

Step 1: Install Custom Facebook Feeds Plugin

First, you need to get your own copy of Custom Facebook Feeds Pro here. Download the plugin. Then, upload it to your WordPress site so you can start using it.

Don’t know how you can do this? Simply use this helpful tutorial on how you can install WordPress plugins as your guide. Then, when you’re done installing and activating the plugin, move on to the next step below.

Step 2: Connect Your Facebook Account

After you’ve activated the plugin, it’ll create a new menu in your dashboard. To start connecting your Facebook account to the plugin, navigate to Facebook Feed » Settings to access the settings page.

connect facebook account

Here, you can see the blue Connect a Facebook Account button. Click on this button. Then, follow the onscreen instructions to sign in to your Facebook account and link it to the plugin.

Step 3: Choose to Display Your Facebook Page

Next, you’ll be asked to choose between connecting your Facebook page or group to the plugin.

Since this tutorial is about embedding a Facebook page’s timeline to WordPress, we’ll choose to connect a Facebook page. If you’d like to display your Facebook group’s timeline, you can use the plugin to do this, too.

choose between facebook page or group

Remember to click on the Save Settings button to finalize your choice. Then, proceed to the next step below.

Step 4: Customize Your Facebook Timeline

Your Facebook account and page are already connected to the plugin? Great! It’s time to customize it. Using the plugin, you can easily change the content and design of your Facebook timeline.

To start customizing your Facebook feed, scroll to the topmost area of the settings page. Then, click on the Customize » General tabs. Under this section, you can easily change your timeline’s width, height, padding and even background color. No need to tweak lines of code!

customize facebook timeline in wordpress

Want more customization choices? Just scroll down until you see the Post Types section. If you don’t want to display a specific post type, you can just uncheck it. In this tutorial, we’ll display all post types available to we’re checking all the boxes, like this:

facebook post type

Think you can control your timeline’s content only? Think again. Custom Facebook Feed Pro allows you to easily change your timeline’s design, too.

Once you’ve selected the post types you want to display, scroll down a bit more. In the same customization page, you can also control your timeline’s header, “like” box and “load more” button. This way, your Facebook timeline’s design can match your brand’s visual identity.

edit header like box and load more button for facebook timeline on website

For example, you can choose to show or hide your timeline’s header. This is how it looks like when your timeline’s Text header is displayed:

facebook timeline on website example

For your timeline’s like box, you can add it to the top of your feed, like this:

facebook timeline on website example with header

Whatever customization options you choose, make sure to click on Save Changes to preserve your choices. Then, move on to the final step below.

Step 5: Embed Your Facebook Timeline to WordPress

Once you’re happy with how your Facebook timeline looks like, it’s time to embed it on your website. You can add your timeline to a new page in WordPress. Or, you can also display it on your sidebar area.

Don’t worry — we’ll discuss both ways below.

Embed Your Facebook Timeline on WordPress Page

First, create a new page. From your dashboard, navigate to Pages » Add New. Once you’ve done this, WordPress will make a new page for you. This is where you can embed your Facebook timeline on later.

add new page

In the block editor, click the Plus (+) icon so you can add a new WordPress content block. Then, in the search field, type “facebook”. See the Custom Facebook Feed block under the Widgets section? Click on it to add it to your page.

embed facebook timeline on website

Doing this allows you to see a preview of your Facebook timeline on your website. Feel free to edit your timeline and your page title. Then, once you’re satisfied with your timeline’s visuals, click on Publish.

Now, when you visit your website, you can see your Facebook timeline embedded on it, like this:

facebook timeline on website example

Embed Your Facebook Timeline on WordPress Widget-Ready Areas

You can also use the plugin to easily add your Facebook timeline to your sidebar area.

First, copy your shortcode here:[custom-facebook-feed]

Then, from your WordPress dashboard, navigate to Appearance » Widgets. Under Available Widgets section, drag the Text WordPress widget to your chosen sidebar. Then, inside the Text widget area, paste the shortcode you copied earlier.

add facebook timeline on website sidebar

Finally, click on Save to preserve your settings. Now, your website visitors can see this when they check out your sidebar area:

facebook timeline on website on sidebar example

And we’re done! Finally, you’ve learned how you can easily embed your Facebook timeline on your website. The best part? You didn’t have to deal with lots of confusing code to make it happen. 

Plus, you’re able to set up the plugin and display your Facebook timeline in just under 5 minutes!

So, what are you waiting for?

Click here to get started with Facebook Feeds by Smash Balloon today!

Want to learn how you can embed more social feeds to your WordPress? Check out this next step-by-step tutorial on how you can add your Instagram feed on your website.

Found this post useful? Great! Please follow us on Twitter and Facebook for more social media marketing tutorials to help you grow your business today.

Want to Try our Facebook plugin for Free?

Enter the URL of Your WordPress website to install Custom Facebook Feed Lite.

Comments

  1. Jay

    Smashballoon, I love that name.

    Reply
  2. John

    This looks like a perfect companion for registered users of a VIP members group, which could be integrated into the site but restricted to their view only. Why? Because then they don’t have to leave my site to go to FB, improving ‘stickiness’ and convenience!

    Reply
  3. Michelle David

    Very exciting how all of these social media platforms can be blended into one easy to find location!

    Reply
  4. Starr McDaniel

    Fantastic site and informative…

    Reply
  5. Jeff Hardwick

    Educative tutorial

    Reply
  6. Cheryll Powning

    Lots of great infortmation

    Reply
  7. Patrick M

    Solid info, thanks!

    Reply

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Leave a Reply

Your email address will not be published. Required fields are marked *