Create and use modern pages on a SharePoint site

What would you like to do?

• Add and publish a page

• Add web parts

• Customize the title area

• Help others find your page

• Edit your page and check spelling and grammar with Editor

• Use page anchors (bookmarks)

• Learn about comments, likes, and views

• Immersive reader in pages

• Expand content (focus mode)

• Save for later

• Share your page

• Find out where pages are stored

• Delete your page

Add and publish a page

1. Go to the site where you want to add a page.

2. Go to the home page of the site.

3. Select + New , and then select Page .

   

   Alternately, you can go to an existing page, select + New , and select Page . Or, you can choose Copy of this page to create a new page that has the same web parts and content as the existing page.

4. Choose a page template to start with. For this example, we'll use the Blank template. Then select Create page .

   Note: To make a private draft, select Create as a private draft . Private drafts are only visible to you and the people you share it with.

   

5. Add a page title in top area where it reads Add a title . A page title is required to save the page. Check out the Customize the title area .

Add web parts

Web parts are the building blocks of your page. For more information on the different types of web parts and how to use them, check out Using web parts on pages .

1. If you have the content pane enabled:
   Select Toolbox on the right to add content like text, documents, video, and more.
   
   
   If you do not have the content pane enabled:
   Hover your mouse below the title area and there will be a line with a circled +, like this:
   Select + to add content like text, documents, video and more.
   
   
   To learn more about how to find and use web parts, check out Using web parts.

2. You can also add sections and columns to a page. To learn more, check out Add sections or columns on a page .

3. When you're done editing, you can select Save as draft to save your changes and close edit mode. Your audience won't be able to view or read the page until you publish it. Only people with edit permissions on your site will have access.

   Note: Instead of Save as draft , you may see Save and close in the command bar. This means your organization has pages coauthoring capability where you can invite other authors to edit the same page or news post at the same time. You can learn more about that here .

4. When you are ready for your audience to view and read the page, select Publish .

   For more information on publishing and the lifecycle of a page, check out Management and lifecycle of a SharePoint modern page .

Customize the title area

You can remove the title area, and you can customize the title area with an image, a choice of six layouts, text above the title, the ability to change the displayed author, and you can show or hide the published date.

• Remove the title area

  To remove the title area, select Delete web part in the left toolbar.

  Note: Once removed, you can click Undo or choose a Banner web part to add the title area back.

• Add an image

  To add an image, select Add image in the left toolbar.

  Note: If you want to replace an image, select Change image in the left toolbar.

  Choose a recent image or get an image from stock images provided by Microsoft, from a web search, your site, your computer, or a link. If your organization has specified a set of approved images, you'll be able to choose from that set under Your organization.

  

  Notes: 

  • Web search uses Bing images that utilize the Creative Common license. You are responsible for reviewing licensing for an image before you insert it on your page.

  • Images look best when they are landscape or 16:9 or greater in aspect ratio, and when they are at least 1 MB in size. For more information on image sizing, check out Image sizing and scaling in SharePoint modern pages .

  • If you're a SharePoint Admin and want to learn how to create an asset library for Your organization, check out Create an organization assets library .

  • If you're a SharePoint admin, we recommend enabling a Content Delivery Network (CDN) to improve performance for getting images. Learn more about CDNs .

• Additionally, you can set a focal point to get the most important part of your picture in the frame. Select Set focal point in the toolbar on the left, and within the image, drag the focal point where you want it.
  
  

• Add or change displayed page author

  In the title area, add a name, partial name, or email name in the author box. The name will be searched against your organization's profiles, and you will be presented with suggested people. Choose the one you want, and you're done! If you do not enter a name, an author byline will not show.

  

• Choose a layout
  ​​​​​

  Note: If you have the content pane enabled, the Edit web part ​​​​​​​ button is replaced by the Edit properties button  .

  Select the Edit web part button , and in the toolbox on the right, choose the layout you want:

  

• Set alignment

  If the toolbox isn't already showing, select the Edit web part button , and in the toolbox on the right, choose Left or Center .

  Note: Alignment is not available for layout of Fade or Author .

• Add text above the title

  You can add text in a colored block above your title to qualify the title or call attention to something on the page, as in the example below where NEW is the text above the title. In newspaper jargon, this is called a kicker. The color of the block the text is in is based on your site theme.

  

  To add the text above your title, select the Edit web part button , and in the toolbox on the right, enter up to 40 characters of text in the Text above title box. Then, change the Show text block above title toggle to Yes .

• Show or hide published date

  Select the title area, select the Edit web part button , and under Show published date use the toggle to show or hide the published date.

• Add the page title

  To edit the page title, go into the first Banner web part at the top of the page (previously Title area) or the Title box on the command bar, enter up to 255 characters of text in the Title box.

  

  Note: A page title is required before you can Save and close or Publish the page.

• Change the page name

  The page name is automatically generated the first time you enter a page title. To modify the page name, go into Edit mode, select the Page details on the command bar, and make your changes.

  

Help others find your page

The first time you publish your page, you'll be prompted to help others find your page. If you want to do this later, you can select Promote at the top of the page after the page is published.

You can use one or more of the following options:

• Add page to navigation : Adds a link to your page, using the page title, to the left-side navigation.

• Post as News on this site : Adds a News post to the Home page of your site. For more information on News, check out Keep your team updated with News on your team site .

• Email : Allows you to send an email with a preview of the page and an optional message to your selected recipients.

• Yammer : Allows you to send the page through your organization's Yammer channels.

• Save page as template : Save the page so you can use it as a template to make similar pages more easily.

• Copy address : The page address is shown so you can copy it and send to others.

Edit your page and manage spellcheck and grammar with Editor

To make changes to your page, do this:

1. Select Edit at the top right.

   When you select Edit , the page is checked out to you. As long as the page is open for editing, or checked out, no one else can edit it. The page is "locked" until changes are saved or discarded, or until the page is published. An exception is that if the page has no activity for 5 minutes, the editing session will time out and the page will be "unlocked."

2. Make your changes. For help on page layout and using web parts, check out Add sections and columns on a page and Using web parts on SharePoint pages .

3. When you're done making changes, choose Save as draft to save your changes and close edit mode.

   Note: Instead of Save as draft , you may see Save and close in the command bar. This means your organization has pages coauthoring capability where you can invite other authors to edit the same page or news post at the same time. You can learn more about that here .

4. If you're ready for users to view and read your changes, select Republish . For more information on publishing and the lifecycle of a page, check out Management and lifecycle of a SharePoint modern page .

   Tip: If you want your changes to go live immediately, you can select Republish without having to save a draft.

To check spelling and grammar with Editor within Text web parts on your page,

1. Select Edit at the top right.

2. Select Page details at the top of a page that has already been published.

3. In the page details pane, adjust the toggle under Use Editor to check spelling, grammar, and more to On or Off .

Learn more about managing Page details .

While making changes to your site, such as adding or modifying web parts, you can undo or redo the changes. Select Undo , and from the dropdown, select Undo or Redo as needed. (You can also use the keyboard shortcuts of Ctrl+Z or Ctrl+Y, respectively.)

Use page anchors (bookmarks)

Page anchors (also known as bookmarks) are automatically added to Heading 1, Heading 2, and Heading 3 styles in Text web parts on your page.  When a page is published, and you hover or tab over a heading in a Text web part, a link symbol will indicate the page anchor.

You can right-click a page anchor and select Copy link to copy the page anchor location for use outside of SharePoint pages. Once the page anchor is on the clipboard, you can paste it wherever you want to send it, like an email or a message.

To link to a Heading 1 from somewhere else on your page, add a hyperlink to the text you want to link from, then paste the URL of Heading 1 link, as in this example:

Comments, likes, and views

People who view your page can leave comments and likes at the bottom of the page. You can also find out how many views your page has. Hover over Likes to view some of the people who liked your page. Select Likes and you can view a list of all of the people who liked your page.

When someone likes or comments on a page or a news post you created, or mentions you using @, you will be notified by email .

Save for later

People who view your page can find it more easily later by using the Save for later option at the bottom of the page. Once Save for later is selected, it becomes Saved for later , and the associated icon is filled in.

When Saved for later is selected, a list of Recently saved items is displayed. You can select See all saved items to view the entire list of saved items.

Use Immersive reader in pages

Use the immersive reader tool to help your audience focus on the content of your site. The immersive reader tool includes built in text to speech, and word-in-line highlighting. Immersive reader can be used to suit the individual needs of each site user making the site easier to engage with.

Site users can change the speed and voice of the reader, as well as various visual aspects of the text itself. Immersive reader also offers the ability to translate the content on the page to a wide variety of languages.

To use immersive reader:

1. Select the Immersive reader option in the task bar.

2. When the immersive reader page appears, adjust the Text preferences , Grammar Options , and Reading Preferences .

3. After you have chosen your immersive reader experience preferences, select Play at the bottom of the screen.

Hide or show header and navigation (focus mode)

Eliminate visual distractions by using expand mode in SharePoint Site Pages. Expand mode helps you focus on the primary content by removing navigation bars on the page.

Activate focus mode by selecting the Hide header and navigation icon in the task par of the site page.

Focus mode can be deactivated by selecting the Show header and navigation icon while in the Hide header and navigation view.

Share your page

People can now share a SharePoint page or news post in OneDrive and SharePoint, just like Word, Excel, and PowerPoint files. The page editor or site owner can share just the page without having to share the entire site with specific users or an entire organization.

To share a page, select the Share button at the top of the page.

The Share page option from the drop-down opens the familiar Sharing dialog experience. You can send an email to your share recipients with a link to the page right from the page.

Selecting the Copy option lets you copy a sharing link to be pasted elsewhere, like a Teams chat or another document.

Use Share page and Copy link to page for inviting others to have access to the page for contributing content or for reading just this page from the site. This new feature shares a link that provides access to a recipient if they did not have access already.

With the Send to email option, you can send an email that includes a link, thumbnail preview, description, and an optional message to one or more people. This allows informing any recipient, including distribution groups or lists about this page or news post. Note that this is not a sharing link and will only work for people who already have access to the site.

Where are pages stored?

Pages that you create, save, or publish are stored in the Pages library for your site. To get to the Pages library:

1. Go to the site where your page is.

2. On the top or left side navigation, select Pages .

   Note: If Pages isn't listed on the left side of your SharePoint site, select Settings > Site Contents in the upper right. Then on the left, select Pages .
   
   Your page may be in a folder within the Pages library designated by the site owner.

Delete your page

SharePoint site owners and administrators can easily delete modern pages from a SharePoint site. For more information on how to delete a page, check out Delete a page from a SharePoint site .