Follow the simple steps to embed Facebook feed on your website
Add Facebook Feeds
To Embed Facebook Feed on websites, first, you need to Add Facebook Feed On Taggbox Widget Editor. So follow the given steps:
Try Taggbox Widget – Start Your 14 Days Free Trial
Step 1
Create a Taggbox Widget Account or Login if you already have an existing account.
You’ll be automatically redirected to Taggbox Widget Dashboard.
Step 2
Click on the “Add Social Feeds” option to start adding Facebook feeds to your widget.
Step 3
A dialog box “Pick a source” will appear; select Facebook as a source of aggregating feeds
Step 4
A new dialog box will appear with “Create Facebook Feed” options to aggregate:
You can aggregate from the following source:
- Page – to fetch Facebook Page posts on your Facebook Feed Widget.
- My Profile Posts – to fetch your Facebook Profile posts on your Facebook Feed Widget.
- Albums – to fetch your Facebook Photo Albums on your Facebook Feed Widget
- Page Reviews – to fetch your facebook reviews on your Facebook Feed Widget
- Page Mentions – to fetch the feeds in which your profile handle is mentioned to your Facebook Feed Widget
Step 5
Choose your method of aggregating feeds and enter the input accordingly.
Lastly, Click “Create Feed” button.
A “Continue with Facebook” pop-up will appear; proceed to Login to a Facebook account to provide authorization for aggregating.
After entering the valid credentials, in some seconds, your feeds will be displayed.
Tip: You can refine the aggregation process, enable the checkboxes on the above options accordingly.
Tip: Taggbox provides a “Design” option to customize your feed’s display, with many options to choose between according to your need.
Embed Facebook Feed On Website
To embed Facebook feed on your website you need to follow below steps –
Step 1
Click the “PUBLISH” button on the bottom-left of the screen; You can also see the PREVIEW of how your feeds gonna look on different devices.
Step 2
A new Dialog Box named “Choose Your Platform” will appear; select the logo of your website platform or else select “OTHER” if your platform is not mentioned.
For example:
Embed Facebook Feed on HTML Website
Step 1
To embed your Facebook feed on an HTML website, choose HTML as your platform.
Step 2
A new Dialog box HTML will appear.
Step 3
Set the width and height or select auto then Click on GET CODE and COPY the whole generated code:
Finally, PASTE into the HTML website webpage where you want to embed the Facebook feeds
Embed Facebook Feeds on WordPress Website
Step 1
To embed your Facebook feed on the WordPress website, choose WordPress as your website platform.
Step 2
A new Dialog box WordPress will appear.
Step 3
Set the width and height or select auto then Click on GET CODE and COPY the whole generated code:
Tip: You can also use the Taggbox Widget WordPress Plugin for making the process of integration more effortless and smooth.
Now follow the below steps for embedding the Facebook Feeds into WordPress websites using the Modern and Classic editor:
A. Embed Facebook Feed On WordPress 5.0 Website
Learn here how you embed Facebook feed On WordPress 5.0 Website
Step 1A
Open the page/post in your WordPress backend where you want to embed the Facebook feeds.
Step 2A
Select “(+) Add Block” in the top left corner of the WordPress Editor.
Step 3A
Here, click on Formatting and then choose Custom HTML and paste the copied embed code in the editor.
Step 4A
Click on Publish/Update post and You’re done.
B. How You Embed Facebook feeds on WordPress Classic Editor
Learn here how you embed Facebook feeds on WordPress Classic Editor
Step 1B
Open the page/post in your WordPress backend where you want to embed the Facebook feeds.
Step 2B
On the right-hand side, you will find a Visual and a Text option. Choose Text Mode.
Step 3B
Paste the generated embed code where you want to show your widget and click on Update/Publish to save the changes.
Embed on WIX Website
To embed your Facebook feed on the Wix website, choose Wix as your website platform.
Now follow these steps –
Step 1
Open your WIX Editor and Navigate to the Page Where you want to Embed Taggbox.
Step 2
Click on “+ Add” Button.
Step 3
Click on More and Select Embed a Site.
Step 4
Check & Copy the “Website Address” under 5Th step.
Step 5
Paste the generated URL into the “Website Address” field.
Embed on Squarespace Website
Step 1
To embed your Facebook feed on Squarespace website, choose Squarespace as your website platform.
Step 2
A new Dialog box Squarespace will appear.
Step 3
Set the width and height or select auto then Click on GET CODE and COPY the whole generated code.
Step 4
On Squarespace, Navigate to the page where you want to embed Facebook Feed Widget.
Step 5
Click on Edit.
Step 6
Click on +Add/Edit Block.
Step 7
Select Code.
Step 8
Paste the Copied code and Click on Apply.
Step 9
Save the page to apply the Changes.
Embed on Weebly Website
Step 1
To embed your Facebook Feed on the Weebly website, choose OTHER as your website platform.
Step 2
A new Dialog box OTHER will appear.
Step 3
Set the width and height or select auto then Click on GET CODE and COPY the whole generated code.
Step 4
On Weebly Navigate to the page where you want to embed Facebook feed widget.
Step 5
In the left navigation bar, drag “Embed Code” and Drop it on the position where you want to display the Facebook Feeds Widget.
Step 6
Click on Edit Custom HTML and paste the Copied embed code into the Container.
Step 7
Publish your changes.
Embed Facebook Feed on Shopify Website
Step 1
To embed your Facebook feed on the Shopify website, choose Shopify as your website platform.
Step 2
A new Dialog box Shopify will appear.
Step 3
Set the width and height or select auto then Click on GET CODE and COPY the whole generated code.
Shopify gives you the option to embed your Facebook feeds either on default Pages or New Pages or Blog Posts. Here are the steps to embed Facebook feeds on all the 3 types:
Default Pages
Follow these steps for Default Pages:
Step 1
Login your Shopify store and navigate to Online Store-> Themes Menu in the sidebar.
Step 2
Click on the Customize button.
Step 3
Then Navigate to left side of the page and click on Custom Content.
Step 4
Then click on Custom HTML and paste the Copied code and Click on Save.
New Pages
Follow these steps for new pages:
Step 1
Login to your Shopify store and Navigate to Online Store->Pages menu in the sidebar.
Step 2
Click on Add Page.
Step 3
Select Show HTML (<>) option of Text Editor.
Step 4
Paste the Copied code and Click on Save.
Blog Posts
Follow these steps for Blog Posts:
Step 1
Login to your Shopify store and Navigate to Online Store->Blog posts menu in the sidebar.
Step 2
Click on Add/Create Blog Post on the Top right of the page.
Step 3
Select Show HTML (<>) option of Text Editor.
Step 4
Paste the Copied code and Click on Save.
Try Taggbox Widget To Embed Facebook Feeds – Start Your 14 Days Free Trial
If you have any questions or need help, please Contact us or write us at [email protected].