Button Trigger Test

Sepolia Testnet

Payment Button

What happens when you click?

  • • Opens a modal with wallet selection
  • • Connect your Web3 wallet (MetaMask, WalletConnect, etc.)
  • • Review payment details
  • • Confirm and send payment

Payment Events

0 events
No events yet. Trigger a payment to see logs.

Integration Code

<!-- 1. Load Widget SDK -->
<script src="/sdk/dcp-widget.umd.js"></script>

<!-- 2. Payment Button -->
<button id="pay-button">Pay with Crypto</button>

<script>
  document.getElementById('pay-button')
    .addEventListener('click', () => {
      // Opens modal with wallet connection
      DCPWidget.pay({
        linkId: 'YOUR_LINK_ID',
        amountUsd: 10,
        theme: 'light',
        onSuccess: (txHash) => {
          console.log('Payment successful!', txHash);
        },
        onError: (error) => {
          console.error('Payment failed:', error);
        },
        onCancel: () => {
          console.log('Payment cancelled');
        }
      });
    });
</script>

Test Configuration

Saved in localStorage per environment

Override default amount

Sepolia(Chain ID: 11155111)

Payment Status

Current NetworkSepolia Testnet
Widget Loaded

💡 Button Mode

  • • Click opens modal overlay
  • • Direct wallet connection UI
  • • No page navigation needed
  • • Clean callback system