---
updatedAt: 2026-02-26T13:10:32.000Z
agentTools:
  projectIndex: https://docs.ksa.ngenius-payments.com/llms.txt
---

# Hosted Payment Page

Simple, secure, and PCI DSS compliant.

N-Genius Online’s Hosted Payment Page integration offers a mobile-first, responsive, and customisable solution for securely accepting payments from your customers. It supports a wide range of payment methods and currencies, making it an ideal choice for businesses that value ease of integration, data protection, and a seamless user experience.

This integration method is the most commonly used by small to medium-sized businesses. It offers peace of mind by ensuring that payment details are captured on a secure page managed entirely by Network International, reducing your PCI burden and enhancing customer trust.

[block:html]
{
  "html": "<div class=\"hosted-flow\">\n  <h3>Hosted Payment Page Flow</h3>\n\n  <div class=\"flow-step\">\n    <div class=\"flow-title\">Request Access Token</div>\n    <div class=\"flow-body\">\n      Authenticate using your credentials and retrieve a bearer token.\n    </div>\n  </div>\n\n  <div class=\"flow-arrow\">↓</div>\n\n  <div class=\"flow-step\">\n    <div class=\"flow-title\">Create an Order</div>\n    <div class=\"flow-body\">\n      Submit order details including amount, currency, and merchant attributes.\n    </div>\n  </div>\n\n  <div class=\"flow-arrow\">↓</div>\n\n  <div class=\"flow-step\">\n    <div class=\"flow-title\">Receive Payment Page URL</div>\n    <div class=\"flow-body\">\n      Extract the <code>payment.href</code> link from the response.\n    </div>\n  </div>\n\n  <div class=\"flow-arrow\">↓</div>\n\n  <div class=\"flow-step\">\n    <div class=\"flow-title\">Customer Completes Payment</div>\n    <div class=\"flow-body\">\n      The customer is returned to your <code>redirectUrl</code> with the payment status.\n    </div>\n  </div>\n\n  <div class=\"flow-arrow\">↓</div>\n\n  <div class=\"flow-step optional\">\n    <div class=\"flow-title\">(Optional) Retrieve Order Status</div>\n    <div class=\"flow-body\">\n      Use the Order ID to verify the payment state or track progress.\n    </div>\n  </div>\n\n  <p class=\"flow-caption\">\n    Overview of the hosted payment page flow.\n  </p>\n</div>"
}
[/block]

#### 📌 Common Use Cases & Quick Links

Explore the most-used Hosted Payment Page features and guides:

* 🔑 [Request an Access Token](https://docs.ksa.ngenius-payments.com/ksa/reference/request-an-access-token-paypage)
* 🧾 [Create an Order](https://docs.ksa.ngenius-payments.com/ksa/reference/create-an-order-paypage)
* 💴 [Request Payment from Customer ](https://docs.ksa.ngenius-payments.com/ksa/reference/request-payment-from-your-customer-paypage)
* 💳 [Pay by Token](https://docs.ksa.ngenius-payments.com/ksa/reference/pay-by-token-paypage)
* 🪄 [Slim Mode & UI Options](https://docs.ksa.ngenius-payments.com/ksa/reference/slim-mode-paypage)
* 🔐 [Mask PAN and CSC](https://docs.ksa.ngenius-payments.com/ksa/reference/masking-pan-and-csc)
* 🎯 [Selective Payment Methods](https://docs.ksa.ngenius-payments.com/ksa/reference/selective-payment-method-on-hosted-paypage)
* 🧍 [Pre-populate Cardholder Name](https://docs.ksa.ngenius-payments.com/ksa/reference/pre-populate-cardholders-name-on-pay-page)

***

#### 🧰 Download Hosted Payment Page API Collection

Use our [pre-built Postman collection](https://www.postman.com/network-developers/ksa-n-genius-apis) to speed up your integration process:

Includes sample requests for creating an order, handling tokenized payments, and more.