> ## Documentation Index
> Fetch the complete documentation index at: https://docs.pawapay.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Payment Page

## Overview

The PawaPay Payment Page allows you to rapidly integrate mobile money into your website or mobile app providing:

* A user experience for your customers that is optimised for mobile money.
* Responsive design that works on desktop and mobile.
* Low code integration supporting all countries and MMOs.
* Support for both e-commerce and e-wallet use cases.

<Steps>
  <Step title="Enter details">
    <Frame>
      <img class="screenshot" src="https://mintcdn.com/pawapay/E3EZK2fRT-Pq5yeq/images/payment_page_enter_details.png?fit=max&auto=format&n=E3EZK2fRT-Pq5yeq&q=85&s=5345b4c2c3e15ce194594351b07ebba5" alt="Payment page - Start" width="416" height="525" data-path="images/payment_page_enter_details.png" />
    </Frame>
  </Step>

  <Step title="Authorise the payment">
    <Frame>
      <img class="screenshot" src="https://mintcdn.com/pawapay/E3EZK2fRT-Pq5yeq/images/payment_page_auth.png?fit=max&auto=format&n=E3EZK2fRT-Pq5yeq&q=85&s=59cfb0c7f8d96e1e3b35ffd830bb4d63" alt="Payment page - Enter PIN" width="417" height="330" data-path="images/payment_page_auth.png" />
    </Frame>
  </Step>

  <Step title="All done">
    <Frame>
      <img class="screenshot" src="https://mintcdn.com/pawapay/E3EZK2fRT-Pq5yeq/images/payment_page_done.png?fit=max&auto=format&n=E3EZK2fRT-Pq5yeq&q=85&s=a69ea9a21912303cfceff8690b6f0da5" alt="Payment page - Success" width="416" height="364" data-path="images/payment_page_done.png" />
    </Frame>
  </Step>
</Steps>

It is also integrated with the rest of the PawaPay Merchant API, providing benefits such as:

* Phone numbers are validated to be in the correct format.
* The MMO to use for the payment is predicted based on the entered phone number.
* Minimum and maximum transaction limits are always up to date.
* When new countries or MMOs are enabled, they are available for your customers immediately.
* Information about MMOs having downtime is integrated into the user experience.
* And many more improvements to come...

<Frame>
  <img class="screenshot" src="https://mintcdn.com/pawapay/E3EZK2fRT-Pq5yeq/images/payment_page_features.png?fit=max&auto=format&n=E3EZK2fRT-Pq5yeq&q=85&s=89e7237c0f1b3e92a4b9a9318e0ddf0a" alt="Payment page - Features" width="417" height="596" data-path="images/payment_page_features.png" />
</Frame>

## Implementation

Using the payment flow in your deposit or checkout experience is simple:

<Steps>
  <Step title="Start the session">
    When it's time for the customer to pay, [start a new session](/v1/api-reference/payment-page/deposit-via-payment-page). **The session will time out after 15 minutes.**
  </Step>

  <Step title="Forward the customer">
    Forward the customer to the `redirectUrl` provided in the response.
  </Step>

  <Step title="Wait for them to return">
    The customer will complete the payment on the Payment Page and will be forwarded to `returnUrl`.
  </Step>

  <Step title="Verify the payment status">
    Your page on `returnUrl` should [check the status](/v1/api-reference/deposits/check-deposit-status) of the payment. The `depositId` will be passed as a URL parameter.
  </Step>

  <Step title="Handle accordingly">
    Based on the `status` of the payment, handle it as a successful, failed or long running payment.

    <Frame>
      <img class="screenshot" src="https://mintcdn.com/pawapay/E3EZK2fRT-Pq5yeq/images/payment_page_flow.png?fit=max&auto=format&n=E3EZK2fRT-Pq5yeq&q=85&s=5c455e2513fe98d7645b103b69a59de5" alt="Payment page - Implementation flow" width="640" height="600" data-path="images/payment_page_flow.png" />
    </Frame>
  </Step>
</Steps>