> For the complete documentation index, see [llms.txt](https://docs.cspr.click/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cspr.click/cspr.click-sdk/integration.md).

# Integration

This section explains how to integrate the CSPR.click SDK into a web application, initialize the runtime, connect wallets, handle SDK events, request transaction approvals, and customize the optional top bar.

Start with [Downloading and initializing the SDK](https://github.com/make-software/casper-click-websdk/blob/master/docs/public/csprclick-sdk/downdload-and-initialize.md). If you are building a React application, you can wrap the same setup in the [React Context Provider](/cspr.click-sdk/integration/react-context-provider.md).

After initialization, continue with the integration steps that apply to your application:

* [Handling events](/cspr.click-sdk/integration/handling-events.md)
* [Connecting a wallet](/cspr.click-sdk/integration/connecting-a-wallet.md)
* [Signing transactions](/cspr.click-sdk/integration/signing-transactions.md)
* [Tracking your transactions in real time](/cspr.click-sdk/integration/processing-status-updates.md)
* [Customizing the top bar](/cspr.click-sdk/integration/customizing-the-top-bar.md)
* [Identicons](/cspr.click-sdk/integration/identicons.md)