How to use People web part in SharePoint Online

This SharePoint online tutorial explains everything on the SharePoint Online People web part, and also we will learn how we can use the people web part in SharePoint Online to display user profiles.

We can use the People web part in the SharePoint Online sites, SharePoint Server Subscription Edition, and SharePoint Server 2019.

People web part in SharePoint Online

  • Microsoft provides the People Web Part to display Selected User’s Profile on our Modern SharePoint page.
  • When we hover over the User’s Profile, we can easily find the user’s information like the User’s Profile Picture, User Contact information and also User Job Role, etc.,
  • We can also add links and descriptions for the selected user profile in the modern SharePoint people web part.

Read SharePoint Highlighted content web part

How to add People web part in SharePoint online

Let us see how to add the People web part to the modern SharePoint site page,

  • Open the SharePoint site page where you want to add People web parts to the SharePoint modern site page.
  • Select Edit Page at the top right of the SharePoint site page.
  • Click + circled icon then add a new Section layout.
  • In the search box, enter People and select the People web part.
sharepoint team members web part
People web part in modern SharePoint
  • After adding the People Web Part, we can enter the name or email address of the users in the modern SharePoint People web part.
  • In addition, we also have an option to rename the title of the People web part.
  • We cannot add external users to the People web part.
People web part in the modern SharePoint
People web part in the modern SharePoint

This is how we can add the People web part to the modern SharePoint site page.

Read How to use File viewer web part in SharePoint Online

Remove People from People web part in SharePoint online

Let us see how we can remove the People profile from the people web part in SharePoint online,

  • Select (X) icon to remove people or user profiles from the people web part in the Modern SharePoint page.
  • Select Republish to save your changes.
SharePoint online remove user profile from people web part
SharePoint online remove user profile from people’s web part

This is how we can remove the People profile from the people web part in SharePoint online,

See also  Display modal pop up in SharePoint Online/2013/2016

Edit SharePoint Online People web part

Let us see how to edit the People web part in SharePoint online,

  • Edit the People web part, and in the property pane on the right, we can choose the layouts that we want to display on our SharePoint Modern page.
  • Once you add the person’s name, It will display the user profile of the particular person, and it also displays who are reporting to the mentioned user.
  • The selected user, who reports will appear in the upper-most box, and everyone who reports to the Selected user will appear underneath that box.
  • Select Republish to commit your changes.

In the below example, in the Name or email address prompt box, I mentioned the user name as Bijay Kumar and Preeti Sahu, so that we can see the Selected user’s Profile and to whom they are reporting.

SharePoint online people web part
SharePoint online people web part

Now if we select the User name as Pretti Sahu, we can see the user’s who are reporting to Preeti Sahu and the selected user’s profile on our SharePoint page.

SharePoint online people web part selected profile
SharePoint online people web part selected profile

Under Organization we can also see the option Preeti Work with and displays some of the Team members from the organization.

SharePoint online people web part selected profile example
SharePoint online people web part selected profile example

This is how we can edit the People web part to add or remove the Users in the SharePoint online People web part.

Read SharePoint Quick Links Web Part

SharePoint Online People Web Part Layouts

Let us see what are the layouts available in the People web part in SharePoint,

When we edit the People web parts, in the property panel we can see the layout options.

We can choose any one of the layouts that we want to display the People web part, either we can display the Compact Layout or Descriptive Layout.

See also  How to Update SharePoint list item only one field using Power Automate?

If we Select the Compact layout option, then the people web part looks as shown below, In the Compact layout option, we cannot add a link or description for the selected user’s profile.

SharePoint online people web part layouts
SharePoint online people web part layouts

If we Select the Descriptive layout option, then the people web part looks as shown below, where we can Add a Profile link and Description for the selected user Profiles.

People web part layouts in the modern SharePoint
People’s web part layouts in the modern SharePoint
  • When we choose the Descriptive layout, we can see the additional options to add a Profile Link and to enter the description about for the Selected Users.
  • We can Insert links and add descriptions for the selected users only when the people’s web part is in edit mode, once published we cannot insert links or add descriptions.
  • Now select Add a profile link option to insert a link for the selected user’s profile like below.
Insert link in modern SharePoint people web part
Insert link in modern SharePoint people web part

In the Insert Link prompt box, enter the URL address as the user’s profile link under Address, and also we can add the text that we want to display under the Text to display option. Now Select Save and Republish to save your changes.

Insert link in the modern SharePoint people web part
Insert link in the modern SharePoint people web part

Now we can see that the Profile link is added for the selected user and the text is also displayed in the User’s profile. When users select the profile link it redirects to the mentioned URL.

SharePoint online people web part insert links
SharePoint online people web part insert links

Now select the Enter a description for this person to add a description for the selected user’s profile, In the description box, the maximum number of characters that we can enter is 255. Click Republish to save your changes.

SharePoint online people web part add description
SharePoint online people web part add a description

Now we can see that the description is added for the selected user.

SharePoint online people web part add description example
SharePoint online people web part add description example

These are the two layout options, available in the modern SharePoint people web part and this is how we can add links and descriptions for the selected user’s profile in the Descriptive layout in SharePoint online people web part.

Read SharePoint Image Web Part

Reorder People in Modern SharePoint People Web Part

Let us see how we can reorder selected user profiles in the modern SharePoint people web part,

  • Using the Move button, we can easily reorder the selected user profile position in the modern SharePoint people web part.
  • Another way is using the arrow keys ctrl+ left or ctrl+right, we can easily drag the selected user profile to the new location.
Reorder People in the Modern SharePoint PeopleWeb Part
Reorder People in the Modern SharePoint PeopleWeb Part

This is how we can reorder selected user profiles in the modern SharePoint people web part,

See also  Registration form design in HTML and CSS with code

Read How to use quick chart web part in SharePoint Online

Move, duplicate or delete the Modern SharePoint People Web Part

Let us see how we can move, duplicate or delete the People web part in modern SharePoint.

To Move the People web part, select the Move web part option in the toolbox on the left of the People web part box. Drag the icon to the place where you like your People web part to be located. 

Move People web part section in the Modern SharePoint
Move People web part section in the Modern SharePoint

 To make a copy or duplicate of the People web part in SharePoint online, select the duplicate option in the toolbox it will make a copy of the People web part. 

Duplicate People web part in the Modern SharePoint
Duplicate People web part in the Modern SharePoint

To delete the People web part from the SharePoint Online site, select a Delete option in the toolbox.

Delete People web part section in the Modern SharePoint
Delete People web part section in the Modern SharePoint

This is how to move, duplicate or delete the People web part in the modern SharePoint site.

Related SharePoint tutorials:

In this SharePoint tutorial, we have learned everything on SharePoint online people web part, how to use people web part to display user profiles, how to add links and descriptions for the selected user’s profile in descriptive layout, and also covered the below-mentioned topics:

  • How to add People web part in SharePoint online
  • How to Remove People from People web part in SharePoint online
  • Edit the People web part in Modern SharePoint
  • SharePoint Online People Web Parts Layouts
  • Reorder People in the Modern SharePoint People Web Part
  • Move, duplicate or delete in the Modern SharePoint People Web Part
  • Hi Bjay,

    I was wondering if you know a way to use People Web Part with Power Automate. What I mean by this some teams have a large number of default profiles under the manager so when we use Organization it populates those as well.

    So instead I’m thinking of using Power Automate to pull only actual people (based on their email addresses assigned to them) that would be updated in real time so when someone joins the team or leaves the team the flow would be checking for this maybe once a week or every other week?

    Do you know if this can be done?

    Thanks!

  • >