How to Use People Web Part in SharePoint Online

In this SharePoint tutorial, we will see about the People web part and what is the use of the People web part on the SharePoint site page.

Also, how to add a people web part to a SharePoint site page and how to customize the people web part by adding a title, Changing the layouts, Dragging a profile, and arranging them in the SharePoint site page.

SharePoint Online people web part

We will utilize this People web part to display the users/team members and their profiles on a SharePoint Online site page.

Example: Suppose we have a SharePoint Online site page regarding Semiconductors Transaction details, but we should know who all our team members are handling that and if necessary how we can contact them. So there we can add a people web part.

So, when a user clicks a particular person’s name from the People web part, then he/she will get all the information about the person like Full name, Job role, Email ID, etc.

Add a people web part to a SharePoint Online site page

Here we will see how to add a people web part to the SharePoint Online site page.

  • Click on the +(Add a new web part in column one)
People web part in the Modern SharePoint site page
People web part in the Modern SharePoint site page
  • Choose People as shown below:
People web part in the SharePoint site page
People web part in the SharePoint site page
  • We can see that People web part is added to the SharePoint Online site page.
People web part in the Modern SharePoint Online site page
People web part in the Modern SharePoint Online site page

Now, we will add our team member who is handling Semiconductor Transaction details.

People web part in the SharePoint Online site page
People web part in the SharePoint Online site page

We can see in the above image when we added our team members, we will get their Name and their Job role. Also, it provides the next people to add. We will add some of our team members who are handling it.

People web part in the Modern SharePoint site page examples
People web part in the Modern SharePoint site page examples
  • Now, if we will click on any one of our team members and we can see their details.
People web part in the SharePoint Online site page examples
People web part in the SharePoint Online site page examples

This is how we added a people web part and team members to the SharePoint Online site page.

Customize SharePoint Online People Web Part

Here we will see how to customize a People web art on a SharePoint site page. To customize it, we need to click on the Edit icon on the SharePoint site page.

People web part in the SharePoint site page examples
People web part in the SharePoint site page examples

Add a Title to People web part in SharePoint Online site page

When we add a SharePoint people web part, we can see that Add a Title option is present on the Web part.

We can provide a People web part title by tapping on it. Example: Handling Transaction by

Modern SharePoint Online site page people web part
Modern SharePoint Online site page people web part

This is how we can add a Title to the People web part in the SharePoint Online site page.

SharePoint People web part layouts

In the people web part, we can customize the layouts in two ways as

  • Using Edit web part
  • Using the Layout Options
Modern SharePoint Online site page people web part examples
Modern SharePoint Online site page people web part examples

In the SharePoint People web part, we can find there are three types of layouts, such as

  • Small
  • Medium
  • Large

We will see each of them using the Edit web part.

Modern SharePoint site page people web part examples
Modern SharePoint site page people web part examples

Small: By default, a small layout we be displayed when we add a SharePoint people web part. It will be displayed with the Team Member’s name and their Job role.

Modern SharePoint site page people web part with examples
Modern SharePoint site page people web part with examples

This is how the Small layout will be displayed on the SharePoint Online site page.

Medium: If we choose medium, the layout will display in a medium size and also we can provide details as

  • Add a Profile link: So we can add their profile link. For Example their Linkedin link else their Mail ID. When we click on this it asks us to
    • Address: Provide a link here.
    • Text to display: Based on the link provide a text. Example: Contact -> Click on the Save button to save our changes
Modern SharePoint Online site page people web part with examples
Modern SharePoint Online site page people web part with examples
  • Enter a tagline for this person: Provide any tagline for this person if necessary. Example: No errors, just pure functionalities
SharePoint Online site page people web part
SharePoint Online site page people web part

This is how the Medium layout will be displayed on the SharePoint Online site page.

Large: If we choose Large, the layout will display in a large size and also we can provide details as

  • Add a Profile link: So we can add their profile link. For Example their Linkedin link else their Mail ID. When we click on this it asks us to
    • Address: Provide a link here.
    • Text to display: Based on the link provide a text. Example: Contact -> Click on the Save button to save our changes
  • Enter a Description for this person: We will provide little details about this person. Example: Contact me based on the Transaction issues.
Modern SharePoint Online site page people web part with an examples
Modern SharePoint Online site page people web part with an examples

This is how we customize SharePoint People web part layouts on the site page.

Rearrange Profile in SharePoint Online People web part

We can drag a Team member’s profile from one place to another and arrange them using the drag icon.

Modern SharePoint site page people web part with an examples
Modern SharePoint site page people web part with an examples

Now we will drag the team member profile from one place to another and arrange them.

SharePoint Online site page people web part with examples
SharePoint Online site page people web part with examples

This is how we customized the people web part on the SharePoint Online site page.

Conclusion

Here, we learned what is a SharePoint Online people web part, especially how to use the people web part in SharePoint. Then we saw, how to customize a people web part in SharePoint Online.

You may like the following tutorials: