Widget Types & Implementation
Depending on the financial product available, you can display the following widgets on your website by using the attribute data-widget-type.
Two predefined types exists today:
- Default widget - use by default for all merchants.
- Line of Credit widget - specifically created for the "Line of Credit" product type.
Multi lender widgets are supported as well.
Default Widget
Here's an example of how the widget may display:

In order to implement the default widget, please use data-widget-type = "default-template" or keep this attribute empty (also use if attribute undefined).
This widget will display the offer with the lowest monthly payment that a consumer can get. Clicking “Prequalify now” launches a pop-up window with the application process and other disclaimers, based on:
- Item price
- Promotional codes configured for the merchant
This widget uses the following attributes:
- data-widget-type: “default-template”
- data-widget-item-sku: “[your-product-name]”
- data-widget-item-price: “[your-product-price]”
- data-widget-financing-page-url: “[your-financing-page-absolute-url]”
- data-widget-profile-id: ChargeAfter id references to a specific widget configuration, required for multi-lender
<div class="ca-promotional-widget"
data-widget-type="default-template"
data-widget-item-sku="PRDCT2"
data-widget-item-price="250"
data-widget-financing-page-url="www.merchant.com/financing-info-page">
</div>
"Line of Credit" Widget
Here's an example of how the widget may display:
In order to implement the default widget, please use data-widget-type = "product-widget-line-of-credit" or keep this attribute empty (also use if attribute undefined).
This widget will display the offer with the lowest interest rate that a consumer can get. Clicking “Learn How” launches a pop-up window with a detailed description of the financing plan and other disclaimers, based on:
- Item price
- Promotional codes configured for the merchant
This widget uses the following attributes:
- data-widget-type: “product-widget-line-of-credit”
- data-widget-item-sku: “[your-product-name]”
- data-widget-item-price: “[your-product-price]”
- data-widget-financing-page-url: “[your-financing-page-absolute-url]”
- data-widget-profile-id: ChargeAfter id references to a specific widget configuration, required for multi-lender
<div class="ca-promotional-widget"
data-widget-type="product-widget-line-of-credit"
data-widget-mode="price-focus"
data-widget-item-sku="PRDCT2"
data-widget-item-price="250"
data-widget-financing-page-url="www.merchant.com/financing-info-page">
</div>
Must include a data-widget-financing-page-url in order for the widget to work
Apply From The Widget!
There's an option to enable customers to apply for financing ahead of checkout, directly from the line of credit widget. This is a highly effective way to increase sales and AOV. Contact our support team via email to set it up
Multi Lender Widget
the multi-lender widget gives the ability to present more than one lender promotion in the widget in multiple ways.
To use this widget type, contact support to set up your widget-profile-id.
Horizontal view:
Vertical view:
Updated 14 days ago