Pricing buttons

"Pricing Buttons" calculate and display an affordable monthly payment based on an item cost or total cost. Pricing buttons require a "price" attribute in the tag that is passed to our Javascript SDK to determine a monthly payment. All buttons link to a lease application associated with your store.

By changing the "button" attribute the style and color of the button can be changed.

Listed below are examples for each pricing button and the button attribute that is needed

<clk-button price="20000" desc="apple" button="primary_light_price4" token="55dd82b3-a9ae-431c-a58d-6fc67dd4a33d"></clk-button>

<script>
        async function getScript() {

            (function (w, d, s, l, i) {

                w[l] = w[l] || [];
                w[l].push({

                });
                var f = d.getElementsByTagName(s)[0],
                    j = d.createElement(s),
                    dl = l != 'dataLayer' ? '&l=' + l : '';
                j.async = true;
                j.src = 'https://uat.clicklease.com/jsdk/getScript';
                // j.src = 'https://uat.clicklease.com/jsdk/static/js/cls-buttons-creator-script.js';
                f.parentNode.insertBefore(j, f);

            })(window, document, 'script', 'dataLayer');

        }
        getScript();
    </script>

To use the light price default mode buttons here are some examples.

Button Attribute	Example
button="default-light-1"
button="white-light-1"

To use the dark price default mode buttons here are some examples.

button="black-dark-1"
button="white-dark-1"