SharePoint Online: How to Create Modern Page in Classic Sites?

Requirement: Create a Modern page in the Classic SharePoint Online site.

SharePoint Online: Add a modern page to the classic site

The Modern Pages are fast and responsive, so they look great on any mobile device or platform. It gives you the ability to create sleek, modern pages that can be used as the home page for your SharePoint Online sites. Are you looking for a way to modernize your classic SharePoint Online site? Perhaps you are working on a classic SharePoint Online site and need to create a modern page. You may be wondering how to do this on a classic site. This blog post will show you how to create a modern page in classic SharePoint Online.

How do I create a modern SharePoint page on a classic website? Adding a modern page to an existing classic site is a two-step process. First, you need to enable the “Site Pages” feature for the SharePoint site. Second, you have to create a new modern page in the Pages library on your classic site.

To create modern pages in Classic SharePoint Online sites, follow these steps:

Step 1: Activate Modern Page Feature

The “modern” pages are provided by the web-scoped feature “Site Pages”. Once this feature is activated, your site has the option to use “modern” pages. So, If you want “modern” page functionality on classic sites, you have to activate the “Site Pages” feature. This feature is active by default on the modern SharePoint site and any new site collections created with a classic site template.

  1. Navigate to your classic SharePoint site (Subsite or top level site) >> Click on Settings >> Site Settings.
  2. On the site settings page, click on “Site Features” under the “Site Actions” group.
  3. Search for the “Site Pages” feature and click on Activate button next to it. sharepoint online add modern page to classic site
  4. That’s all. Now you can create modern pages on your classic site.

Activate Site Pages Feature using PnP PowerShell

You can also activate the modern site pages feature using PowerShell: (Feature GUID: B6917CB1-93A0-4B97-A84D-7CF49975D4EC)

#Set Parameters
$SiteURL="https://crescent.sharepoint.com/sites/Neo"

#Connect to Site
Connect-PnPOnline -Url $SiteURL -Interactive

#Enable site pages feature at web scope
Enable-PnPFeature -Identity B6917CB1-93A0-4B97-A84D-7CF49975D4EC -Scope Web

Any new SharePoint page you create will have a modern experience from now on!

Also, ensure you have enabled the creation of site pages for end-users at the tenant level: Go to SharePoint admin center >> Click on Settings >> Classic settings >> Under pages, enable “Allow users to create new site pages”.

Step 2: Create a Modern Page

Once you have enabled the feature, You’ll find “Page” listed on the “New” menu under the Site contents page. You can also create a new modern SharePoint page, from the site settings Gear >> and choose “Add a Page”.

sharepoint online create modern page in classic site

You can also add a modern page from the “Site Pages” Library >> Click on “New” and “Site Page” through navigation. Set the page layout, add widgets and content, and then publish the page to make it live as you do with any modern team site. If needed, you can make it a home page as well.

sharepoint online create modern page

That’s all! This gives you the best of both worlds in Microsoft SharePoint – the modern web part experience for new content, while still being able to take advantage of the existing content in your classic site. Please note, you can’t add classic web parts such as script editor, content editor, etc. to modern pages. If you still need the classic experience, Classic pages can be created from the site pages library: New >> Web Part page.

If you want to convert a classic page into modern, use: How do I convert a classic page to a modern page in SharePoint Online?

Salaudeen Rajack

Salaudeen Rajack - SharePoint Expert with Two decades of SharePoint Experience. Love to Share my knowledge and experience with the SharePoint community, through real-time articles!

Leave a Reply

Your email address will not be published. Required fields are marked *