How to Use Page Properties Web Part in SharePoint Online

This SharePoint Tutorial explains what is Page Properties Web Part in SharePoint Online, How to use Page Properties Web Part in SharePoint Online.

Moreover, we will see how to customize SharePoint Online Page properties web part with various examples.

Note:

SharePoint Page properties web part is not available in the SharePoint server 2019.

Also, Read: How to Use Bing Maps Web Part in SharePoint Online

Page properties Web Part in SharePoint Online

  • SharePoint Online Page properties web part helps you to provide the information of a specific Site page like Title, Department, etc.
  • In a Page properties web part, we can display only custom properties and a Title column but we can’t display the other default columns like Modified by, Created, etc.
  • Only some of the SharePoint columns are supported to display in SharePoint Online, they are:
  1. Single line of text
  2. Choice
  3. Date and Time
  4. Number
  5. Person or group
  6. Managed metadata
  • Let’s take a scenario. Suppose, I have a SharePoint Site Page Library and that is by default (Site Pages) in SharePoint.
  • In that Site page library, I have some site pages that I have created for different customers like HR Related Page, Press Related Page, etc.
Page properties Web Part in SharePoint Online
Page properties Web Part in SharePoint Online
  • In the above screenshot, you can see there are various columns like Name, Created, Modified by, etc. Now I will create two more columns on this Site page library i.e.
  1. Department = Choice Data type
  2. Handled by = Person Data type
Page properties web part on the SharePoint Online site page
Page properties web part on the SharePoint Online site page
  • Now by using a SharePoint Page properties web part, I would like to display all the information about a particular Site page (Semiconductor-Products). Here, all the Site page information means Department, Handled by, etc.

Check Out: How to Use Call To Action Web Part in SharePoint Online

How to use Page properties web part in SharePoint Online

Here we will see an example, Recently, while working with a USA client’s requirement, I had done the same thing. Here I have created a modern site page(Semiconductor Details) in the same SharePoint Online site and there are different Properties(columns) like below:

  • Title
  • Department
  • Handled by

These are the Page properties we have and now we will display these properties on the SharePoint site page using the Page properties web part for user convenience.

  • Open the SharePoint site page, where we want to add a Page properties web part.
  • Click on the +(Add a new web part in column one)
Page properties web part on the SharePoint site page
Page properties web part on the SharePoint site page
  • Under Documents, lists and libraries choose Page properties
Page properties web part on the Modern SharePoint site page
Page properties web part on the Modern SharePoint site page
  • Now the Page properties web part is added.
Page properties web part on the SharePoint Online
Page properties web part on the SharePoint Online
  • A dialogue box appears on the right-hand side, here we can choose the properties to display on the SharePoint site page -> Click on the +Add icon.
Page properties web part on the Modern SharePoint Online
Page properties web part on the Modern SharePoint Online
  • Now we can find the Title property will be added as shown below:
Page properties web part on the Modern SharePoint
Page properties web part on the Modern SharePoint
  • Now we will add another page property by clicking on the +Add
Page properties web part on the Modern SharePoint examples
Page properties web part on the Modern SharePoint examples
  • By default, again Title column will be added. We can change it by expanding the Property dropdown menu -> choose the property which we need to display. Example: Department.
Page properties web part on the SharePoint Online examples
Page properties web part on the SharePoint Online examples
  • Now we can see that this Page belongs to the Semiconductor team Department.
Page properties web part on the SharePoint Online site page examples
Page properties web part on the SharePoint Online site page examples
  • This page has another property, we will add it by clicking on the +Add -> choose the property which we need to add. Example: Handled by.
Page properties web part on the Modern SharePoint with examples
Page properties web part on the Modern SharePoint with examples

Now we can see that this page provides details like this page belongs to a Semiconductor team department and some of the users handle it.

Page properties web part on the Modern SharePoint with an examples
Page properties web part on the Modern SharePoint with an examples

This is how we can use the Page properties web part on the SharePoint Online site page.

Have a look: Co-authoring documents in SharePoint Online

Customize the SharePoint Online Page properties web part

Here we will see how to customize this SharePoint List Properties Web part.

To customize it, we need to click the Edit icon on the SharePoint site page.

Page properties web part on the SharePoint site page with examples
Page properties web part on the SharePoint site page with examples

Add a Title to Page properties Web part in SharePoint Online

When we add a SharePoint Page properties Web part, we can see that the Properties option is present on the Web part.

We can provide a Page properties web part title by tapping on it. Example: Page Properties

Page properties web part on the SharePoint Online with examples
Page properties web part on SharePoint Online with examples

Add or remove the properties from Page properties Web part in SharePoint Online

Here we will see how to add or remove the properties from a SharePoint Online Page properties web part

  • We can add or remove the properties from a SharePoint page by clicking on the edit icon(Edit web part).
Modern SharePoint Page properties web part
Modern SharePoint Page properties web part
  • A dialogue box appears on the right-hand side, if we want to add details click on the +Add icon.
Modern SharePoint Online Page properties web part
Modern SharePoint Online Page properties web part
  • Else if we want to remove the properties, then based on a particular property, click on the Remove icon as shown below:
Modern SharePoint Page properties web part examples
Modern SharePoint Page properties web part examples

Read: SharePoint Online List Properties Web part

Move Page properties Web part in SharePoint Online

We can move the Page properties web part from one place o another on the SharePoint Online page

  • Click on the Move icon that appears on the top of the Page Properties web part.
Modern SharePoint Online Page properties web part examples
Modern SharePoint Online Page properties web part examples
  • Drag the web part and place it based on the user’s requirement.
Modern SharePoint Online Page properties web part with examples
Modern SharePoint Online Page properties web part with examples

Delete Page properties Web part in SharePoint Online

If we need to delete the Page properties web part on the SharePoint site page, click on the delete icon(Delete web part) on the Page Properties web part.

Modern SharePoint Page properties web part with examples
Modern SharePoint Page properties web part with examples

This is how we can customize the SharePoint Online Page properties web part.

Conclusion

In this SharePoint Tutorial, we explained what is Page Properties Web Part in SharePoint Online, and How to use Page Properties Web Part in SharePoint Online.

Also, we discussed how to customize SharePoint Online Page properties web part with various examples.

Additionally, you may like some more SharePoint tutorials: