SharePoint Page Types Explained


Before we begin, let us understand the different types of pages provided by SharePoint:


Page
SharePoint Online (Office 365)
SharePoint On-premise (2013 / 2016)
Site Pages - Wiki
You can create a wiki library in your site and create site pages. They are editable and you can create them as many as you want.


You can directly add ShortPoint components using ShortPoint ribbon actions.
You can create a wiki library in your site and create site pages. They are editable and you can create them as many as you want.

   
You can directly add ShortPoint components using ShortPoint ribbon actions.
Site Pages - Web Part
By default, when you create a list or library, their default pages inherit the settings from Web Part site pages.

You can create Web Part pages from your default Site Pages library as shown in below animation:


In order to add ShortPoint to Web Part pages, you need to add content editor Web Part and then you will be able to see the ShortPoint in ribbon options. Please proceed to this article for more details.

By default, when you create a list or library, their default pages inherit the settings from Web Part site pages. Same way as explained in SharePoint online section, you can create Web Part in SharePoint On-premise too.

In order to add ShortPoint to Web Part pages, you need to add content editor Web Part and then you will be able to see the ShortPoint in ribbon options. Please proceed to this article for more details.
Application Pages
Application pages for SharePoint Online (Office 365) are the system pages which are located under layout folder:

https://<tenancyName>.sharepoint.com/_layouts/<SharePoint Version Integer>/

You cannot modify the application pages in SharePoint Online and hence you cannot add ShortPoint to them. 
Application pages for SharePoint On-Premise are system pages which are located in your SharePoint server at following physical path:

C:\Program Files\Common Files\microsoft shared\Web Server Extensions\<SharePoint Version integer>\template\layouts

and same way as explained in SharePoint online, they can be accessible at the following web path:

https://<SharePoint site Url>/_layouts/<SharePoint Version Integer>/


You can modify the system pages in SharePoint On-premise, however it is not recommended by Microsoft to modify the system pages as your changes might get overwritten when you update your farm.

However, in case you have created custom Application pages to be deployed at layout folder of your SharePoint farm and you want to add ShortPoint elements to them, please follow the steps described in the section below to do so.

Modern Pages
This is a new type of pages introduced by Microsoft recently. By default, when you create a Modern Site, you will see the Modern page as your default site home page. From there, you can create Modern pages using the Add context menu.

For classic sites, you can follow this article to modernize your classic SharePoint sites and add modern pages. You can also change the experience of your default library to Modern by following steps explained in this article.
Modern Pages support for SharePoint On-premise is not yet supported by Microsoft.



Add ShortPoint to Application Pages


As explained above, this scenario is only supported when you have SharePoint On-premise environment and you want to customize an existing Application page (System page) OR you want to add new Application page with ShortPoint in it.


Step 1


Open the application page where you want to add ShortPoint elements.


Step 2


Go to the part of page you would want to add ShortPoint and add following;


<div class="data-shortpoint-wrap" style="visibility:hidden;opacity:0;">
<PUT YOUR CONTENT HERE>
</div>


Step 3


Replace <PUT YOUR CONTENT HERE> with your ShortPoint code. You can create a temporary Wiki Page in your SharePoint site, add all the ShortPoint you want to put in your template and finally copy that as shown below:




Your page is ready!




Notes:


You can not edit the ShortPoint available to Application pages directly from browser. Incase you would still want to change your ShortPoint, you can create a wiki / webpart page, add ShortPoint with your desired changes, copy its code and follow the above steps to replace the ShortPoint content to your application page.



To get information on how to embed ShortPoint in page templates (Publishing Page Layouts), please refer this article!