Create a Visualforce Page for the Salesforce Spiff Commission Estimator

To show the Salesforce Spiff Commission Estimator in the Quote Line editor, create a Visualforce page.

Required Editions

Available in: both Salesforce Classic (not available in all orgs) and Lightning Experience
Available in: Enterprise, Unlimited, and Developer Editions
Available for an additional cost in: Professional Edition with Web Services API Enabled
User Permissions Needed
To create Visualforce pages: (Salesforce) Customize Application
To edit Salesforce profiles: (Salesforce) Manage Profiles and Permission Sets
  1. From Setup, in the Quick Find box, enter Visualforce and select Visualforce Pages.
  2. Click New and enter these details.
    • Enter any label and description.
    • For Name, which is the page's API name, enter Spiff_Commission_Page.
    • Select Available for Lightning Experience, Experience Builder sites, and the mobile app.
    • Leave Require CSRF protection on GET requests unchecked.
  3. For Visualforce Markup, replace the default markup with this code, and then save your changes.
    <apex:page showHeader="false" sidebar="false" lightningStyleSheets="true" standardStylesheets="false" standardController="SBQQ__Quote__c">
    <apex:slds />
    <apex:includeLightning />    
    <apex:stylesheet value="{!URLFOR($Resource.SpiffCE__CommissionResources,'/css/commission-style.css')}"/>
    <apex:includeScript value="{!URLFOR($Resource.SpiffCE__CommissionResources,'/js/commission-editor-script.js')}"/>
    <body class="slds-scope" onload="userCommissionScript.loadCommission('{JSENCODE(SBQQ__Quote__c.LastModifiedDate)}',{!JSINHTMLENCODE(IF($Setup.SpiffCE__Commission_App_Setting__c.SpiffCE__Show_Quick_Save_Alert_Message__c, "true", "false"))})">
    <div id="lwc"/>   
    </body>
    <div class="fix-spacer"></div>
    </apex:page>
  4. Add the Visualforce page to the Standard User profile.
    1. From Setup, in the Quick Find box, enter Profiles, and then select Profiles.
    2. Select Standard User.
    3. Select Visualforce Page Access and click Edit.
    4. Add Spiff_Commission_Page to the Enabled Visualforce Pages list, and save your changes.