Embed Facebook Feed On Website In Few Simple Steps

Website

Over 2.23 billion people log in to Facebook every month. Yes! Allow that to sink in for a while. This makes Facebook one of the largest social media platforms to be used around the globe to share content. Thus Facebook emerges as a viable breeding ground for upcoming entrepreneurs and businesses to connect and engage with a large number of audience. Best way to engage your audience is to embed Facebook feed on website.

Embed Facebook Feed on Website

Facebook’s revenues per user have doubled in the past 3 years. It focuses on meaningful connections driving potential user engagement which in turn drives the monetization for the platform. This has opportuned Facebook to grow into a venue for businesses to explore and market themselves through interactions with customers and self-promotions.

Many established businesses have already realized the potential of Facebook to improve their customer relations. In such a scenario, the smart move is to embed Facebook posts on your Website connecting the powers of both Facebook and E-commerce websites delivering you insane results by driving potential traffic to your website and enhancing your sales conversion rates.

As a matter of fact, each visit on Facebook lasts for 10-12 minutes at least. Embedding Facebook feeds on your website enables you to increase the dwell time of your visitors to a great extent thus increasing the probability of sales conversions.

Facebook Embed

With the given stats, we know even you are excited to embed Facebook feeds on your website now. So, we present you with a detailed explanation of how to embed Facebook feeds on your website.

Let’s get started!

Add a Facebook Feed with Taggbox

You can easily embed a Facebook social feed wall on your website with the help of Taggbox. You don’t need any high degrees of technical knowledge nor you need to hire an expert or a coder to do so. That’s the beauty of Taggbox, it is easy and simple to use.

You first need to create an account with Taggbox and Sign in. Having done that, follow these steps mentioned below to add Facebook feeds on your Taggbox Social Wall.

Step-1: After creating an account you will land on a dashboard. Here, click on create a wall and give it a name.

Step-2: Now open your Wall Editor.

Step-3: On the left column, click on “Feeds”. A drop-down menu will appear. Click on “Add Feeds” over here.

Step-4: Select “Facebook” as the source of your feed from Pick a Source box.

Step-5: Taggbox gives you the option to choose the kind of Facebook feeds you want to display on your social wall. You could either enter a Facebook Page URL  or you could choose to display your own profile posts.

Step-5: Connect by giving your login credentials and signing in.

Great! Your Facebook feeds are connected with Taggbox Social Wall now and will be visible in your wall editor in a while.

Also see: Complete step by step guide to add Facebook feed

Pro Tip

You could also make your wall more beautiful, attractive, engaging and dynamic by using the wide variety of themes and features that come along with the wall editor. Visit Personalize section in your wall editor.

Pro Tip

You could also use the Moderation Panel to filter out the unwanted content and prevent the hijacking of your Facebook feeds by spammers.

Pro Tip

You also get the Analytics tool to track the performance of the feeds on the wall by having a deep insight about active users, total visitors, post clicks and Sentiment Analytics of the posts.

Now you are all set to embed Facebook feeds on website. So, buckle up and let’s start the journey.

Let’s start engaging your website visitors

Many users prefer various website building platforms like HTML, WordPress, Wix, Squarespace, Weebly and Shopify. Anyone can build a website on their own with a little technical knowledge on these platforms.

So, we are here to guide you how to embed a Facebook Social Wall on these websites building platforms by following few simple steps. It is really as easy as taking a cakewalk.

Here are some famous and important website building platforms –

Embed Facebook Feed on Website

In order to embed Facebook post on your website, you first need to get an HTML code from the Taggbox Wall Editor. Steps for obtaining an embed code for the social wall are the same for all the website building platforms.

Steps to generated HTML embed code are as follows-

  • Click on the Display button in the bottom left side of the wall editor.
  • Now, select “Embed in Website”.
  • Next, select HTML as your website building platform.
  • Set the width and height as per the requirements of your website.
  • Now click on Get Code. You could also preview how your Facebook feed would look like on your website.

Great! You have successfully generated the website embed code from Taggbox. Now you just need to go to your web page and paste the embed code to display Facebook feed on your website.

How to Embed Facebook Post on Website

Now having done the task of creating a Facebook social wall with Taggbox, you are all ready to embed Facebook feeds on your Website.

Embed Facebook Feed

Follow the below steps to embed Facebook feed on a your suitable website platform.

Embed Facebook feeds on HTML Website

Hypertext Markup Language (HTML) is the standard markup language for building web pages and web applications with CSS and Javascripts.

In order to embed Facebook posts on an HTML website, follow these really simple steps and you can see a Facebook social hub on your HTML website.

1. Select HTML as your website building platform.

2. Generate the Website Embed Code from Taggbox just like you did in the above HTML example. Once the code is generated, copy it on the clipboard.

3. Once the embed code is generated, copy it on clipboard.

4. Now open the webpage backend where you want to display the Facebook social hub.

5. Now paste the copied embed code on your website page. Remember, if you are not a technical expert then ask your web developer to do it for you.

Following these simple steps, you can easily embed Facebook feeds on your HTML website.

Embed Facebook feeds on WordPress Website

WordPress is open-source software that is both easy and priceless. It is the platform of choice for over 32% of all the sites across the globe. It provides everyone with an opportunity to create and share. It stores your content and allows you to create and publish web pages requiring an only a domain and a hosting site to work.

Embed Facebook Feed on WordPress

Embed Feed with WordPress 5.0

Recently WordPress updated itself to a newer version, WordPress 5.0.

In order to embed Facebook feeds on your WordPress website, follow these simple steps given below –

1. Select WordPress as your website building platform.

2. Generate the Website Embed Code from Taggbox just like you did in the above HTML example. Once the code is generated, copy it on the clipboard.

3. Open the page in your WordPress backend where you want to embed the Facebook feeds.

4. Select “(+)Add Block” in the top left corner of the WordPress Editor.

5. Here, click on Formatting and then choose Custom HTML.

6. Paste the copied code in the editor.

7. Click on Publish/Update post and You’re done.

Embed Facebook Post with WordPress Classic Editor

In case you are still using the older version of WordPress, the steps to be followed are a little different. But no worries, here they are-

1. Select WordPress as your website building platform.

2. Generate the Website Embed Code from Taggbox. Once the code is generated, copy it on the clipboard.

3. Open the page in your WordPress backend where you want to embed the Facebook feeds.

4. On the right-hand side, you will find a Visual and a Text option.

5. Choose the Text Mode.

6. Paste the generated embed code where you want to show your wall.

7. After embedding the code, click on Update/Publish to save the changes.

See, wasn’t it simple. Let’s see how to embed Facebook post on other website building platforms too.

Facebook feeds on Wix Website

Wix is a growing cloud-based development platform with over a million users worldwide. It is the best platform to promote your business, showcase art or set up an online shop or test new ideas. It provides with various templates to create a fully personalized, highly creative and high quality free website. Wix Artificial Design Intelligence instantly designs a website personalized just for you with complete professional texts and images.

Embed Facebook Feed on WIX

In order to embed Facebook feed on your Wix website, follow these few simple steps and you’re done.

Embed Facebook Feed on WIX

1. Select WIX as your website building platform.

2. Generate the Website Embed Code from Taggbox just like you did in the above HTML example. Once the code is generated, copy it on the clipboard.

3. Now open your WIX Editor and navigate to the page where you want to embed the Facebook social hub.

4. Click on “+Add” Button.

5. Click on More and then Select HTML iframe from the Embeds.

6. Now paste the HTML code generated from Taggbox in the code field.

7. Click on Apply to save the changes.

Bravo! You have successfully embedded the Facebook social hub to your WIX website.

Facebook feeds on Squarespace Website

Squarespace is a SAAS based website building and developing platform which allows you to add any external code on a webpage by using the Embed Blocks. It provides it’s users with features like beautiful design templates, 3rd party apps and integration, CSS access and customization etc.

Embed Facebook Feed on SquareSpace

In order to embed Facebook social hub on your Squarespace website, just follow these simple steps –

Embed Facebook Feed on Website

1. Select Squarespace as your website building platform.

2. Generate the Website Embed Code from Taggbox just like you did in the above HTML example. Once the code is generated, copy it on the clipboard.

3. On Squarespace, navigate to the page where you want to embed the Facebook social hub.

4. Click on “+ Add/Edit Block “ .

5. Select Embed Code from the Menu.

6. Click on the </> icon in the URL field.

7. Paste the copied code and click on Apply.

8. Save the page to apply the changes.

The embedded Facebook feed will be displayed on your website.

Facebook feeds on Weebly Website

Weebly is a website building platform and an e-commerce service, currently serving businesses on more than 50 million sites around the world. Weebly provides it’s users with powerful tools which makes it easy to build a professional, mobile optimized site and grow businesses with integrated marketing and advanced analytics.

In order to embed Facebook feeds on Weebly website, follow these simple steps and you can see your Facebook Social Hub being displayed on your website.

1. Select Weebly as your website building platform.

2. Generate the Website Embed Code from Taggbox just like you did in the above HTML example. Once the code is generated, copy it on the clipboard.

3. On Weebly, navigate to the page where you want to embed the Facebook Social Hub.

4. On the Navigation bar on the left, click on “Embed Code” and drop it on the position where you want to display the feeds.

Embed Facebook Feed on Weebly

5. Now click on HTML box and Edit Custom HTML option.

Embed Facebook Feed

6. Here, paste the copied code in the box.

7. Publish your changes to successfully display the Facebook feeds on your website.

Facebook feeds on Shopify Website

Shopify is a major  e-commerce website building platform that allows merchants to design, develop, market, and sell any type of goods to customers around the world. Shopify enables you integrate more than 70 payment gateways with checkouts in more than 50 languages, which makes it easy to sell products to customers anywhere in the world.

In order to embed Facebook feeds on Shopify Website, you need to follow these steps and you’re done.

1. Select Shopify as your website building platform.

2. Generate the Website Embed Code from Taggbox just like you did in the above HTML example. Once the code is generated, copy it on the clipboard.

3. Login to your Shopify store.

4. Navigate to Online Stores and then to the Themes Menu in sidebar.

Embed Facebook Feed on Shopify

5. Go to Edit HTML/CSS option on top right of page.

Embed Facebook Feed

6. Select Layout/ Templates/Section (E.g. For Homepage – Index.liquid) where you want to display your Facebook Social Hub.

7. Paste the copied code.

8. Click on Save.

And with this your Facebook feeds will be embedded on your Shopify website.

Also Read – Embed Instagram Feed On Your Website

SUMMARY

So, above we guided you with how to embed a Facebook Social Hub on your website to drive more potential traffic to your website, increase your visitors’ dwell time and shoot your sales conversion rates to another level.

So, what are you waiting for! Grow your business and website traffic by embedding  Facebook feeds on your websites.

In case you still have any query left, contact us.

Let’s start engaging your website visitors

Leave a Reply

Editors' Picks