Widget Embed Test

Ethereum Mainnet

Embedded Payment Widget

Please configure a Payment Link ID first

Use the Test Panel on the right to set your link ID

Widget 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. Widget Container -->
<div id="dcp-widget"></div>

<script>
  // Create embedded widget
  const widget = DCPWidget.create({
    linkId: 'YOUR_LINK_ID',
    amountUsd: 10,
    container: '#dcp-widget',
    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

Ethereum Mainnet(Chain ID: 1)

🎨 Widget Mode

  • • Embedded inline in your page
  • • Direct wallet connection
  • • No popups or redirects
  • • Full callback support