diff --git a/SUMMARY.md b/SUMMARY.md index d3a864f..b154792 100644 --- a/SUMMARY.md +++ b/SUMMARY.md @@ -23,6 +23,7 @@ * [Localization](widget/localization.md) * [Wallet Management](widget/wallet-management.md) * [Framework Integration](widget/framework-integration/README.md) +* [Third Party Wallets Integration](widget/wallets-integration.md) * [Next.js](widget/framework-integration/nextjs.md) * [Svelte](widget/framework-integration/svelte.md) diff --git a/widget/wallets-integration.md b/widget/wallets-integration.md new file mode 100644 index 0000000..760cc99 --- /dev/null +++ b/widget/wallets-integration.md @@ -0,0 +1,42 @@ +--- +description: Learn how to integrate the Bando Widget inside wallet mini-apps (Farcaster, Binance, MiniPay, World App, and more). +--- + +# Third Party Wallet Integrations + +Build once. Run anywhere. +The **Bando Widget** is designed to work seamlessly inside wallet environments — even when your dApp runs as a mini-app. + +By default, the widget is ready to run inside: + +- **Farcaster** +- **Binance** +- **Opera MiniPay** + +If you want to integrate it inside **World App**, you’ll just need one extra setup step. + +--- + +## World App Integration + +To use the Bando Widget inside **World App**, you must first install and configure the **World MiniKit**: + +- [Install World MiniKit](https://docs.world.org/mini-apps/quick-start/installing) +- [Authenticate the user wallet](https://docs.world.org/mini-apps/commands/wallet-auth#using-the-command) + +Once installed, simply pass the `MiniKit` object as a **transaction provider** to the Bando Widget. + +### Example + +```typescript +import { MiniKit } from "@worldcoin/minikit-js"; + +export const Widget = () => { + const config = { + buildUrl: true, + transactionProvider: MiniKit, + } as Partial; + + return ; +}; +```