Build the merchant’s receipt page
Build the merchant’s receipt page
Create a receipt page on the merchant’s website to display the transaction response to customers.
After the customer submits their payment details, the Hosted Payment Page redirects them to the merchant’s receipt page and appends the transaction response as query parameters. The receipt page must parse these parameters and display a success or decline message.
Note: If there is an issue with saving the customer’s payment details, the Hosted Payment Page still redirects the customer to the receipt page and returns the response in the query parameters.
Before you begin
You must have credentials for the Self-Care Portal, which is a self-serve portal that you use to configure terminal settings for your merchant. Use this portal to provide us with the URL for the receipt page.
If you don’t have credentials for the Self-Care Portal, contact our Integrations Team at [email protected].
Integration steps
- Provide us with the URL of the merchant’s receipt page.
- Handle the transaction response and present the outcome to the customer.
Step 1. Provide us with the URL of the merchant’s receipt page.
Important: You must provide us with a URL that we redirect your customer to when they save their payment details. This URL is not the same as the receipt page URL you set up for sales and pre-authorizations.
Provide us with the receipt page URL in the Self-Care Portal so that we know where to redirect customers after they submit their payment details and where to send the transaction response.
To provide us with the URL, complete the following steps:
- Sign in to the Self-Care Portal:
- From the side menu, select Settings, and then select Terminal.
- In the Secure Token URL field, enter the URL of the receipt page.
- Select UPDATE SETTINGS.
Note: Enter the receipt page URL in both the test and the production environments to ensure that you don’t have issues when you complete your testing phase and start to run live transactions.
Step 2. Handle the transaction response
The Hosted Payment Page returns the transaction response as query parameters appended to the receipt page URL. The query parameters change depending on whether the customer saved their card details or their bank account details.
You must program your integration to associate the MERCHANTREF and CARDREFERENCE parameters with the customer. You can use MERCHANTREF to look up the token in your merchant’s database, and you use CARDREFERENCE instead of the customer’s payment details in follow-on transactions.