SharePoint Online Page properties web part

In this SharePoint Online tutorial, we will discuss the SharePoint Online Page properties web part.

We will discuss, what is SharePoint Page properties web part is and why we use the Page properties web part in our SharePoint modern site page and we will see a few examples based on the modern SharePoint online environment.

The Page properties web part is not available in SharePoint Server 2019.

What is a SharePoint Online Page properties web part?

  • SharePoint Online Page properties web part is used to display page information, for example, page title, different types of custom properties, and content types available on the SharePoint page.
  • We can display the page information details by using the Modern SharePoint page properties web part. We can set different types of custom properties by adding columns to the SharePoint site library.

Read SharePoint Highlighted content web part

How to add Page properties web part in SharePoint online

Let us see how to add the Page properties web part to modern SharePoint sites,

  • Go to the modern SharePoint site page where you want to add the Page properties web part to the SharePoint site page.
  • Choose Edit Page at the top right of the SharePoint site page.
  • Select + circled icon then add a new Section layout.
  • In the search box, enter the Page properties and select the Page properties web part.
add Page properties web part in SharePoint online
add Page properties web part in SharePoint online

Now, Add properties to display page information and different types of custom properties.

add Page properties web part in the SharePoint online
add Page properties web part in the SharePoint online

This is how we can add Page properties web part in the modern SharePoint.

Read How to use File viewer web part in SharePoint Online

Configure Page properties web part in SharePoint online

Let us see how we can edit and configure the page properties web part in modern SharePoint.

  • Edit the Page properties web part, select +Add to add properties and display it in the Page properties web part.
  • To remove custom properties select the Remove option.
edit and configure the page properties web part in the modern SharePoint
edit and configure the page properties web part in the modern SharePoint
  • Make sure, you have created a custom property column in the SharePoint site library so that while editing the properties web part you can see the create column option.
  • In this example, I have created a choice column called Courses.
edit the page properties web part in modern SharePoint
edit the page properties web part in modern SharePoint

Now, below the screenshot, we can see, that we can add the newly created custom column property Courses from the dropdown.

edit page properties web part in the modern SharePoint
edit page properties web part in the modern SharePoint

Select the Page details option, to add values to display in the page properties web part, we can also have an option to change the thumbnail image.

edit page properties web part SharePoint online
edit page properties web part SharePoint online

Select Publish or Republish option to save your changes, and also we can see it displays the selected value in the Page properties web part.

Page properties web part in modern SharePoint
Page properties web part in modern SharePoint

In the site pages, we can check for the Communicate site page (highlighted red), the course value is added SPFX

In the site pages, we can check for the Communicate site page (highlighted red), course value is added SPFX as shown below:

configure the page properties web part in the modern SharePoint
configure the page properties web part in the modern SharePoint

This is how we can edit and configure the page properties web part in modern SharePoint.

Read SharePoint Quick Links Web Part

Move, duplicate or delete the Modern SharePoint Page properties Web Part

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

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

Move page properties web part section in the Modern SharePoint
Move page properties web part section in the Modern SharePoint

Select the Duplicate web part option presented in the toolbox. This will make an exact copy of the page properties web part.

duplicate page properties web part section in the Modern SharePoint
duplicate page properties web part section in the Modern SharePoint

To delete or remove your page properties web part from the SharePoint Online site, select the Delete web part option in the toolbox.

Delete page properties web part section in the Modern SharePoint
Delete page properties web part section in the Modern SharePoint

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

You may like the following SharePoint web part articles:

In this SharePoint tutorial, we have learned SharePoint online Page properties web part, how to add and display the page information by using the Page properties web part to the SharePoint modern page, and also covered the below-mentioned topics:

  • Configure the Page properties web part in SharePoint online
  • Move, duplicate or delete the Modern SharePoint Page properties Web Part
>