Interactive Merchant Integration & Checkout Showcase
High-quality custom design cotton t-shirt.
Access to all premium platform features.
Specify any custom amount to donate.
q_pk_dYBLjUrJJZkGdPeq6orf9xZwONXuMMmB
https://api.qqweb.net
https://api.qqweb.net/static/js/q-pay.98c097d1ce80.js
Simply render standard buttons with checkout configurations:
<script src="https://api.qqweb.net/static/js/q-pay.98c097d1ce80.js"></script>
<script>
window.Q_PAY_CONFIG = {
publicKey: 'q_pk_dYBLjUrJJZkGdPeq6orf9xZwONXuMMmB',
baseUrl: 'https://api.qqweb.net'
};
</script>
<button class="q-payment-button"
data-amount="5"
data-email="customer@example.com"
data-reference="REF_123">
Pay with Q
</button>
Initialize dynamic checkout overlays via programmatic SDK call:
const qpay = new QPay('q_pk_dYBLjUrJJZkGdPeq6orf9xZwONXuMMmB', {
baseUrl: 'https://api.qqweb.net',
onSuccess: (res) => console.log('Paid', res),
onError: (err) => console.error(err),
onClose: () => console.log('Closed')
});
await qpay.initializePayment({
amount: 5,
reference: 'REF_' + Date.now(),
customerEmail: 'customer@example.com',
customerName: 'John Doe',
metadata: { order_id: '123' }
});