---
schema_version: "1"
id: 1b562586848d7e5d242b68a9fc8c4f2a80abb9aa1a5d452c486853bc4448ea88
title: Create a Visualforce Page for the Salesforce Spiff Commission Estimator
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/sales/264-0-0/spiff_estimator_quote_visualforce.md
canonical_url: https://help.salesforce.com/s/articleView?id=sales.spiff_estimator_quote_visualforce.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 1d76364a5d20cb06bd418915125dc7b4021d82de19ced4986e902fe3b52bc6d2
description: To show the Salesforce Spiff Commission Estimator in the Quote Line editor, create a Visualforce page.
products:
  - Sales Cloud
  - Sales Enablement
release: "264"
---
# 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

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Available in: both Salesforce Classic (not available in all orgs) and Lightning Experience</td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Available in: <strong>Enterprise</strong>, <strong>Unlimited</strong>, and <strong>Developer</strong> Editions</td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Available for an additional cost in: <strong>Professional</strong> Edition with Web Services API Enabled</td></tr></tbody></table>

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small permission">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="colgroup" class="slds-cell-wrap" colspan="2" style="text-align:center;vertical-align:top;" id="d30323e76">User Permissions Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d30323e76 ">To create Visualforce pages:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d30323e76 ">(Salesforce) Customize Application</td>

          </tr>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d30323e76 ">To edit Salesforce profiles:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d30323e76 ">(Salesforce) Manage Profiles and Permission Sets</td>

          </tr>
        </tbody>
      </table>

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.