Partner integration
The Karl premium calculator on your website
Your customers see straight away what insuring their bike costs, and take out the policy with Karl directly. Two lines of code are all it takes.
Live demo
Try the calculator with your token, in every language and with a fixed bike value.
Leave it empty and your customers pick the value with the slider.
Built in in two minutes
1.Get your token
Your partner token is in the partner portal under Integrations. It credits every sale made through the calculator to you.
2.Copy the code
Take one of the snippets below and put your token in data-ref.
3.Paste the code
Paste the code into your page where the calculator should appear. It sets its own height.
The code
An element the calculator appears in, and a script that loads it.
Standard
With a slider: your customers choose the value of their bike themselves.
<!-- Karl premium calculator -->
<div id="karl-calculator"
data-ref="YOUR_PARTNER_TOKEN"
data-locale="en-DE">
</div>
<script src="https://karlbikes.com/widget/calculator.js"></script>Product page
With a fixed bike value, when the bike’s price is already known. The slider is left out.
<!-- Karl premium calculator with a fixed bike value -->
<div id="karl-calculator"
data-ref="YOUR_PARTNER_TOKEN"
data-value="2499"
data-locale="en-DE">
</div>
<script src="https://karlbikes.com/widget/calculator.js"></script>Several calculators on one page
For a product listing: mark each element with data-karl-calculator and give each one its own bike value. The script appears only once on the page. An element with id="karl-calculator" still works.
<!-- Karl premium calculators, one for each bike -->
<div data-karl-calculator
data-ref="YOUR_PARTNER_TOKEN"
data-value="2499"
data-locale="en-DE">
</div>
<div data-karl-calculator
data-ref="YOUR_PARTNER_TOKEN"
data-value="3899"
data-locale="en-DE">
</div>
<!-- Once, at the end of the page -->
<script src="https://karlbikes.com/widget/calculator.js"></script>Settings
Every data attribute at a glance.
| Attribute | Required | Default | Description |
|---|---|---|---|
| data-ref | Yes | none | Your personal partner token, which attributes the leads to you. |
| data-value | No | none | Bike value in EUR. When set, the slider is hidden — ideal for product pages. |
| data-locale | No | de-AT | Language of the widget. Supported: de-AT, de-DE, de-IT, en-AT, en-DE, en-IT, it-AT, it-DE, it-IT, fr-AT, fr-DE, fr-IT, es-AT, es-DE, es-IT. |
What you get
Five languages
German, English, French, Italian and Spanish: the calculator speaks your customers’ language.
Sales credited to you
Every sale made through your calculator is credited to your partner account automatically.
Nothing to maintain
Karl hosts the calculator and keeps it up to date. You build it in once.
More ways
Karl fits into your sales in other ways too. Your token and ready-made code are waiting in the partner portal.
Direct link from your system
Your system creates the application with the bike’s details and gives your customer the link.
Read the direct link guideKarl app for Shopify
Insurance on the product page and after checkout in your store.
Read the Shopify guideYour token, your code
In the partner portal you find your partner token and the calculator code with your token already in it.
Go to Integrations
No partner token yet?
Write to us and we will set up your access within one working day.