Add Nitro Sign on Custom Objects in Salesforce

Nitro Sign supports Accounts, Contacts, Leads, and Opportunities out-of-the-box. Follow these instructions to add Nitro Sign to additional objects (custom).

Each of the steps is outlined in detail below.

Go to the developer console

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. 
   

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.
      

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)

   

After successful completion of the above steps, Nitro Sign for Salesforce will be accessible via custom objects. For additional assistance please reach out to our customer support team.