Integration

CoindPay Payments Link provides a simple, universal way to initiate and complete payments. It works across web, mobile, and serE-commerce checkout pages, SaaS dashboards, or web-based payment portals.

Web Integration

E-commerce checkouts, SaaS dashboards, or any web-based payment page.

1. Redirect to Payment Page

Customize your content area (Button, image, etc.) style

<a href="https://test.coindpay.xyz/pay/link/4sA2-wKhjxkCkY0W42DnQ" target="_blank">
  Pay with CoindPay
</a>

2. Embed via iFrame

Native HTML styles can be customized as needed.

// React component + TailwindCSS

const url = 'https://test.coindpay.xyz/pay/link/4sA2-wKhjxkCkY0W42DnQ'

<iframe
  src={url}
  allowFullScreen
  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
  className={classNames('size-full border-none rounded-2xl transition-opacity duration-300', isLoaded ? 'opacity-100' : 'opacity-0')}
  onLoad={onIframeLoad}
/>

Methods 1 and 2 Highlights:

  • ✅ No SDK required

  • ✅ Instant integration

  • ✅ Automatic theme and language adaptation

Mobile App Integration

iOS / Android / React Native / Flutter apps that need to embed or redirect to a payment flow.

1. WebView Embed

// React Native example

const url = 'https://test.coindpay.xyz/pay/link/4sA2-wKhjxkCkY0W42DnQ'

<WebView source={{ uri: url }} />

Server Integration

Automated payment creation, recurring billing, or backend-driven checkout systems.

API

Payments Link get payment product detail

GET /api/payment/payee

Payments Order get payment order detail

GET /api/payment/order

Handle the remaining workflow, using order API status and records to process callbacks automatically.

Last updated