Skip to main content

Utilize the out of the box web parts and add social media feeds on modern pages SharePoint online

In this article, we are going to learn, how to add social media feeds. There are several web parts available out of the box to add social media on the modern page. Those web parts are quite useful in building the intranet.

Add social media feeds to the SharePoint page.

To add twitter feeds to on the page, follow the steps mentioned below:

1. Edit the page and click on the add icon for adding the web part.
2. Search for the twitter web part and add it.


3.  Now go to the web part properties and add the twitter handle you want to add.

 You can also change the theme color and the numbers tweets to show on-page.
4. Once you done all the settings. Republish the page.

You can embed Facebook public feeds on your site by following these steps:

  1.  First, we need to get embed code from Facebook page plugin.
  2.  Now paste the Facebook page URL and set the height - width.
    Facebook feed

     
   3.  Now click on the get code. Select IFrame and copy the code.
        
Facebook feed
 
 4.  Once you get the code, Login on your SharePoint site where you want to add the code and add embed web part.


5.  After adding the web part, paste the embed code and republish the page. If you get error, move to point 6.

   
6.  Error "Embedding content from this website isn't allowed, but your admin can change this setting. They will need to add 'www.facebook.com' to the list of sites that are allowed." is stating that feed from website facebook is not allowed. To resolve this move on the site settings  and move to HTML Field Security.



7.   In the box next to Allow Iframes from this domain:  type Facebook and add this domain. Click on OK.

8.  Now repeat step 5 and paste the embed code. Now Facebook feeds will display on the page.



Thanks!!!!! 

Comments

  1. Great Post. I am thankful to you for sharing this post. This is very useful for me and as well as for others. Your article is very well written and unique. please keep sharing such posts.
    smm panel

    ReplyDelete
  2. I am thankful to you for sharing this post. This is very useful for me. Your article is very well-written and has simple language

    ReplyDelete
  3. I am thankful to you for sharing this post. This is very useful for me. Your article is very well-written and has a simple language.

    ReplyDelete

Post a Comment

Popular posts from this blog

SPFx Interview Questions With Answers

In this article, we are going to discuss interview questions related to the SPFx (SharePoint Framework Development ). It will help you to prepare for the interview and in getting clarity on the core concepts of SPFx development. What is SPFx? SPFx, short for SharePoint Framework,  SPFx  allows us for client-side SharePoint development, we can easily connect with SharePoint data and it also supports for open source tools. What is the major difference between SPFx web part and the SharePoint app? Both the development model supports client-side development but the major difference between these two is that the SharePoint app(add-in) runs on the iframe. What you can build with SPFx? Using SPFx framework we can customize the SharePoint pages. We can build things mentioned below using the SharePoint Framework(SPFx). Web parts, Extensions, Adaptive Card, Library Component How many types of extensions we can create using SPFx? SPFx has three extension types: Application Customizers: Using the

How to register an app in SharePoint

In this article, we are going to learn how to register an app/add-in in SharePoint online. If you have created a Sharepoint provider-hosted add-in or other SharePoint solution and to access the SharePoint site or list using the app/add-in you need to register the add-in on SharePoint and to grant permission. Register app in SharePoint 1. Login into SharePoint and Navigate to register an app page. Use the URL mentioned below:          [Sitecollection URL]/_layouts/15/appregnew.aspx 2.  Once you navigate to the Register app page, a form will open. You need to fill all the fields on the form. Client Id and Client Secret  generated when we click on the generate button available next to the fields.  Title : Name of the add-in which you want to give. App Domain : Where your domain is hosted, for the local environment you can place             "www.localhost.com". Do not include HTTP or HTTPS in App Domain. Redirect URL :  Insert the redirect URL, for t

Permission XML for SharePoint Add-in

In this article, we will be discussing the permission XMLs, which are used to provide permission to SharePoint add-in. Permission XML for the SharePoint app. You can set the App only permission, by setting "true" or "false" in  AllowAppOnlyPolicy=“true” in these permission XMLs.   If add-in granted permission to tenant scope, It includes all children in scope. Before granting access to the app, need to register an app. Follow this link for step by step guide to  How to register an app/add-in in SharePoint   Providing access to add-in at tenant level: To provide access at tenant level user must have the tenant admin level permission. To grant this permission tenant admin can use this URL   https://tenantName-admin.sharepoint.com/_layouts/appinv.aspx Search the App Id (Client ID) and it will fetch all the information which you provide at time of registration of app.   Assign full control at tenant level : <AppPermissionRequests AllowAppOnlyPolicy="true&quo