> For the complete documentation index, see [llms.txt](https://docs.keyring.network/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.keyring.network/docs/integration-steps/2.-integrate-to-user-flow.md).

# 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="/files/r9bc8bVWXOLcDBh5Stxn" 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.

##