---
title: Webview
slug: ki/webview
description: Learn how to seamlessly integrate the Klavi Link page into your applications using webview. This comprehensive document offers preset parameters for easy integration, while also allowing customization based on specific business requirements. Explore examp
docTags: 
createdAt: 2023-06-01T04:26:37.000Z
---

Partners can integrate the Klavi Link page into their own applications through webview.

Partners can use the following preset parameters when calling the Klavi Link page. In addition, partners can customize any parameters that match the URL scheme based on their own business.

| **Parameter**                  | **Purpose**                                                                                       | **Remark**                                                                                                                                                                                                                                            |
| ------------------------------ | ------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `uuid`<br />(required)         | Unique user identifier in partner’s system                                                        | If provided, such data will be included in the JSON report for user matching in partner’s system.                                                                                                                                                     |
| `cpf`<br />(optional)          | - User identification;<br />- Required as bank connection credential                              | If not provided by partner, user would need to input it on the Link page.                                                                                                                                                                             |
| `bank_id`<br />(optional)      | The restricted bank for connection                                                                | If bank\_id is included, user can only connect to the particular bank. The bank\_id follows the central bank codes:<br />- Banco do Brasil: 001<br />- Bradesco:  237<br />- Caixa: 104<br />- Itaú:  341<br />- Santander: 033                       |
| `callback_url`<br />(required) | The redirecting URL after bank connection. It can be a webpage or native app page.                | To include a callback\_url inside the full URL, the callback\_url value<br />must be processed in \`encodeURIcompenent()\` function as below:<br />- “%3a” replaces “:”<br />- “%2f” replaces “/”<br />- “%3f” replaces “?”<br />- “%3d” replaces “=” |
| `cancel_url`<br />(required)   | The redirecting URL when users cancel the bank connection. It can be a webpage or native app page | To include a cancel\_url inside the full URL, the callback\_url value must<br />be processed in encodeURIcompenent() function as below\::<br />- “%3a” replaces “:”<br />- “%2f” replaces “/”<br />- “%3f” replaces “?”<br />- “%3d” replaces “=”     |

**Example of Link URL redirecting to a webpage:**

The correspondent callback\_url after decoding:&#x20;

`https://partnerDomain.com?partnerParameter=value`

The complete link to embed Klavi Link through webview is as follows:

`https://open-testing.klavi.ai/partner_code?cpf=12345678910&callback_url=https%3a%2f%2fpartnerDomain.com%3fpartnerParameter%3dvalue`

***

**Example of Link URL redirecting to a native APP page:**

The correspondent callback\_url after decoding:&#x20;

`partnerAppSchemeDemo://partnerAppPage?partnerParameter=value`

The complete link to embed Klavi Link through native APP is as follows:

`https://open-testing.klavi.ai/partner_code?cpf=12345678910&callback_url=partnerAppSchemeDemo%3a%2f%2fpartnerAppPage%3fpartnerParameter%3dvalue`