📘 Overview

This guide provides a general overview of how to integrate DOKU’s Credit Card Payment Page).
If you're a developer planning to connect your system with DOKU, this section helps you understand the overall process before diving into technical APIs.

⚠️ Don't worry — you don't need to understand every technical detail just yet. This page gives you the big picture.

🔁 End-to-End Flow at a Glance

Here’s what happens when a customer pays using your website or app via DOKU’s Payment Page:

You generate a Payment Page URL
Your system requests DOKU to create a secure, unique payment page for each transaction.

Customer is redirected to DOKU’s Payment Page
They input their card details and submit payment.

DOKU processes the payment
Once complete, DOKU sends a server-to-server notification (callback) to your backend with the result.

(Optional) You confirm the callback to DOKU
Some setups require your backend to acknowledge the notification.

You fulfill the order
After successful payment, you can deliver your product or service.

🧭 Key Components in the Flow

Component	Description
Payment Page	A secure hosted page where customers enter card details.
API Request	Your system sends a POST request to generate the Payment Page URL.
Redirect or Embed	You can redirect customers or embed the page in an iframe.
Notification URL	Your backend endpoint to receive real-time payment result callbacks.
Security (Signature)	You use HMAC SHA256 to sign the request for authentication and integrity.

💡 Why Use Payment Page?

✅ DOKU handles PCI-DSS compliance.

✅ Seamless and secure experience for your customers.

✅ Faster integration time with minimal setup.

✅ Supports refund, void, and authorization flows.

📌 What Happens Next?

Once you're familiar with the general flow, move on to the technical documentation, which covers:

Generating the Payment Page URL

Required headers and security signatures

Payload structure and examples

Notification callback handling

Capture, Refund, and Void API usage

Payment Form

📘 Overview#

🔁 End-to-End Flow at a Glance#

🧭 Key Components in the Flow#

💡 Why Use Payment Page?#

📌 What Happens Next?#

📘 Overview

🔁 End-to-End Flow at a Glance

🧭 Key Components in the Flow

💡 Why Use Payment Page?

📌 What Happens Next?