Quick Checkout Live Demo

Interactive demo to test the Quick Checkout redirect functionality. Simply update the SESSION_ID in the code below.

Result

Loading...

Live Editor

function QuickCheckoutDemo() {
  const SESSION_ID = ''; // Change this to your generated Session ID
  
  const isSessionIdValid = SESSION_ID.trim().length > 0;
  
  return (
    <div style={{ 
      maxWidth: '600px', 
      margin: '0 auto', 
      padding: '20px'
    }}>
      <h2>Pay with Quick Checkout</h2>
      
      {!isSessionIdValid && (
        <InfoBox>
          Set a valid SESSION_ID value in the code below to enable the checkout button.
        </InfoBox>
      )}
      
      <a
        href={isSessionIdValid ? `https://pay.skrill.com?sid=${SESSION_ID.trim()}` : '#'}
        target={isSessionIdValid ? '_blank' : '_self'}
        rel="noopener noreferrer"
        style={{
          display: 'inline-block',
          backgroundColor: isSessionIdValid ? '#007bff' : '#6c757d',
          color: 'white',
          padding: '12px 24px',
          fontSize: '16px',
          textDecoration: 'none',
          borderRadius: '4px',
          cursor: isSessionIdValid ? 'pointer' : 'not-allowed',
          opacity: isSessionIdValid ? 1 : 0.6,
          fontWeight: 'bold',
          pointerEvents: isSessionIdValid ? 'auto' : 'none'
        }}
      >
        Pay
      </a>
    </div>
  );
}

How to Use

1. Get a Session ID: Obtain a session identifier (SID) from Skrill by making a request to the payment session API with your transaction details.

2. Update the Code: Replace the empty string in const SESSION_ID = ''; with your actual session ID.

3. Test: Click the button to open Quick Checkout in a new tab.