# Inbank Calculator Guide for Lithuania


<b>Documentation version 1.00, 20.11.2025</b>

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.

- [Adding the Calculator to a Page](/api/js-calculator-flow/#section/adding-the-calculator-to-a-page)
- [Configuring the Calculator](/api/js-calculator-flow/#section/Configuring-the-Calculator)
- [Inbank Calculator Views](/api/js-calculator-flow/#section/Inbank-Calculator-Views)

For questions regarding the Inbank calculator, contact us at <a href="mailto:integration@inbank.lt">integration@inbank.lt</a>

<b>Note</b> 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.

# Adding the Calculator to a Page

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:

```html
<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: "ltdemo"
});
}).catch(console.error)}(window,document,"inbank-calculator-loader","https://demo-calculator.inbank.eu/api/calculator");
</script>
```

<b>Note</b> 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.

# Configuring the Calculator

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 \*.

|<b>Parameter</b>|<b>Description</b>|
| :- | :- |
|<i>layout</i>|The layout of the calculator, which defines its look and size. Available options: <br> <li>default - for Hire Purchase payment products. Examples of this layout are available in [Hire Purchase Calculator](/api/js-calculator-flow/section/inbank-calculator-views/hire-purchase-calculator). <b>Please note, this layout is currently available only for Lithuania.</b></li> <li>moki - for Moki payment products. Examples of this layout are available in [Moki Calculator](/api/js-calculator-flow/section/inbank-calculator-views/moki-calculator). <b>Please note, this layout is currently available only for Lithuania</b>.</li> <li>small-loan - horizontal layout for Small Loan payment products. Examples of this layout are available in [Small Loan Calculator](/api/js-calculator-flow/section/inbank-calculator-views/small-loan-calculator). <b>Please note, this layout is currently available only for Lithuania.</b></li> <li>small-loan-horizontal - horizontal layout for Small Loan payment products. Examples of this layout are available in [Small Loan Calculator](/api/js-calculator-flow/section/inbank-calculator-views/small-loan-calculator). <b>Please note, this layout is currently available only for Lithuania.</b></li>|
|<i>variant</i>\*|The type of payment product to be used in the calculations. Currently, this value needs to be set to 'calculator-indivy-plan'.|
|<i>shop_uuid</i>\*|A unique code that is used to identify your site in Inbank systems. The `shop_uuid` is provided by Inbank.|
|<i>product_code</i>\*|The product code, which defines all the parameters and rules for the monthly payment calculation. The `product_code` is provided by Inbank.|
|<i>amount</i>\*|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. <br><br> 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](/api/js-calculator-flow/section/adding-the-calculator-to-a-page), the amount is set to a static value. However, it is expected that the amount is taken from the product page. <br><br> For example, in WordPress with the WooCommerce e-commerce plugin the price can be extracted like this: <li>Have the product defined as ```$product``` in the .php file in which you want to add the calculator.</li> <li>When assembling the calculator script, replace the `amount` value with ```<?php echo $product->get_price(); ?>``` as follows: ```amount: <?= $product->get_price(); ?>```</li>|
|<i>template</i>|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:<br> <li>`editable_amount` - template that allows the customer to change the loan amount in the calculator modal</li> <li>`no_editable_amount` - template that does not allow the customer to change the loan amount in the calculator modal</li>|
|<i>mode</i>|The background color of the calculator. By default, this parameter is set to `purple`. Available options:<br> <li>`purple`</li> <li>`lavender`</li> <li>`white`</li>|
|<i>lang</i>|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.|
|<i>region</i>\*|The environment to which the calculator is connected. <br>Estonia: <li>`ee1` for demo/test environment</li> <li>`ee` for the production environment</li> <br>Latvia: <li>`lv1` for demo/test environment</li> <li>`lv` for the production environment</li> <br>Lithuania: <li>`ltdemo` for demo/test environment</li> <li>`lt` for the production environment</li> <br>Poland: <li>`pl1` for demo/test environment</li> <li>`pl` for the production environment</li> <br>Czechia: <li>`cz1` for demo/test environment</li> <li>`cz` for the production environment</li>|
|<i>URL</i>|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: <br><li>demo-  https://demo-calculator.inbank.eu/api/calculator</li> <li>live - https://calculator.inbank.eu/api/calculator</li>|

</p>

<span id="calculatorViews"></span>

# Inbank Calculator Views

## Hire Purchase Calculator

Depending on the width available to the calculator, it will have one of the following sizes:
- 300 x 125
- 402 x 150

<img src="/static/js-calculator/inbank-hp-calculator.png" class="center"/>

Once the user clicks the button within the calculator, an additional modal will be displayed with a maximum width of 640px.

<img src="/static/js-calculator/inbank-hp-calculator-popup.png" class="center"/>

## Moki Calculator

The Moki calculator has fixed dimensions of 300 x 125.

<img src="/static/js-calculator/inbank-moki-calculator.png" class="center"/>

Once the user clicks on the calculator, an additional modal will be displayed with a maximum width of 640px.

<img src="/static/js-calculator/inbank-moki-calculator-popup.png" class="center"/>

## Small Loan Calculator

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.

<img src="/static/js-calculator/inbank-small-loan-calculator.jpg" class="center"/>

<br>

<img src="/static/js-calculator/inbank-small-loan-calculator-2.jpg" class="center"/>

</p>
</p>



## Servers

Demo environment
```
https://demo-api.inbank.ee
```

Live environment
```
https://api.inbank.ee
```

## Security

### bearerAuth

Type: http
Scheme: bearer

## Download OpenAPI description

[Inbank Calculator Guide for Lithuania](https://docs.inbank.eu/_bundle/api/js-calculator-flow.yaml)