Providers Overview
CollanaPay SDK ships with 15 built-in payment button providers. Each provider wraps a third-party SDK and exposes a uniform lifecycle (CallbackHandlers).
Provider Table
| Provider Key | Protocol | Payment Method | Notes |
|---|---|---|---|
PayPal:PayPalExpress | PayPal | PayPalExpress | Native PayPal JS SDK |
PayPal:PayLater | PayPal | PayLater | Native PayPal JS SDK |
Google:GooglePay | GooglePay | Google Pay JS API | |
Apple:ApplePay | Apple | ApplePay | W3C Payment Request API |
Amazon:AmazonPay | Amazon | AmazonPay | Amazon Pay Checkout v2 |
Adyen:PayPalExpress | Adyen | PayPalExpress | Adyen Drop-in |
Adyen:GooglePay | Adyen | GooglePay | Adyen Drop-in |
Adyen:ApplePay | Adyen | ApplePay | Adyen API-only |
Braintree:PayPalExpress | Braintree | PayPalExpress | Braintree JS v3 |
Braintree:PayLater | Braintree | PayLater | Braintree JS v3 |
Computop:GooglePay | Computop | GooglePay | Google Pay API via Computop gateway |
Computop:ApplePay | Computop | ApplePay | W3C Payment Request API via Computop |
Mollie:ApplePay | Mollie | ApplePay | W3C Payment Request API via Mollie |
Revolut:RevolutPay | Revolut | RevolutPay | Revolut Checkout Payments SDK |
Stripe:GooglePay | Stripe | GooglePay | Stripe Express Checkout Element |
Usage Notes
Script Tag (UMD)
When using the UMD build, all 15 providers are bundled and registered automatically. No extra imports are needed.
html
<script src="https://cdn.example.com/collana-pay@VERSION/collana-pay.umd.js"
integrity="sha384-..." crossorigin="anonymous"></script>
<script>
const { ExpressButtons } = window.CollanaPay;
</script>npm (ESM)
When importing from collana-pay-js, all providers are registered as a side-effect of the import. Tree-shaking of individual providers is not supported.
js
import { ExpressButtons } from 'collana-pay-js';Custom Providers
Use registerProvider to register your own custom payment button provider alongside the built-in ones.