Last updated

Hosted Payment Page

Computop Paygate’s Hosted Payment Page allows you to securely process transactions by redirecting your customers to a PCI-compliant payment interface. This integration requires minimal development effort, supports multiple payment methods under a single implementation, and ensures sensitive customer data remains entirely within Computop’s systems. By outsourcing payment processing, your business significantly reduces PCI-DSS compliance responsibilities and associated costs.

Key advantages:

  • Minimal development effort.
  • Supports multiple payment methods under a single implementation.
  • Sensitive customer data remains entirely with Computop's system significantly reducing your PCI-DSS compliance responsibilties and associated costs.
  • Automatic validation and error management.
  • Adjust the layout, colors and branding elements to align with your website's appearance.
  • Responsive design that supports all device sizes.

Payment Flow

Hosted Payment Page sequence diagram

  1. Customer proceeds to checkout on your online store.
  2. Your frontend requests the payment page to your server.
  3. Your server makes a Create checkout session call to Computop Paygate.
  4. Computop Paygate responds with the redirect URL to your server.
  5. Your server orchestrates the browser to redirect the UI to the redirect URL.
  6. Customer is redirected to Hosted Payment Page hosted by Computop Paygate.
  7. Customer selects their preferred payment method and completes payment.
  8. Upon completion, customer is redirected to the return URL (urls.return) that was submitted by you during Create checkout session call. The return URL is suffixed with payId in the query parameters.
  9. The browser triggers an HTTP GET request to the return URL on your server, including the payId in the query string. Your server uses this payId to identify the payment session and proceed with retrieving the payment result.
  10. Your server makes a Retrieve payment details by Payment ID call to retrieve the responseCode of the payment.
  11. Computop Paygate responds with the responseCode of the payment along with other parameters.
  12. Your server returns a success or a failure page based on the responseCode of the payment.

Supported Payment Methods

Refer to Payment methods overview for the list of supported payment methods on Hosted Payment Page.