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.
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
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.
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
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
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
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 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 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
In order to embed Facebook feed on your Wix website, follow these few simple steps and you’re done.
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.
In order to embed
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
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.
5. Now click on HTML box and Edit Custom HTML option.
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.
5. Go to Edit HTML/CSS option on top right of page.
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
Editors’ Pick
20 Content Marketing Strategy Insights For 2020January 15, 2020
