Skip to main content

Sunbit Pre-qualification SDK

Overview#

With the Sunbit Pre-Qualification SDK you can add a Pre-Qualification URL to any page you like throughout your website. This gives your customers the ability to check their financing options with Sunbit. You can read more about how to use the Pre-Qualification SDK URL with the As Low As text element here.

Initialize the SDK#

The Sunbit SDK for JavaScript doesn't require any standalone files to be downloaded or installed. Instead you simply need to include a short piece of regular JavaScript in your HTML that will asynchronously load the SDK into your pages. The async load means that it does not block loading other elements of your page. The following snippet of code will give the basic version of the SDK where the options are set to their most common defaults. You should insert it on each page you want to load it, directly after the opening tag.

Please include representative details such as id, name and email which will enable Sunbit to improve the experience for associates and help them close more transactions.

<script>    window.sunbitAsyncInit = function() {        SUNBIT.init({        sunbitKey      : '<YOUR SUNBIT_KEY>', //mandatory, provided by Sunbit        location       : '<YOUR LOCATION NAME>', //optional        representative : '<REPRESENTATIVE>', //optional        representativeEmail : '<REPRESENTATIVE EMAIL>', //optional        ro: '<RO>' //optional        });    };</script><script async defer src="https://static.sunbit.com/sdk/sunbit-sdk.js"></script>

Anchor link to Sunbit's check financing options page#

  1. Add a container for Sunbit's element and add an ID to it.

  2. Call the SUNBIT.UI.checkFinancingLink method to add it to the document.

    info

    You can add any of the following configuration objects to set a theme for the text:

    1. "sunbitBlue" - set text color to Sunbit's blue (#345275 
       ).
    2. "sunbitYellow" - set text color to Sunbit's yellow (#ffc80a 
       ).
    3. "default" - use the site default styled for link elements.

Example

<body>...<div id="sunbit-cfl"></div></body>
<script>    window.sunbitAsyncInit = function() {        SUNBIT.init({            sunbitKey      : '<YOUR SUNBIT_KEY>', //mandatory, provided by Sunbit            location       : '<YOUR LOCATION NAME>', //mandatory for check financing link            representative : '<REPRESENTATIVE>', //optional            representativeEmail : '<REPRESENTATIVE EMAIL>', //optional            ro: '<RO>' //optional        });        SUNBIT.UI.checkFinancingLink("sunbit-cfl", {            theme: "sunbitBlue"        });      };</script><script async defer src="https://static.sunbit.com/sdk/sunbit-sdk.js"></script>