How to Transform a Classic SharePoint Page into Modern

In this tutorial, you will learn how to transform a Classic SharePoint Page into a Modern SharePoint Page with the help of our Copy-Paste feature.

TABLE OF CONTENTS

• Prerequisites
• Step-by-step Tutorial
  • Part 1: Rename your Classic Page
    • Step 1: Edit your Classic Page
    • Step 2: Rename your page
    • Step 3: Save
  • Part 2: Copy the Classic Page
    • Step 1: Add ?spcopy=1
    • Step 2: Copy Page
  • Part 3: Create a Blank Modern Page
    • Step 1: Add a Page
    • Step 2: Make a Blank page
    • Step 3: Rename the page
    • Step 4: Add the ShortPoint web part
    • Step 5: Paste the copied Classic Page
    • Step 6: Save
  • Part 4: Re-install ShortPoint
    • Step 1: Open the ShortPoint Dashboard
    • Step 2: Uninstall ShortPoint
    • Step 3: Reinstall ShortPoint

Prerequisites

• You must have the latest version of ShortPoint SPFx installed in your environment.
• You must be a ShortPoint Designer with an active license.
• You have a Classic Page built with ShortPoint that you would like to make modern.

Step-by-step Tutorial

Follow the detailed guide below to learn how to transform your Classic Pages into Modern ones:

Part 1: Rename your Classic Page

Follow the steps below to keep the same URL as your Classic pages:

Step 1: Edit your Classic Page

Go to the Classic SharePoint page you want to transform into a Modern page and click Edit:

Step 2: Rename your page

As you can see, the page name is Communication Policy.aspx:

All you need to do is add “Classic” to the page name. This way, you can create a Modern Page called Communication Policy and it will have the same URL as your classic page.

Step 3: Save

Click Save to apply your changes:

Part 2: Copy the Classic Page

Follow the steps below to learn how to copy your Classic Page:

Step 1: Add ?spcopy=1

Add ?spcopy=1 in the top address line and press Enter to launch the ShortPoint Copy-Paste bar:

After hitting enter, you will see this page:

Step 2: Copy Page

Click Copy Page:

Part 3: Create a Blank Modern Page

In this part, we will create a Modern Site Page in a Modern SharePoint site. Follow the steps below to learn how:

Step 1: Add a Page

Click the cogwheel icon:

Select Add a page:

Step 2: Make a Blank page

Click [1] Blank and select [2] Create page:

Step 3: Rename the page

Rename the page to the original name of your Classic Page. In our case, we will name it Communication Policy:

Step 4: Add the ShortPoint web part

Hover over the default content and click the trash icon:

Then, hover over a section and click the gray plus icon:

Use the search bar to look for ShortPoint and select it:

Select the Choose Layout icon:

Select the single-row layout:

Step 5: Paste the copied Classic Page

Right-click and select Paste Page Before Section:

Step 6: Save

You will now see the copied Classic Page on your Modern page. Click Save:

Then, click Publish:

That’s it! You have successfully transformed your Classic page into a Modern page. Proceed to the last part to complete the tutorial.

Part 4: Re-install ShortPoint

After transforming all of your pages in a site, you need to do the steps below to be able to use Modern Theme Builder:

Step 1: Open the ShortPoint Dashboard

Click the [1] ShortPoint icon and select [2] Dashboard:

Step 2: Uninstall ShortPoint

Click Uninstall to open the Uninstall page:

Click Uninstall:

Click Yes:

You will see this page once ShortPoint is uninstalled successfully:

Step 3: Reinstall ShortPoint

Click Back:

Click Installation to go to the Installation page:

Make sure [1] Install for Classic Pages is disabled. Click [2] Install:

You have now successfully reinstalled ShortPoint: