Step By Step Guide to Embed Facebook Widget on Website-2021

7 min readDec 21, 2020

Facebook has been a breeding ground for marketers & businesses of all sizes for quite a few years. After Google and Youtube, Facebook is the third most visited platform with more than 2.41 billion monthly active users all across the globe.

For the record, over 90 million small businesses are leveraging Facebook for their business.

One of the best ways to embed Facebook widget on your website and experiencing a lot of business benefits like a boost in engagement, increased traffic, enhanced sales, and more.

So, to help you out with that, we have created a detailed guide about how to embed Facebook feed on the website.

Comprehensive Guide to Embed Facebook Widget with Tagembed

Tagembed helps you easily embed Facebook feed on any of the website building platforms without having the need for technical knowledge or expert to do so.

Mention below is the following steps that you need to follow in series!

Step 1: You need to first create an account with Tagembed.

Step 2: If you already have an account, Log-in into it.

Step 3: On the dashboard, add a Facebook feed on your widget by clicking on Add Social Feeds.

Step 4: A popup displaying Pick a Source box will appear. From this, you have to select “Facebook” as the source of your feed.

Step 5: Facebook feeds can be aggregated via Facebook Page URL, profile posts, Mentions, etc & embed on the website.

Step 6: In the end, give all the required credentials of your Facebook account.

Congrats! Now your Facebook posts will appear in the Widget Editor within a few moments.

You have to now follow the remaining steps to embed your Facebook feed on the website.

So, let’s begin!

How to Embed Facebook Feed on Website?

The most important thing you have to do is to get an Embed Code from the Tagembed Widget Editor. Also, for the website building platforms, the steps are the same to obtain an embed code for the widget.

Step 1. On the bottom left side of the widget editor, click on the Publish button.

Step 2. Now choose the ideal CMS platform such as Shopify, WordPress, Wix, etc. as per your requirement.

Step 3. Set the width and height as per the requirements of your website from Auto and Fixed.

Step 4. Then click on Get Code.

Step 5. Copy the code from the field & paste the code into the body section of your website.

You have successfully generated the code from Tagembed that you can paste on your web page to integrate Facebook posts on your website.

Embed Facebook Feed on Different Website Building Platforms

As you know that there’s not just not one but more website building platforms on which you can embed a Facebook widget by following a few simple steps.

Let’s begin with all the major platforms to make the embedding process easier for you!

#1 Facebook Feeds on WordPress Website

WordPress is open-source software that offered the opportunity to create and share web pages. It only requires just a domain and a hosting site to work. You just need a Facebook feed plugin to embed on the WordPress website.

(A). WordPress Classic Editor

For those who are using the older version of WordPress, here are the steps!

1. Select the best Tagembed WordPress Plugin.

2. Generate the Website Embed Code from Tagembed and copy it on the clipboard.

3. Open the backend of your WordPress website.

4. Look for the Visual and a Text option, from which you have to choose Text Mode.

5. Paste the generated code in the backend of your website where you want to see the Facebook feeds.

6. To save the changes, click on Update/Publish to save the changes.

(B). Embed Feed with WordPress 5.0

On the other side, to embed Facebook feeds on your WordPress 5.0 which is the updated version of WordPress. Mention below is the steps!

1. Again, choose WordPress as your CMS.

2. Generate the Embed Code from Tagembed.

3. Copy the generated code on the clipboard.

4. Now you have to open the page in your WordPress backend.

5. In the top left corner of the WordPress Editor, you can select “(+)Add Block”. Here, click on Formatting.

6. Choose Custom HTML & then paste the copied code in the widget editor.

7. Finish off the steps by clicking on Publish/Update post.

#2 Embed Facebook Feeds on HTML Website

Here are some of the easy steps to embed Facebook feed on the HTML website for building web pages and web applications.

1. Select your website building platform- HTML

2. Generate the Code from Tagembed as you did above.

3. Copy the generated code on the clipboard.

4. Now open the backend of your webpage & paste the copied code here.

6. You are done embedding Facebook feeds on your HTML website.

#3 Embed Facebook Feeds on Shopify Website

This is one of the most popular e-commerce site builders which has made it easy to sell products to customers anywhere in the world.

Here are the steps to follow!

1. Select your website building platform- Tagembed Shopify Plugin.

2. Now get the Facebook feed embed code from Tagembed & copy it on the clipboard.

3. Then you have to log in to your Shopify store & navigate to Online Stores 4. Again navigate to the Themes Menu in the sidebar.

5. On the top right of the page, go to the Edit HTML/CSS option.

6. Select Layout/ Templates/Section where you want to display your Facebook feeds.

7. Paste the copied code & Click on Save.

#4 Embed Facebook feeds on Weebly Website

To embed a Facebook feed on a Weebly website, follow these simple steps.

1. Select Weebly as your website building platform.

2. Generate the Code from Tagembed & copy it on the clipboard.

3. Navigate to the page where you want to embed the Facebook feeds.

4. Now click on “Embed Code” and paste it.

5. Click on HTML box & edit Custom HTML option.

6. Paste the copied code here in the box.

7. Lastly, publish your changes to y display Facebook feeds on your Weebly website.

#5 Embed Facebook Feeds on Wix Website

As a cloud-based development platform, Wix has over a million users worldwide & is helping businesses with promotion.

1. Select WIX as your website building platform.

2. Generate the Embed Code from Tagembed that can be copied on the clipboard.

3. Now open your WIX Editor.

4. Navigate to the page where you want to embed the Facebook feeds.

4. Click on the “+Add” button & then click on More.

5. Now select the HTML iframe from the Embeds & paste the HTML code generated from Tagembed.

7. Click on Apply & save the changes.

#6 Embed Facebook Feeds on Squarespace Website

This SAAS-based website building platform offers features like beautiful design templates, 3rd party apps, customization & more.

1. In the first step, select your website building platform i.e. Squarespace.

2. Generate the Embed Code from Taembed & copy it on the clipboard.

3. Navigate to the page where you want to embed the Facebook posts on your Squarespace website.

4. Click on “+ Add/Edit Block“ & select Code from the Menu.

5. Now click on the </> icon in the URL field.

6. Paste the copied code and click on Apply.

8. Save the page to apply the changes.

And you are done!

Tagembed- One Stop Solution for Your Business Growth

The newly introduced- ‘Tagembed’ is a perfect widget solution for embedding your Facebook feeds on the website hassle-free.

This tool helps you collect user-generated content i.e. social media feeds (via handles, pages, etc.) & curate it into a single feed called Social Media Wall.

This social wall can be embedded on any website easily but before that, you have to apply some of the features like:

Vast Customizations: Apply a variety of themes, layouts, colors & fonts, custom posts, etc to change the look of your feed.
Moderation: You can also filter the irrelevant & useless content from your feed with the help of the Moderation Panel.
Insightful Analytics: This feature helps in monitoring & evaluating the detailed insights into your users’ behavior, sentiments, and more.
More: There are plenty of other personalization features like custom promotional or branded posts into the feed, banners, tickers, announcement & highlights posts & more.

Finally, it is extremely easy to embed all the engaging, and responsive Facebook feeds on your website performance to help your business grow.

FINAL WORDS

In a nutshell, Tagembed is one such amazing tool that allows you to embed Facebook feeds just with the help of a short embed code. You can paste this code on the website, so let’s get into it.