Host your configurator in Salesforce using Visualforce pages, or in an external web application such as Heroku. Use the easyXDM library to transfer data between your configurator and Salesforce CPQ.
| Required Editions |
|---|
| Available in: Salesforce CPQ Winter ’18 and later |
The easiest way to include the easyDM library in your web application is to include the CDN library (hosted by CloudFlare).
1<!-- easyXDM.min.js compiled and minified JavaScript to communicate with Salesforce CPQ-->
2<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/easyXDM/2.4.20/easyXDM.min.js" crossorigin="anonymous">
3</script>You can also download the library then upload it to your org as a static resource.
Initialize the easyXDM library. Use this library to send information between your configurator and Salesforce CPQ. This example uses the variable configObj to store the information sent from Salesforce CPQ.
1// Initialize the EasyXDM connection to Salesforce CPQ
2var rpc = new easyXDM.Rpc({}, {
3
4 //method defined in Salesforce CPQ
5 remote: {
6 postMessage: {}
7 },
8
9 // method for receiving configuration JSON from Salesforce CPQ
10 local: {
11 postMessage: function (message) { // parse the incoming information, for example:
12 var configObj = JSON.parse(message);
13 }
14 }
15 });Perform the configuration, such as enforcing rules or adding new product attributes that will appear in the quote line editor. For example, set the value of a configuration option called “Special Code” to 12345. This example assumes that you’ve parsed the incoming JSON into the variable configObj.
1configObj.product.optionConfigurations["Special Code"] = '12345';Send the configuration information back to Salesforce CPQ as a JSON string.
1rpc.postMessage(JSON.stringify(configObj));optionConfigurations parameter to create product bundles. You can nest bundles up to four levels deep, including the top-level product.
j