Setting up Clicklease buttons

Requirements

1. To begin using Clicklease buttons you will need to have your Clicklease token.
2. You will need to reference our Javascript Library.
3. You will need to choose a button style.

Reference the Javascript library

The first step for setting up the Clicklease buttons is to reference our Javascript library. This can be done by adding the following code to your website. This script needs to be called prior to the button tag, so generally, this is added to the head of the webpage.

<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://app.clicklease.com/jsdk/getScript";
          f.parentNode.insertBefore(j, f);
        })(window, document, "script", "dataLayer");
      }
      getScript();
</script>

Add a Clicklease button tag

After adding the Javascript library, you can now add the Clicklease button tags to your page.

<clk-button price="20000" desc="apple" button="white-dark-1" token="55dd82b3-a9ae-431c-a58d-6fc67dd4a33d"></clk-button>
<clk-button price="20000" desc="apple" button="white-dark-1" token="55dd82b3-a9ae-431c-a58d-6fc67dd4a33d" withInfoPage=""></clk-button>
<clk-button price="20000" desc="apple" button="white-dark-1" token="55dd82b3-a9ae-431c-a58d-6fc67dd4a33d" withInfoPage></clk-button>
<clk-button price="20000" desc="apple" button="white-dark-1" token="55dd82b3-a9ae-431c-a58d-6fc67dd4a33d" withInfoPage="true"></clk-button>

Attributes

• Price: A dollar amount that is used to calculate a monthly payment, only needed on "pricing button" types.

• desc: The name or description of the item for which the amount is listed.

• button: The name of the style of the button you want to use.

• token: A serial token that links to your business lease application and associates the applications with your store.

• withInfoPage: This attribute allows the iframe to open with the URL for the benefits page. This attribute has three different ways to be included to allow the benefits page to be included in the iframe:

  1. withInfoPage=""
  2. withInfoPage
  3. withInfoPage="true"

  This will send a true value that will allow the benefits page to be shown in the iframe flow.
  If the attribute contains other information, it will send a false value, and it won't show the benefits page information in the iframe.
  If the withInfoPage attribute is not included in the tag, or if the attribute is included with the value of "false", the benefits page won't be included in the iframe's flow.
  Example: withInfoPage="false".

All buttons link to a lease application.

Clicklease offers two types of buttons

• Pricing Buttons: These 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.

• No pricing buttons: Buttons that simply promote financing with Clicklease that do not calculate a monthly payment. Useful for displaying on pages without an item amount or total cost.

For different script integrations: