Maya Checkout
Not ready for full integration?
Explore the following No Code solutions to get started quickly without writing a code.
Offer your customers to pay their online purchases using payment cards or e-wallets. Maya Checkout simplifies the checkout process while providing a secure digital payment experience to your customers.
Please note that 3DS authentication will be applied depending on card's issuing bank
Exploring more payment methods? Please reach out to [email protected] or to your assigned Maya Relationship Manager.
Maya’s Checkout Experience
Delve into the checkout experience on our demo website
and try it yourself using the test accounts listed in Sandbox Credentials and Cards
Checkout options
Integrate with Maya Checkout
1 Review the Online Payment Quick Start Guides
Understand the pre-requisites for incorporating the Maya Online Payment solution, starting from setting up your Maya Business Manager, all the way to deploying your platform in a live Production environment.
2 Prepare the required screens for Maya Checkout
Each payment stage must display a relevant webpage, allowing customers to track the progress of their transaction. You're required to host these pages on your website.
Click here to see sample pages
Success Page Sample
<html>
<head><title>Payment is successful</title></head>
<body>
<h1>Thank your for your order!</h1>
<p>
<a link="/track-order">Track your order here</a>.
</p>
</body>
</html>
Failed Page Sample
<html>
<head><title>Payment Failed</title></head>
<body>
<h1>Payment Failed!</h1>
<p>
<a link="/track-order">Create a new order?</a>.
</p>
</body>
</html>
Cancelled Page Sample
<html>
<head><title>Cart</title></head>
<body>
<h1>List of items inside the cart</h1>
<p>
<a link="/track-order">Checkout</a>.
</p>
</body>
</html>
3 Redirect your customer to Maya Checkout
Implement a checkout button into your website to trigger Maya's Checkout API to redirect your customer to a Checkout page.
<html>
<head>
<title>Wear Vamos</title>
</head>
<body>
<form action="/create-checkout" method="POST">
<button type="submit">Checkout</button>
</form>
</body>
</html>
Keep in mind
The Checkout page is only valid for one hour. Once expired, customer will not be able to proceed with the payment.
When this happens, you may call again the Create Checkout API
Maya's Checkout is a self-hosted page in which users will choose how to pay for the transaction. A Checkout Page is a representation of what the customer has transacted. Your application can configure the Checkout data by passing the fields below:
{
"totalAmount": {
"value": 100,
"currency": "PHP"
},
"buyer": {
"contact": {
"email": "[email protected]"
},
"billingAddress": {
"countryCode": "PH"
},
"shippingAddress": {
"countryCode": "PH"
},
"firstName": "John",
"lastName": "Doe"
},
"redirectUrl": {
"success": "https://merchant-site.com/payment/success",
"failure": "https://merchant-site.com/payment/failure",
"cancel": "https://merchant-site.com/payment/cancel"
},
"requestReferenceNumber": "uuid-generated-123"
}
Visit Create Checkout API
4 Implement Webhooks to track payment statuses
Once your customer initiates a payment through your application or platform, the transaction is forwarded to Maya for processing. Maya uses webhooks to notify you about particular events taking place during the payment process. These events include successful payments, instances where a customer opts not to authorize the payment, or when a payment attempt is unsuccessful.
5 Perform Quick Test
At this stage, you should now have a working checkout button that redirects your customer to Maya Checkout.
- Click the checkout button.
- You are redirected to Maya Checkout Page.
Maya is the only e-wallet that can be tested in Sandbox. Other e-wallets like GCash, QRPh, ShoppePay, and WeChat can only be tested in Production environment. You may reach out to your Relationship Manager if you want to enable them.
Sample Maya Checkout Page
Feeling lost?
Go to our demo website
6 Prepare before you Go Live
As you approach the final stages before launching in Production, there are activities necessary to be performed. These include the implementation of Webhooks to receive real-time transaction events, as well as fulfilling the prerequisites to make Maya Checkout operational in the Production environment. For further details, refer to the step 7 Go Live of the Quick Start Guide .
Not ready for full integration?
Explore the following No Code solutions to get started quickly without writing a code.
Additional References
Updated 3 months ago