Platform Flow Documentation

This guide walks through the end-to-end payment flow within the MettPay Merchant Portal — from creating a payment link to receiving a confirmed receipt.


Step 1

Log In and Create a Payment Link

After logging into the portal, navigate to the Payment Links tab and click "Add New Payment Link". This will open a side panel where you can enter the order details.

Payment Links Tab
Step 2

Enter Order Details and Submit

Fill in the required order information in the side panel and click Submit. Upon successful submission, you will be redirected to the Payment Link Table.

The payment link and order details will automatically be sent to the customer via WhatsApp and email.

Add New Payment Link Panel
Payment Link Table
Step 3

Customer Accesses the Checkout Page

The customer opens the payment link, which redirects them to the Checkout Page. Here, the customer must review and accept the applicable policies before clicking Proceed to continue.

Checkout Page
Step 4

PayBy Checkout — Select Payment Method and Enter Card Details

After clicking Proceed, the customer is redirected to the PayBy Checkout Page, where all available payment methods are displayed. The customer selects a payment method and enters the required details — for example, card number, expiry date, and CVV for card payments.

Card Details Entry
Step 5

Payment Confirmation and Receipt

Once the payment is authenticated (e.g., via OTP), the customer is automatically redirected to the MettPay Receipt Page within a few seconds, confirming a successful transaction.

Payment Successful
Merchant Receipt View

On the merchant side, the transaction will appear as successfully paid in the portal, and the merchant can view or download the receipt at any time.


Alternate

Using the "My QR" Feature

The same payment flow can also be initiated using the "My QR" feature. In this method, the customer manually enters the order details themselves. Once submitted, the flow continues from Step 3 (Checkout Page) onwards.

This option is particularly useful for walk-in customers or situations where payment links need to be generated on the spot without pre-filling customer information.


Feature

Handling Interrupted Flows — Sync Button

In some cases, the customer or merchant may not see the receipt page — for example, if the browser is closed before the redirect completes. The Sync Button is designed to resolve this.

When Does This Happen?

  1. A payment link is created and sent to the customer.
  2. The customer clicks Proceed on the Checkout Page.
  3. The customer is redirected to the PayBy Checkout Page and enters card details.
  4. The browser is closed before reaching the MettPay Receipt Page.
  5. The link continues to redirect to the Checkout Page, even though payment may have been completed.

How to Use the Sync Button

MettPay provides two Sync options to retrieve the payment status and receipt in this scenario.

Sync Option 1
Sync Option 1
Sync Option 2
Sync Option 2

Sync Button Outcomes

  • If the payment was successful — the merchant is redirected directly to the Receipt Page.
  • If the payment was not completed — a popup message displays the current payment status.
Receipt (Payment Confirmed)
Receipt Page
Status Popup (Payment Incomplete)
Payment Not Completed