Mastercard Click to Pay securely stores users credit cards so that they can retrieve them during a checkout process. You can direct this integration to retrieve a particular user's cards by providing the
mobile query parameters in the request.
Mastercard Click to Pay will also remember users across different checkout sessions, even across different merchants. If the user is known via this route, they will be taken straight to their list of cards within the "User Flow" section shown below.
When these parameters are passed, this integration will automatically perform a Click to Pay user lookup. If the user is found, then the user will be prompted to enter an OTP code to verify themselves with the Click to Pay system:
If the OTP code is correct, then the user will be shown a list of their cards:
When the card is selected, the confirmation screen appears:
Clicking "Confirm payment" will show the Mastercard Click to Pay confirmation loading screen while the payment is being processed:
Once the payment has been processed, you will see a receipt screen:
Alternatively, if you have provided a
return_path parameter during the initial checkout flow, the user will be redirected to that path instead.
There are two different URLs for the PayNow service - one for the Sandbox environment and one for the Live environment:
In order to direct the customer to the hosted payment page the merchants website should prepare the following URL and either use this as the redirect destination, or as the IFRAME source:
The Click to Pay integration also allows you to pass in two parameters to identify your users.
|string||The email address for your user|
|mobile||string||The mobile number for your user. Can either be in a format of |
If you pass both, a lookup will be attempted first for email, and then mobile.
The following parameters are required and are used to build the URL which the user should be redirected to (or as the source for the IFRAME):
|username||string||The merchants Fat Zebra username|
|reference||string||The invoice number or order reference|
|currency||string (3 characters)||The ISO-4217 3-letter currency code for the transaction|
|amount||number||The amount of the transaction, as a decimal value.|
For currencies which do not make use of the decimal/cent value this should be omitted as 00 (e.g. 300.00 for ¥300)
|hash||string||The hash is a MD5 hexdigest of a string compiled from the request parameters.|
See below (Verification Value Calculation) for more details.
Provide any of the following as query parameters to specify display options - these are optional parameters:
|auth||boolean||If this is set the card being tokenized or the transaction processed will have an auth for the amount specified in the request performed. This can be used to verify the card|
details are valid before storing.
|hide_confirm_button||boolean||Hides the "Confirm Payment" button on the final "Confirmation" step of the Click to Pay checkout form for when the checkout should be triggered by the parent frame (via a postmessage)||false|
|return_path||string||The return URL for the transaction success - if this is omitted the result will be displayed on screen to the customer|
Note: if the a URL is specified it must be included in the verification hash. This may be a non-resolving URL for callback handling in mobile
applications if required (e.g. paymentcallback://....)
|return_target||string||The target for the form post (e.g. post back to ||empty|
|iframe||boolean||If you're rendering Click to Pay in an iframe, this will need to be set to ||false|
There are two points of verification for requests - once when the request is received by Fat Zebra (when the hosted page is rendered to the user), and once when the response is returned to the merchant - it is important that the response is verified by the merchant to ensure that the response has not been tampered with by malicious users.
The request received by Fat Zebra will be verified with the following steps:
- The reference, currency, amount will be concatenated into a string, joined by colons:
https://paynow.pmnts.io/v3/clicktopay/samsbooks/INV1121/AUD/100.25/xxxxxxxxxxx -> "INV1121:100.25:AUD"
- The value of this string will then be hashed with a HMAC-MD5, using the shared-secret known by Fat Zebra and the merchant (please contact Fat Zebra Support if you are unsure of where to find this shared secret).
shared_secret = "<<sharedSecret>>" verification = hmac_md5(shared_secret, "INV1121:100.25:AUD")
For purchases the response verification will consist of the response code, success indicator, amount, currency, transaction ID and the card token:
https://www.samsbooks.com/payment/callback?r=1&successful=true&amount=10025¤cy=AUD&id=001-P-ABCDG1124&token=abcd1234&v=xxxxx....... -> "1:true:10025:AUD:001-P-ABCDG1123:abcd1234" shared_secret = "<<sharedSecret>>" verification = hmac_md5(shared_secret, "1:true:10025:AUD:001-P-ABCDG1123:abcd1234") # v == verification should be true
The response for purchases will also include the following:
|message||string||Any messages relating to the transaction|
|amount||integer||The amount, as an integer|
|reference||string||The transaction reference|
|id||string||The Fat Zebra transaction ID|
|currency||string||The ISO-4217 3-letter currency code for the transaction|
|card_number||string||The masked credit card number (e.g. 512345XXXXXXXX2346)|
|card_holder||string||The card holders name|
|card_expiry||date (mm/yyyy)||The card expiry date|
|card_type||string||The card type of the credit card used. Possible values are:|
|successful||boolean||Indicator of transaction success|
The following response codes are used when a redirect URL is provided:
|2||Declined - examine the message parameter for possible explanations|
|94||Cancelled - the merchant clicked the Cancel button on the payment or checkout form|
|95||Merchant Not Found - possible incorrect username|
|96||Reference not unique|
|97||Validation error - check the errors parameters for error messages|
|99||Invalid Verification - the verification value does not match the parameters supplied|
|999||Gateway error - an unknown error has occurred and the merchant should investigate with Fat Zebra Suppor|