Add custom Content to Page Layouts in SharePoint

Adding custom components to SharePoint Page layouts so that they are visible on each page created is a common requirement for SharePoint developers. To Achieve this we will follow the below steps. 
  1. Open SharePoint designer and create a page layout with custom zones and design as required –> save page layout
  2. Create a new page with the page layout created and add a content editor web part in the zone required. Now add your custom client side code into the content editor web part and test for code functionality.
  3. Export the content editor web part with custom code to your local. 
  4. Upload the web part to site settings –> web part 
  5. Open Page layout in designer and Place your cursor within the zone template of required web part zone. Now Insert the custom added web part into the zone ( save page if insert web part is disabled)AddCustomWp
  6. Save page. Now all pages created with the page layout will have the custom component added by default.
 
Custom layout sharepoint 
 
Even though this is a simple process it will come handy when we have to add custom content on all pages across the site along with utilization of web part properties like audience targeting etc.
 
Happy SharePointing !!!!!