You want to create a reusable Page Template (Page Layout) in SharePoint having pre-defined ShortPoint Elements in it 


Prerequisites


  1. You have SharePoint Server Publishing Infrastructure feature activated on site collection feature level
  2. You have SharePoint Server Publishing feature activated on site feature level
  3. You have basic understanding of HTML 

Step 1:


On your local system, create an ASPX file with the name of your template



Note: Please make sure to give it extension ASPX 


Step 2:


Open it in any of your favorite editor such as notepad, notepad++, Visual Studio and paste following content in it;


<%@ Page language="C#"   Inherits="Microsoft.SharePoint.Publishing.PublishingLayoutPage,Microsoft.SharePoint.Publishing,Version=16.0.0.0,Culture=neutral,PublicKeyToken=71e9bce111e9429c" meta:progid="SharePoint.WebPartPage.Document" 
meta:webpartpageexpansion="full" %>
<%@ Register Tagprefix="SharePointWebControls" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=16.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %> 
<%@ Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=16.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %> 
<%@ Register Tagprefix="PublishingWebControls" Namespace="Microsoft.SharePoint.Publishing.WebControls" Assembly="Microsoft.SharePoint.Publishing, Version=16.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %> 
<%@ Register Tagprefix="PublishingNavigation" Namespace="Microsoft.SharePoint.Publishing.Navigation" Assembly="Microsoft.SharePoint.Publishing, Version=16.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<asp:Content ContentPlaceholderID="PlaceHolderPageTitle" runat="server">
<SharePointWebControls:FieldValue id="PageTitle" FieldName="Title" runat="server"/>
</asp:Content>
<asp:Content ContentPlaceholderID="PlaceHolderMain" runat="server">
<div class="data-shortpoint-wrap" style="visibility:hidden;opacity:0;">
<PUT YOUR CONTENT HERE>
</div>
<PublishingWebControls:RichHtmlField FieldName="PublishingPageContent" HasInitialFocus="True" MinimumEditHeight="400px" 
 runat="server"/>
</asp:Content>




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;



Step 4


Now your Page Layout is ready. We will upload this page layout to Master Pages and Page Layouts gallery. To do that, please go to Site Settings -> Master pages and page layouts and upload the file with Page Layout content type and Article Pages content type association as shown below.



Step 5


Your page layout is ready to use now! You can now go to Pages (Not Site Pages) library and Add new Article Page as shown below. 






Other Advantages

  • Whenever in future you will make change in the Page Layout and upload again to the Master Pages Library, all the pages created from that Page Layout will be automatically updated
  • You can add the extra Extra ShortPoint at page levels at the bottom of the common ShortPoint which are at the top of the page as shown in above step 4 animation
  • You can also use ShortPoint generators in the Page Layout which means you can change the Generator directly and all the pages which are created from that page layout will be updated automatically


Thank You for your Attention!