EmbedSocial

How to Embed Facebook Feed on Your Website: A Step-by-Step Guide


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.

I know, I know, the same happens when you want to display some other Facebook page’s feed and use it as a blog content.

Well, the good news is that there is a plugin and you can embed 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 with one line of code.

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 in a few easy steps.

Steps to Embed Facebook Feed on Website

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

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:

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, users you can install our official WordPress Facebook Feed plugin and use a shortcode if you prefer.}

Get started with the Facebook Feed Plugin

Generating, updating and displaying feeds on your website takes lots of resources. To help, we’ve developed EmbedFeed a full featured reviews management tool that will make your life much easier.

Sign up for an account, now!

Get access to our social media feed aggregator and start displaying Facebook or Instagram feeds on your website.

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.