How to Embed Facebook Feed on Your Website Right Now

Raise your hand if you have ever wondered how to embed Facebook feed on your website?

Updating your Facebook page and doing the same for your website is a huge pain and time consuming, so many community managers are just fed up with this task.

In this post, we outline few methods that can help you to display your Facebook page activity on your website.

One of the simplest solutions that can help you to embed your Facebook Page timeline feed you can use the free Page Plugin by Facebook.

1. Here is how to embed Facebook feed with Page Plugin

1. Enter your Facebook Page URL
2. Set width or height parameters
3. Click Get Code
4. And just copy and paste the code in your website body section

I know, I know, the Facebook Page plugin has limited functionality for customization, especially if you want to display the feed in a grid layout, which is the most common layout preference.

Well, the good news is that there is a plugin that can embed and customize your Facebook feed on your website in the next 5 seconds. Technically, this means that you will be able to embed entire Facebook page feed on a website in a grid layout with one line of code, that will sync your website with your Facebook page activity.

It is a simple Facebook Feed Plugin and it will only need you to embed one line of code in the HTML body tag of your blog post or website page. Don’t worry if you are using a WordPress for your website or blog. This plugin will help you to embed Facebook feed in your WordPress, Drupal or Joomla websites, too.

Here’s how to embed Facebook feed into your website

2. Steps to Embed Facebook Feed on Website with EmbedFeed

First, go ahead get your free trial account. Then do this:

• Click on the menu “Social media feeds”
• Click the top-right green button “Add New”
• Select Facebook and paste or type your Facbook Page URL
• Copy the embeddable code
• Paste it into the HTML of your website or in the text editor of your CMS.

That’s it. Here is a demo of the EmbedSocial Facebook social feed.

And, here are the steps in details with screenshots.

1. Import the Facebook Feed into your account

Once you login to your EmbedSocial account, choose Social media feeds from the menu. From the top right position click on the Add new button.

Once you do this an input field will pop up where you will need to paste your Facebook page URL. Then just click “Continue”.

Congratulations! You’ve just imported an entire Facebook Page feed in your account. So let’s get the code and embed it on your website. Follow the next step.

2. Get the embeddable code and paste it into your website HTML

Once you open your Facebook feed in an edit mode, you will find the feed embeddable code in the top right section. Below is an example and you can see the exact position of the code, highlighted with a red circle.

Once you get your code, just choose the position on your website where you want to embed it and just paste this code.

The feed will be immediately displayed on your website.

3. Customize your Facebook Feed

The Embed Facebook Feed plugin has few customization features and settings that can help you to style your feed according to your needs.

Use the following settings:

• Number of posts in feed – limit the number of posts that you want the feed to display
• Post width – you can choose the posts to show in a larger or smaller width
• Mobile responsive – Post width for phones and tablet, choose different post size for smaller devices
• Include full post – this option will enable or disable the caption for photo posts
• No coding required
• Edit title text, change title color and size

Once you change the feed settings, just click “Save”.

If you don’t have the time to read all the above, here is a video:

Bonus: Embed Facebook Feed to any CMS: WordPress, Wix, Drupal, Joomla and more

Last, but certainly not least, you might want to add more than one feed. This option is currently available to all users, so YES, you can get UNLIMITED feeds and embed them on any website.

The best thing is that the code works for every major CMS, Drupal, WordPress, Joomla, Wix, Squarespace, PageCloud, and more.

And do you know what’s the best part? You won’t need to install anything just copy paste the script code in the CMS editor.

{Side note: For WordPress, you can install our official WordPress Facebook Feed plugin and use a shortcode if you prefer.}

Now you’ve learned that you can display your Facebook feeds on any website in seconds.

We would love to hear how you will use this plugin, so be sure to share your thoughts in the comments below.