🚀 Conduit Checkout Integration Example

This page demonstrates how to integrate Conduit's secure escrow payment system into your website. Click the buttons below to see different integration modes.

Live Examples

Basic Product - $10.00

Simple one-time payment with popup checkout

Enterprise Plan - $200.00

Full page redirect checkout with USDT option

Custom Amount

Let users choose their own amount

Integration Code

1. Include the Script

<script src="https://app.instantescrow.nz/conduit-checkout.js"></script>

2. Initialize with Your Config

<script>
  ConduitCheckout.init({
    // Your wallet address to receive payments
    sellerAddress: '0x4f118f99a4e8bb384061bcfe081e3bbdec28482d',

    // Base URL of Conduit checkout page
    baseUrl: 'https://app.instantescrow.nz',

    // Default token (USDC or USDT)
    tokenSymbol: 'USDC',

    // Days until auto-release to seller (default: 7)
    expiryDays: 7,

    // Display mode: 'popup' or 'redirect'
    mode: 'popup',

    // Success callback
    onSuccess: function(data) {
      console.log('Payment completed!', data);
      alert('Payment successful! Transaction: ' + data.transactionHash);
    },

    // Error callback
    onError: function(error) {
      console.error('Payment failed:', error);
      alert('Payment failed: ' + error);
    },

    // Cancel callback
    onCancel: function() {
      console.log('Payment cancelled');
      alert('Payment cancelled');
    }
  });
</script>

3. Add Payment Buttons

<!-- Simple button -->
<button onclick="ConduitCheckout.open({
  amount: '50.00',
  description: 'Premium Product'
})">
  Pay $50 with USDC
</button>

<!-- Button with more options -->
<button onclick="ConduitCheckout.open({
  amount: '100.00',
  description: 'Order #1234 - Widget Bundle',
  orderId: '1234',
  email: 'customer@example.com',
  tokenSymbol: 'USDT',
  expiryDays: 14,
  webhookUrl: 'https://yoursite.com/webhook',
  metadata: { sku: 'WIDGET-001', quantity: 2 }
})">
  Pay $100 with USDT
</button>

API Reference

ConduitCheckout.init(options)

Initialize the checkout widget with your configuration:

sellerAddress (required) - Your wallet address to receive payments
baseUrl (required) - Base URL of the Conduit checkout page
tokenSymbol (optional) - Default token: 'USDC' or 'USDT' (default: 'USDC')
expiryDays (optional) - Days until auto-release (default: 7)
mode (optional) - Display mode: 'popup' or 'redirect' (default: 'popup')
onSuccess (optional) - Success callback function
onError (optional) - Error callback function
onCancel (optional) - Cancel callback function

ConduitCheckout.open(params)

Open a checkout for a specific payment:

amount (required) - Payment amount (e.g., '50.00')
description (required) - Payment description
orderId (optional) - Your order/transaction ID
email (optional) - Customer email address
tokenSymbol (optional) - Override default token for this payment
expiryDays (optional) - Override default expiry for this payment
expiryTimestamp (optional) - Custom expiry Unix timestamp
webhookUrl (optional) - Webhook URL for payment verification
metadata (optional) - Custom metadata object

ConduitCheckout.close()

Programmatically close any open checkout.

Webhook Integration

If you provide a webhookUrl, Conduit will POST payment verification data to your endpoint:

{
  "transaction_hash": "0x...",
  "contract_address": "0x...",
  "contract_id": "abc123",
  "order_id": 1234,
  "expected_amount": 50.00,
  "expected_recipient": "0x...",
  "merchant_wallet": "0x..."
}