The WebPaymentRequest enables a secure, hosted payment experience using PayGate’s Hosted Payment Page. This streamlined process minimizes integration complexities for developers while maximizing security and a consistently positive user experience. Merchants who prefer not to manage card data directly will find this ideal.
Consequently, businesses can focus on core functionalities, leaving the sensitive aspects of payment processing to a trusted and PCI DSS compliant provider. This frees up valuable development resources and reduces the overall risk associated with handling payment information.
The VaultId included in this request body is generated by a successful CardVaultRequest, which stores the card details securely for future use.
After sending a valid SOAP request to /payhost/process.trans, PayGate responds with a set of redirect parameters:
-
PAYGATE_ID -
PAY_REQUEST_ID -
REFERENCE -
CHECKSUM
You must then redirect the customer’s browser to PayGate using these values — either through a form POST or using an auto-submitting HTML form.
Redirecting to PayGate
Once you’ve received the redirect parameters in the response, use the following structure to redirect the customer to PayGate:
<form action="https://secure.paygate.co.za/PayHost/process.trans" method="POST"> <input type="hidden" name="PAYGATE_ID" value="..."> <input type="hidden" name="PAY_REQUEST_ID" value="..."> <input type="hidden" name="REFERENCE" value="..."> <input type="hidden" name="CHECKSUM" value="..."> <button type="submit">Click to Pay</button> </form>
For testing, you can also use this CodePen example with auto-submit logic:
setTimeout(() => { document.getElementById('payhostRedirectForm').submit();
}, 2000);
Be sure to use test cards and a valid checksum when constructing your redirect values.
Runtime endpoint: POST https://secure.paygate.co.za/payhost/process.trans