Documentation version 1.00, 15.08.2025
Here at Inbank we strive to help our partners sell more by simplifying purchases and making financing more accessible to customers. For this reason, we have built a plug-and-play calculator solution for our merchants. Just pick the calculator format suitable to your website, follow the simple steps below and start displaying monthly payments to your customers. This added feature will boost your conversion and sales.
For technical help on integrating the Inbank calculator to your site, contact our integration team at integration@inbank.lt
Note that you need to contact your Inbank representative for the calculator to appear on the pages of your site. The domain, where the calculator is used, needs to be whitelisted by Inbank.
You can add the calculator to any webpage by simply using a JS script. The website platform of your site defines how the script can be added to all product pages (or checkout page if needed).
Example of the calculator script:
<div id="inbank-calculator"></div>
<script>
!function(w,d,i,u){(function(){return new Promise(function(r,j){if(w.CalculatorWidget)return r(w.CalculatorWidget);if(d.getElementById(i))return void setInterval(function(){w.CalculatorWidget&&(clearInterval(this),r(w.CalculatorWidget))},100);var s=d.createElement("script");s.id=i,s.src=u,s.async=1,s.onload=function(){w.CalculatorWidget&&w.CalculatorWidget.init?r(w.CalculatorWidget):j("init not found")},s.onerror=function(){j("script load failed")},d.head.appendChild(s)})})().then(function(calculator){
calculator.init("inbank-calculator", {
layout: "default",
variant: "calculator-indivy-plan",
shop_uuid: "be0e8db1-6ff1-0000-1111-00001111",
product_code: "add_product_code_here",
amount: 4500,
template: "non_editable_amount",
mode: "lavender",
lang: "lt",
region: "lt1"
});
}).catch(console.error)}(window,document,"inbank-calculator","https://staging-calculator.inbank.eu/api/calculator");
</script>
Note that you need to contact your Inbank representative for the calculator to appear on the pages of your e-shop. The domain, where the calculator is used, needs to be whitelisted by Inbank.
There are multiple parameters that can be configured, so that the calculator looks and works as you expect it to. Mandatory configuration parameters are marked with *.
| Parameter | Description |
|---|---|
| layout | The layout of the calculator, which defines its look and size. Available options: |
| variant* | The type of payment product to be used in the calculations. Currently, this value needs to be set to 'calculator-indivy-plan'. |
| shop_uuid* | A unique code that is used to identify your site in Inbank systems. The shop_uuid is provided by Inbank. |
| product_code* | The product code, which defines all the parameters and rules for the monthly payment calculation. The product_code is provided by Inbank. |
| amount* | The price of the product. If the price is smaller or bigger then allowed in the payment product configuration, an error will be shown to the customer. You need to define in your e-commerce platform how the calculator will get the price of the product automatically from the product page. In the example provided above, the amount is set to a static value. However, it is expected that the amount is taken from the product page. For example, in WordPress with the WooCommerce e-commerce plugin the price can be extracted like this: $product in the .php file in which you want to add the calculator.amount value with <?php echo $product->get_price(); ?> as follows: amount: <?= $product->get_price(); ?> |
| template | Whether the customer will be able to edit the loan amount in the calculator modal. If the template parameter is not set, the calculator with an uneditable loan amount is shown. Available options:editable_amount - template that allows the customer to change the loan amount in the calculator modalno_editable_amount - template that does not allow the customer to change the loan amount in the calculator modal |
| mode | The background color of the calculator. By default, this parameter is set to purple. Available options:purplelavenderwhite |
| lang | The language in which texts in the calculator are shown. Available languages are en, lt, lv, et, cs and ru. If the language is not indicated, the default value en is used. |
| region* | The environment to which the calculator is connected. Estonia: ee1 for demo/test environmentee for the production environmentLatvia: lv1 for demo/test environmentlv for the production environmentLithuania: lt1 for demo/test environmentlt for the production environmentPoland: pl1 for demo/test environmentpl for the production environmentCzechia: cz1 for demo/test environmentcz for the production environment |
| URL | The link to the calculator library in either demo or live environment. The link is set as the last element of the script. Available options: |
Depending on the width available to the calculator, it will have one of the following sizes:
- 300 x 125
- 402 x 150
Once the user clicks the button within the calculator, an additional modal will be displayed with a maximum width of 640px.
The Moki calculator has fixed dimensions of 300 x 125.
Once the user clicks on the calculator, an additional modal will be displayed with a maximum width of 640px.
There are two layouts available for the Small Calculator with the following sizes:
- small_loan_horizontal with dimensions 650x350
- small_loan with dimensions 350x650
Please note that the small_loan_horizontal version will switch to 350x650 dimensions automatically for screens too narrow to accommodate its usual dimensions.
