One-Click Wallet Installation

⚡ Try One-Click Installation

Click any button below and watch as we automatically detect your platform, open the right store, and guide you through seamless installation.

◊

Phantom

Solana wallet for DeFi and NFTs

🦊

MetaMask

Ethereum wallet for Web3 apps

💙

Coinbase

Multi-chain self-custody wallet

What happens when you click:

📱 Mobile: Opens App Store → Downloads app → Auto-connects

🖥️ Desktop: Opens Web Store → Installs extension → Auto-connects

⚡ Magic: Detects completion and triggers connection flow automatically

How One-Click Installation Works

📱

Mobile Platforms (iOS/Android)

1

Deep Link Detection

Attempts to open the wallet app if already installed

2

App Store Redirect

Opens App Store/Google Play for installation

3

Installation Monitoring

Monitors for app installation completion

4

Auto-Connection

Automatically triggers wallet connection flow

🖥️

Desktop Browsers

1

Browser Detection

Identifies Chrome, Firefox, Safari, Edge

2

Web Store API

Uses Chrome Web Store inline installation when possible

3

Extension Monitoring

Watches for extension installation and activation

4

Smart Connection

Auto-detects when ready and initiates connection

Platform Support Matrix

Platform	Phantom	MetaMask	Coinbase
📱 iOS	App Store	App Store	App Store
📱 Android	Play Store	Play Store	Play Store
🌐 Chrome	Web Store	Web Store	Web Store
🦊 Firefox	Add-ons	Add-ons	N/A
🔷 Edge	N/A	Add-ons	N/A
🍎 Safari	App Store	Manual	Manual

Developer Integration

1. Include the Script

2. Create One-Click Install Buttons

<!-- HTML approach -->
<button class="one-click-install-btn" data-one-click-install="phantom">
  ⚡ Install Phantom
</button>

<!-- JavaScript approach -->
<script>
  const phantomButton = OneClickButtons.phantom({ 
    text: '⚡ Quick Install Phantom' 
  });
  document.getElementById('container').innerHTML = phantomButton;
</script>

3. Monitor Installation Events

<script>
  // The system automatically detects installations and triggers connections
  // But you can also listen for custom events:
  
  window.addEventListener('wallet-installed', (event) => {
    console.log('Wallet installed:', event.detail.walletType);
    // Show success message, update UI, etc.
  });
  
  window.addEventListener('wallet-connected', (event) => {
    console.log('Wallet connected:', event.detail);
    // Redirect to dashboard, update balances, etc.
  });
</script>

🔍 Live Detection Status

◊

Phantom

🔍 Checking...

🦊

MetaMask

🔍 Checking...

💙

Coinbase

🔍 Checking...

Status updates in real-time as wallets are installed and detected