Introduction
Tinka Widgets is a collection of components we offer to merchants for showcasing detailed information about Tinka payment methods to consumers on their webshops.
By offering comprehensive details about Tinka payment options, including benefits, instructions, repayment periods, and interest rates, these components will enable merchants to effectively promote and maximize the use of Tinka payment methods, enhancing customer awareness and satisfaction.
Installation
Adding the widgets to your project is a fairly simple task.
Step 1: adding JS & CSS reference
Place the following tags into the <head> section to load the styles:
<link rel="stylesheet" href="https://components.tinka.business/tinka-widgets.css" />
<script src="https://components.tinka.business/tinka-widgets.js"></script>Step 1 alternative: Async loading
If you want to asynchronously load the script
<script src="https://components.tinka.business/tinka-widgets.js" async></script>Step 2: Initialize the component
For this part, depending on the component please check the table below:
| Component | Description |
|---|---|
| Checkout | A component used at the checkout to display information about payment per month depending on the payment method provided |
| Calculator | A component that can be used by consumers to play around and see how much they have to pay depending on the credit duration |
| Product banner | A simplied version of the checkout component that shows information of the monthly payment depending on the payment method in the product page |
| Credit table | A table for showing quick information in regards to how much you have to pay in total and monthly depending on the interest rate and the duration |
| About Tinka | A component for showcasing on the about pages information about Tinka Payment Methods. |