# 2. Integrate to User Flow

## Integrate Keyring Connect

**Embedded user flow in your app**

Full onboarding & credentials creation via our [Keyring Connect Chrome Extension](https://chromewebstore.google.com/detail/keyring-connect/jgogeidclfccfoedhfjjaclnaojcllpi). To prompt users to open the extension directly in your frontend interface, you can use our Typescript SDK. 

This demo app showcases the integration of [Keyring Connect SDK](https://www.npmjs.com/package/@keyringnetwork/keyring-connect-sdk) with a fictional lending platform called xLend: <https://demo.keyring.network/>

<figure><img src="https://3375647295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgKIqz27jkHuU13NJF26P%2Fuploads%2FCZSqcefCV2JNKXChwjOU%2FScreenshot%202025-04-01%20at%2021.00.49.png?alt=media&#x26;token=25269f62-e956-4b1b-bfc4-e9bd82591185" alt=""><figcaption></figcaption></figure>

## Integrate Keyring Pro

#### Redirect to Keyring user app

App hosted by Keyring (e.g. <https://app.keyring.network/policies/keyring-pro-test>). The core components and page structure are managed and developed by Keyring, meaning no integration effort on your end. It is the simplest and quickest implementation. Users can:

* [x] Onboard for your Policy.
* [x] Choose and manage their wallets.
* [x] Create and refresh Credentials.&#x20;

**Custom sub-domain URL**

A whitelabeled user app can be provided on request.

##