Overview

Moneris Checkout Transaction Process

To set up your Moneris Checkout integration, complete the following steps:

1. Configure your Merchant Resource Center to generate IDs used in the backend calls.
2. Build your customized client-side checkout page to securely handle the cardholder payment flow.
3. Call the Moneris backend to generate a temporary ticket number before checkout starts.
4. Implement backend server-to-server logic to handle communication with the Moneris Checkout backend.
5. Initiate checkout to fetch the ticket number and embed the checkout window in the client-side page.
6. Handle all required callback scenarios during and after checkout, and implement the Receipt request in the server logic.
   

The Moneris Checkout process flow is as follows:

sequenceDiagram
   actor Customer
   participant Browser as Browser/Client
  participant MonerisJS as Moneris Checkout JS<br/>(Front-end)
   participant Merchant as Merchant Server
   participant MonerisServer as Moneris Checkout<br/>Server
   Browser->>Merchant: 1. Merchant order confirmation page rendered
   Merchant->>MonerisServer: 2. Preload Request
   MonerisServer->>Merchant: 3. Preload Response
   Merchant->>Browser: 4. Merchant returns ticket to browser
  Browser->>MonerisJS: 5. startCheckout() JavaScript call<br/>using Moneris JS libraries
   Customer->>MonerisJS: 6. Customer sees Moneris checkout page &<br/>enters cardholder details
  MonerisJS-->>Browser: 7. Interim callback events<br/>- page_loaded()<br/>- error_event()<br/>- cancel_transaction()
   MonerisJS->>MonerisServer: 8a. Card details sent to Gateway for processing
   MonerisServer->>MonerisJS: 8b. Transaction response returned
  MonerisJS-->>Browser: 9. payment_receipt()<br/>callback event triggered<br/>* based on MCO configuration
  MonerisJS->>Browser: 10. payment_complete() callback event triggered
   Browser->>Merchant: 11. Merchant JavaScript code passes control to server
   Merchant->>MonerisServer: 12. Receipt Request
   MonerisServer->>Merchant: 13. Receipt Response
   Merchant->>Browser: 14. Merchant displays response
  Browser->>MonerisJS: 15. closeCheckout() JavaScript call<br/>using Moneris JS libraries

Get started

Use the following links to set up your own Moneris Checkout page.