SplitAmount Multi-Card Payment Demo

See how customers can split payments across multiple cards

Interactive Demo

Split Your Payment

Total Amount:$299.99
Remaining:$299.99

Integration Options

Option 1: JavaScript Widget

Drop-in widget for any website

<!-- Add to your checkout page -->
<script src="https://splitamount.com/widget.js"></script>
<div id="splitamount-checkout" 
     data-merchant-id="acct_merchant123"
     data-amount="29999"
     data-currency="usd">
</div>

<script>
// Listen for payment success
window.addEventListener('splitamount:success', (e) => {
  console.log('Payment completed:', e.detail);
  // Redirect to success page
  window.location.href = '/success';
});
</script>

Option 2: React Component

For React/Next.js applications

import { MultiCardCheckout } from '@splitamount/react';

function CheckoutPage() {
  return (
    <MultiCardCheckout
      merchantId="acct_merchant123"
      amount={29999}
      currency="usd"
      onSuccess={(result) => {
        console.log('Payment completed:', result);
        // Handle success
      }}
      onError={(error) => {
        console.error('Payment failed:', error);
        // Handle error
      }}
    />
  );
}

Option 3: Direct API

Custom implementation using our API

// 1. Create payment session
const session = await fetch('/api/payment-session', {
  method: 'POST',
  body: JSON.stringify({
    merchant_id: 'acct_merchant123',
    order_id: 'order_123',
    total_amount: 299.99,
    description: 'Your product'
  })
});

// 2. Add payment methods
await fetch(`/api/payment-session/${sessionId}/payment-methods`, {
  method: 'POST',
  body: JSON.stringify({
    payment_method_id: 'pm_card1',
    allocated_amount: 150.00
  })
});

// 3. Execute payment
const result = await fetch(`/api/payment-session/${sessionId}/execute`, {
  method: 'POST',
  body: JSON.stringify({ confirm: true })
});

Why Multi-Card Payments?

23% Higher Conversion

Customers complete purchases they couldn't afford with a single card

Higher Order Values

Customers spend 15% more when payment limits aren't a constraint

Better Customer Experience

Flexible payment options increase customer satisfaction and loyalty