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
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: