Learn how to use the People web part to display a group of people from your organization.
- [Instructor] Have you ever wished that you could figure out who people are, who they work with, or what they're even responsible for? How about having an easy way to contact them? The people web part let's you display photos, contact information, and more right on your site page. The launch team has just been announced, so let's showcase them on our launch page. Now previously we created this page and added a whole bunch of text, but it's not really visually interesting, and it's a little bit busy. Why don't we break it up and actually add the people's pictures, and their information, and a way to contact them right on the page? To add the people web part, let's click the Edit button.
And we're gonna place this right at the top of the page so everybody can see it. Click the add new web part button. And then, search for people. Looks like we found it, so let's select from our options. Now we can add multiple people profiles here. In the text below, we have people that have been identified as our launch team. So we have Jennifer, we have Chong, we have Safeek, and Mark. So let's go ahead and add their names.
As you can see, it searches our directory and finds them, so let's look, Jennifer here. And then, let's do the same for the next three people. And look, now we have pictures of them, how helpful is that? Let's go ahead and save this as a draft. I like to save in between, because sometimes things freeze up on me, and I want to save the changes that I've already made.
We'll just go ahead and re-edit the page again. Just like our other web parts, we have some options available here. On the left-hand side, you have an option for compact, or descriptive. Rather than having all of that busy text on my page, I'd rather give them little cards that tell me information about this person. So let's choose descriptive. And I'm just gonna close the pane on the right. Now not only can I see their picture, I can also see their title, and I can add a description for this person, which we can pull from that text below.
Let's scroll down to the text and copy the information here. Here's the text about Miss Dawson. And we'll just copy and paste that into the description. Let me go ahead and do that for us for the next three staff members. Now I've added the descriptions, now keep in mind, the space is limited, so you may want to make them short and sweet if you can.
A couple of other options here, we have the ability to add a profile link. A profile link might be to their local profile within the organization, or it could be something like LinkedIn if you want to add those as well. After we're done building our tiles, let's go ahead and publish the page, and look and see what we get. How much more interesting is that then a bunch of text? I think it's a whole lot easier to identify who these people are and what they do for the organization without having to read a lot of busy text. But there's some other magic things that happen with this particular web part.
First of all, hover over the person, and you get contact information for them, and then a whole detail card about who they are, and where they come from, and how to get into contact with them. Also even files that they've already been working on, or you can click the Show more button. And it brings open an entire pane about this person, how to contact them, information about them, their organizational chart if it's been loaded, files they've been working on, and their LinkedIn profile if it's been attached.
I love the people web part. To me, it's visually appealing, plus it's very informational, and helpful, and useful. So instead of adding a bunch of text to a page, why not use the people web part to really showcase and highlight your staff? Now, notice that Safeek doesn't have a picture, she's brand new to the organization, so it's important to keep that information up-to-date so that it's useful for people.
- Recall how many items can be displayed on the Hero web part.
- Name a layout option for a page section.
- Recognize the best layout option for a news source.
- Define the descriptive layout option.
- Determine which type of map can be added to a site as a web part.
- Apply appropriate settings used when adding a Twitter web part.
- Identify the steps used to add a URL to the site navigation.