People Web Part in SharePoint Online

We can use the People web part in SharePoint Online to display users from our organization. You will learn how to add a people web part to a SharePoint site page and how to customize it 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 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.

SharePoint online people web part

Add a people web part to a SharePoint Online

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 modern SharePoint
  • Now search for a People web part and select it as shown below:
People web part in SharePoint
  • We can see that the People web part is added to the SharePoint Online site page.
Add a people web part in SharePoint online

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

Add a people web part in SharePoint

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.

Add a people web part in modern SharePoint
  • Now, if we will click on any one of our team members and we can see their details.
How to add a people web part in SharePoint online

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 part on a SharePoint site page. We will customize it by providing:

Add a title to the people web part in SharePoint online

When we add a SharePoint people web part, we can see a People profiles option on the Web part.

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

How to add a people web part in SharePoint

This is how to add a Title to the People web part on 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
How to add a people web part in modern SharePoint

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.

SharePoint people web part

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 people web part

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
Add SharePoint people web part
  • Enter a tagline for this person: Provide any tagline for this person if necessary. Example: No errors, just pure functionalities
Modern SharePoint online 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.
Add SharePoint online people web part

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.

Add modern SharePoint people web part

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

how to add SharePoint online people web part

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

Conclusion

We can easily use a SharePoint people web part to display users from our organization inside a SharePoint site page.

You may also like: