Add Nitro Sign on Custom Objects in Salesforce

1. Create Visualforce page for the Object

1. File
2. New
3. Visualforce page
4. Suggestion to enter the title of the object as the name of the new apex page.
5. Copy and replace all code with: 
   
   
   <apex:page sidebar="false" standardController="Opportunity" >

    

   <style>
   
   html body.sfdcBody {
   background: #E0E0E0 !important;
   } </style>
   
   <apex:canvasApp id="nitroApp" developerName="Nitro_Sign" maxHeight="infinite" maxWidth="infinite" />
   
   <script type="text/javascript" src="/canvas/sdk/js/51.0/controller.js"></script>
   
   <script type="text/javascript">
   var target = {canvas: "nitroApp"};
   function resize() {
   Sfdc.canvas.controller.resize( {width: '100%'}, target);
   }
   
   window.addEventListener('resize', (event )=>
   { resize();
   });
   
   window.addEventListener('load', (event) => {
   resize();
   });
   
   // listen to event to navigate back to object Id
   Sfdc.canvas.controller.subscribe({
   name : 'NitroSign.navigateToObject',
   onData : function (payload) {
   window.top.location.href = '/' + payload.recordId;
   }
   });
   
   // listen to ready event, so that we send the loadroute event just when needed
   Sfdc.canvas.controller.subscribe({
   name : 'NitroSign.appReady',
   onData : function (payload) {
   Sfdc.canvas.controller.publish({
   name : 'NitroSign.loadRoute',
   payload : {
   route : 'esign',
   w: {
   innerHeight: window.innerHeight,
   innerWidth: window.innerWidth
   }
   }
   });
   }
   });
   </script>
   
   </apex:page>
6. In this code, replace “opportunity” with the object API name. See the below image for the location to find API name within object manager.
   
   
7. File 
8. Save 
9. Close the developer console window. 

2. Create the Nitro Sign Button

1. Go to setup 
2. Object manager 
3. Buttons, Links, and Actions 
4. New Button or Link 
   
   
   1. Label: Type Nitro Sign 
   2. Name: will generate automatically
   3. Display type: Select Detail Page Button 
   4. Behavior: Select Display in existing window without sidebar 
   5. Content source: From the dropdown select Visualforce page 
      
      
      • From the Content dropdown select the name of the Visualforce page that was created in the earlier part of this guide.
   6. Save.

3. Add the Nitro Sign button to the custom object

1. Go to setup
2. Object manager
3. Page Layouts
4. Select the entry in this table by clicking the link in the page layout column
5. Select Buttons
   
   
6. For some installations, the buttons need to be dragged also in the ""Mobile & Lightning Actions"" in order to appear in the Lightning experience
   
   
7. Press save (as shown)