<apex:page sidebar="true" showHeader="true" standardController="Opportunity">
    <apex:includeLightning />
    <center><div id="lightning" style="margin-left:1%;max-width:75%;margin-bottom:2%;"/>
    </center>
    <script >
    $Lightning.use("namespace:testHelloEsignPageApp", function() {
        $Lightning.createComponent("namespace:testHelloEsignLC", {},
            "lightning",
            function(component) {
                 window.$Force = sforce;
            });
     });
    </script>
</apex:page>

<aura:application access="GLOBAL" extends="ltng:outApp">
     <aura:dependency resource="namespace:testHelloEsignLC"/>
</aura:application>

<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickAction" access="global" >
      ########### This is a Test Component ############### <br></br>
      *********** Hello ESign *************
</aura:component>