<script src='//zitopay.africa/assets/js/payment.js?v=0007'></script>
<script>
function payWithZitopay(){
var paymentSettings={
amount: '1000',
currency: 'XAF',
currency: 'XAF',
onDone: function(response){
window.console&&console.log('Custom Transaction Reference:'+response.ref);
window.console&&console.log('Unverified Transaction Status:'+response.status);
window.console&&console.log('Payment Method:'+response.payment_method);
window.console&&console.log('Payment Method Label:'+response.payment_method_label);
//redirect to your page for server-side confirmation on docs,
//as described on https://zitopay.africa/docs#get-transaction
//window.location.href='http://mywebsite.com/my_confirmation_page?ref='+response.ref;
},
onClose: function(msg){
window.console&&console.log('Payment widget closed. '+msg);
////window.location.href='http://mywebsite.com/transaction_cancelation_page?ref='+response.ref;
}
}
var zitopayHandler = Zitopay.pay(paymentSettings);
}
</script>
<button
style='border:1px solid transparent;font-weight:400;display:inline-block;text-align:right;text-decoration:none;
color:#fff;background-color:#337ab7;border-color:#2e6da4;
padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px;' onclick='payWithZitopay()' >Pay With ZitoPay</button>
<script src='https://zitopay.africa/assets/js/payment.js?v=0007' async></script> <button class='pay-with-zitopay' data-amount='1000' data-currency='XAF' style='border:1px solid transparent;font-weight:400;display:inline-block;text-align:right;text-decoration:none; color:#fff;background-color:#337ab7;border-color:#2e6da4; padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px;'> Pay With ZitoPay</button>
<script src='https://zitopay.africa/assets/js/payment.js?v=0007' async></script> <div class='pay-inline-with-zitopay' data-amount='1000' data-currency='XAF'> Pay With ZitoPay</div>
https://zitopay.africa/sci/Y3VycmVuY3k9WEFGJmFtb3VudD0xMDAw
Share this image with anyone to accept payments from them
<form method='post' action='https://zitopay.africa/sci'> <input type='hidden' name='amount' value='1000' /> <input type='hidden' name='currency' value='XAF' /> <button style='border:1px solid transparent;font-weight:400;display:inline-block;text-align:right;text-decoration:none; color:#fff;background-color:#337ab7;border-color:#2e6da4; padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px;' >Pay With ZitoPay</button> </form>
<a style="border:1px solid transparent;font-weight:400;display:inline-block;text-align:right;text-decoration:none; color:#fff;background-color:#337ab7;border-color:#2e6da4; padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px;" href="https://zitopay.africa/sci/?currency=XAF&amount=1000" target="_blank">Pay With ZitoPay</a>
//zitopay.africa/sci| Input Field Name | Description | Example Value |
|---|---|---|
| Input Field Namereceiver | DescriptionReceiver's Zitopay username or email | Example Valuea@b.com |
| Input Field Nameamount | DescriptionTotal amount to be received | Example Value1000 |
| Input Field Namecurrency | DescriptionCurrency can be any of XAF or any other currency that you have added for SCI by indicating the conversion rate here. | Example ValueXAF |
| Input Field NameOptional Fields | ||
| Input Field Namememo | DescriptionTypically the payment description (maximum of 225 characters) | Example ValuePurchase of XYZ products |
| Input Field Nameref | Description
Unique transaction reference (maximum of 84 characters) If not supplied, Zitopay will automatically generate a unique reference. But you supply a reference that you have already used for another transaction, an error will occur. |
Example ValueUser:123-Product:ABC |
| Input Field Namenotification_url | DescriptionWhen a transaction has been completed, the transaction reference (under an HTTP POST key 'ref') will be posted to this url (even before the payer gets redirected to the success_url or cancel_url). It is then advisable to rather perform all the needed confirmation check & updates on this url |
Example Valuehttp://example.com/payment/notification |
| Input Field Namesuccess_url | DescriptionAfter successfully making the payment, the payer will be redirected back to this url, with the payment data also forwarded in an HTTP POST request | Example Valuehttp://example.com/payment/success |
| Input Field Namecancel_url | DescriptionIf the transaction failed to complete, the payer will be redirected back to this url, with the payment data also forwarded in an HTTP POST request | Example Valuehttp://example.com/payment/cancel |
| Input Field Name
Split Payment Support
NB: all notifications and actions will only be applicable to the primary(first) reciever. Others can only see the effect on their balances and transaction history.
|
||
| Input Field Namereceiver2 | DescriptionSecond receiver's Zitopay username or email. | Example Valueab@b.com |
| Input Field Namereceiver3 | DescriptionThird receiver's Zitopay username or email. | Example Valueabc@b.com |
| Input Field Namesf | DescriptionThe sharing formula, indicating what percentage of the total amount received will be remitted to receiver,receiver2 and receiver3. This must sum-up to 100 | Example Value50-30-20 |
refref
(Where dd-mm-yyyy represents the day,month and year). Examples: Product003-Customer-71-DLD-31-01-2020, or even with Time (in 24 hours format), Example: Product003-Customer-71-DLD-31-01-2020T16:30. The second exaple means that anyone will not be able to make payment with Product003-Customer-71-DLD-31-01-2020T16:30 as reference, after 4:30pm, of 31st January, 2020.
ref, that word with be automatically replaced by a random numerical value here
This may be useful when you want to indicate reference code in the transaction, without having to be generating the required unique value from your sever. Example: when your ref is Prod-xyz-URANDOM it will be changed to something like Prod-xyz-9876543212 here before the payment being made.
After receiving payments via this shopping-cart interface (SCI), it is important to verify that the payment was actually made by performing the payment confirmation step. Click here to see how to verify payments
Import manage and track your transaction history from you own webpage or admin portal, by pasting a snippet.
