Skip to content
1 change: 1 addition & 0 deletions docs.json
Original file line number Diff line number Diff line change
Expand Up @@ -161,6 +161,7 @@
"group": "TON Connect",
"pages": [
"ecosystem/ton-connect/overview",
"ecosystem/ton-connect/wallet-connect",
"ecosystem/ton-connect/dapp",
"ecosystem/ton-connect/wallet",
"ecosystem/ton-connect/manifest",
Expand Down
54 changes: 54 additions & 0 deletions ecosystem/ton-connect/wallet-connect.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
---
title: "WalletConnect support"
sidebarTitle: "WalletConnect support"
---

import { Aside } from '/snippets/aside.jsx';
import { Image } from '/snippets/image.jsx';

[WalletConnect](https://walletconnect.network) support exists for large custodial and institutional integrators, such as [Fireblocks](https://www.fireblocks.com), that require WalletConnect compatibility for interacting with DeFi applications on TON.

<div
style={{ display: "flex", justifyContent: "center" }}
>
<Image
src="/resources/images/ton-connect/wallet-connect.png"
width={300}
height={500}
alt="WalletConnect"
/>
</div>

<Aside type="note">
Applications that do not already require WalletConnect should not adopt it. This support exists exclusively for large custodial and institutional integrators.

Most applications and wallets should continue to rely on [TON Connect](/ecosystem/ton-connect/overview) and [WalletKit](/ecosystem/ton-connect/walletkit/overview).
Comment thread
it09 marked this conversation as resolved.
</Aside>

## Limitations

Due to Telegram policies, WalletConnect is not supported in applications within, such as [Telegram Mini Apps](/ecosystem/tma/overview).
Comment thread
it09 marked this conversation as resolved.

If required, use [TON Connect](/ecosystem/ton-connect/overview) instead.

## How to integrate

1. Enable it explicitly in the application using `initializeWalletConnect()`.
1. Get a WalletConnect project ID at [`dashboard.reown.com`](https://dashboard.reown.com).

Example:

```typescript
import { initializeWalletConnect } from '@tonconnect/sdk';
import { UniversalConnector } from '@reown/appkit-universal-connector';

initializeWalletConnect(UniversalConnector, {
projectId: 'YOUR_PROJECT_ID',
metadata: {
name: 'My DApp',
description: 'Example DApp',
url: 'https://mydapp.com',
icons: ['https://mydapp.com/icon.png']
}
});
Comment thread
novusnota marked this conversation as resolved.
```
Comment thread
it09 marked this conversation as resolved.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading