diff --git a/apps/portal/src/app/connect/sidebar.tsx b/apps/portal/src/app/connect/sidebar.tsx index 425b1d927d4..28e9e5eb82d 100644 --- a/apps/portal/src/app/connect/sidebar.tsx +++ b/apps/portal/src/app/connect/sidebar.tsx @@ -122,6 +122,10 @@ export const sidebar: SideBar = { name: "Integrating with Partners", href: `${walletSlug}/ecosystem/integrating-partners`, }, + { + name: "Register with WalletConnect", + href: `${walletSlug}/ecosystem/register-walletconnect`, + }, ], }, //Account abstraction diff --git a/apps/portal/src/app/connect/wallet/ecosystem/assets/walletconnect-create.png b/apps/portal/src/app/connect/wallet/ecosystem/assets/walletconnect-create.png new file mode 100644 index 00000000000..81bac8fefd5 Binary files /dev/null and b/apps/portal/src/app/connect/wallet/ecosystem/assets/walletconnect-create.png differ diff --git a/apps/portal/src/app/connect/wallet/ecosystem/assets/walletconnect-guide.png b/apps/portal/src/app/connect/wallet/ecosystem/assets/walletconnect-guide.png new file mode 100644 index 00000000000..750d2df4e00 Binary files /dev/null and b/apps/portal/src/app/connect/wallet/ecosystem/assets/walletconnect-guide.png differ diff --git a/apps/portal/src/app/connect/wallet/ecosystem/assets/walletconnect-url.png b/apps/portal/src/app/connect/wallet/ecosystem/assets/walletconnect-url.png new file mode 100644 index 00000000000..fe2e1aa9e6b Binary files /dev/null and b/apps/portal/src/app/connect/wallet/ecosystem/assets/walletconnect-url.png differ diff --git a/apps/portal/src/app/connect/wallet/ecosystem/assets/walletconnect-wallet.png b/apps/portal/src/app/connect/wallet/ecosystem/assets/walletconnect-wallet.png new file mode 100644 index 00000000000..34b84d0fd85 Binary files /dev/null and b/apps/portal/src/app/connect/wallet/ecosystem/assets/walletconnect-wallet.png differ diff --git a/apps/portal/src/app/connect/wallet/ecosystem/integrating-partners/page.mdx b/apps/portal/src/app/connect/wallet/ecosystem/integrating-partners/page.mdx index 931ae92deb9..d31c68a35e9 100644 --- a/apps/portal/src/app/connect/wallet/ecosystem/integrating-partners/page.mdx +++ b/apps/portal/src/app/connect/wallet/ecosystem/integrating-partners/page.mdx @@ -90,5 +90,3 @@ import { createWallet } from "thirdweb/wallets"; {...props} />; ``` - -### WalletConnect (Coming Soon) diff --git a/apps/portal/src/app/connect/wallet/ecosystem/register-walletconnect/page.mdx b/apps/portal/src/app/connect/wallet/ecosystem/register-walletconnect/page.mdx new file mode 100644 index 00000000000..9c2da15000e --- /dev/null +++ b/apps/portal/src/app/connect/wallet/ecosystem/register-walletconnect/page.mdx @@ -0,0 +1,59 @@ +import { Callout, DocImage, createMetadata, Steps, Step } from "@doc"; +import WalletconnectCreate from "../assets/walletconnect-create.png"; +import WalletconnectUrl from "../assets/walletconnect-url.png"; +import WalletconnectWallet from "../assets/walletconnect-wallet.png"; +import WalletconnectGuide from "../assets/walletconnect-guide.png"; + + +export const metadata = createMetadata({ + image: { + title: "thirdweb Ecosystem Wallet", + icon: "wallets", + }, + title: "Register with WalletConnect - Ecosystem Wallet | thirdweb", + description: "Ecosystem Wallet - Own your own web3 identity stack", +}); + +# How to Register Your thirdweb Ecosystem Wallet with WalletConnect (now Reown) + +**Note:** WalletConnect Inc. is now Reown. [Read more here](https://reown.com/blog/walletconnect-is-now-reown). + +Registering your Ecosystem Wallet with Reown allows it to appear in the WalletConnect Explorer for seamless integration with platforms like OpenSea and other third-party applications. + + + +Visit the [Reown Dashboard](https://reown.com/) and select **"Create Project"** +- Enter your [Ecosystem Wallet's Explorer](https://thirdweb.com/team/~/~/ecosystem/) page URL as the **Homepage URL** and proceed. +- Choose **Wallet** as the project type and select **"Create"** + + + + + + + +Navigate to the **WalletGuide** tab and fill out the following form: +- **Wallet Name:** Provide your wallet's name. +- **Wallet Category:** Select **"Web App Wallets"** +- **Web App URL:** Use your Ecosystem Wallet's Explorer page URL. +- **Supported Chains:** Choose Ethereum and any other chains your wallet supports. +- **Logo:** Upload your wallet’s logo (this will appear on the WalletConnect Explorer). +- **Testing Instructions:** Provide clear testing instructions for the Reown team. For example: *"Log in via the specified URL and select an authentication method."* + + + + + +Once you've completed the form, click **"Submit Review"** +- After approval, your wallet will appear live on the WalletConnect Explorer. + + + +Visit a platform like OpenSea and use WalletConnect to log in. +- Select your registered wallet from the list and authenticate. +- Your wallet should now seamlessly connect, allowing you to interact with the platform. + + + +By following these steps, your branded Ecosystem Wallet will be accessible across all WalletConnect-enabled (Reown) applications. +