How to Embed Facebook Page into SharePoint Online Modern Site Page

embed facebook page in sharepoint online

This SharePoint customization tutorial explains, how to add a Facebook page in SharePoint Online modern page.

As we know Microsoft provided many new features in SharePoint modern site, this is the one of a new feature in SharePoint modern site.

SharePoint deveopment training course

If you are new to SharePoint Online modern experience, then read below tutorials:

Embed Facebook Page into SharePoint Online Modern Site Page

Please follow the below steps to achieve this task,

Step 1: Before we start, we should have a Facebook account which we can able to log in.

Step 2: Next you have to redirect the Facebook developers site page to get the plugin so below is the URL which will take us to the Facebook developers site page.  Facebook developers site Page Plugin section.

Step 3: Once you open the page, Click on Page Plugin as per the below screenshot.

Embed Facebook Page into SharePoint Online Modern Site Page
Embed Facebook Page into SharePoint Online Modern Site Page

Step 4: I have my own personal page which I want to share to everybody so here I clicked on V Art Photography page to see the details of my page.

Embed Facebook Page into SharePoint Online Modern Site Page
Embed Facebook Page into SharePoint Online Modern Site Page

Step 5: Next click on Get Code button to get the code next click on IFrame section as per the below screenshot. Next copy the below code from step 2 section.

How to Embed Facebook Page into SharePoint Online Modern Site Page
How to Embed Facebook Page into SharePoint Online Modern Site Page

Step 6: Next go to your SharePoint modern site collection and edit the page and go to Embed section.

sharepoint online embed facebook feed
sharepoint online embed facebook feed

Step 7: Next paste the below code in the right side of the code section. Once you paste the code, you will get an error as per the below image. So follow the below steps to fix this issue.

embed facebook page in sharepoint online
embed facebook page in sharepoint online

Step 8: Go to site collection -> Site settings -> Click on HTML field Section under SharePoint site collection administration.

embed facebook page in sharepoint online modern sites
embed facebook page in sharepoint online modern sites

Step 9: Next type facebook.com in the Textbox and click on Add button and click on the Ok button to proceed.

embed facebook page in sharepoint online
embed facebook page in sharepoint online

Step 10: Next follow the same process again. Go to Embed section and paste the same code. Now you can easily save your code without any error. Once you save the page, the Facebook updates will appear in your page like below screenshot.

embed facebook page in sharepoint online modern sites
embed facebook page in sharepoint online modern sites

You may like following SharePoint customization tutorials:

Hope this SharePoint tutorial explains, how to embed the Facebook page in SharePoint Online modern sites.

Check out Best Alternative to InfoPath -> Try Now

free sharepoint training

SharePoint Online FREE Training

JOIN a FREE SharePoint Video Course (3 Part Video Series)

envelope
envelope

About Rajkiran Swain

Rajkiran is currently working as a SharePoint Consultant in QATAR . Rajkiran having 6 + years of experience in Microsoft Technologies such as SharePoint 2019/2016/2013/2010, MOSS 2007,WSS 3.0, Migration, Asp.Net, C#.Net, Sql Server, Ajax, jQuery etc.He is C#Corner MVP (2 Times).

View all posts by Rajkiran Swain →