Paymentgateway web Iframe support
This applies to : https://gattinn.pei.is and https://gattin.greidslumidlun.is
When using an Iframe solution in a payment gateway there is a certain flow that must be used
How it works
Post an order → https://api.pei.is/docs/ui/index#!/Orders/Orders_SubmitOrder
More detail about posting order is here
The key detail that must be set correctly when using IFrame is SuccessReturnUrl and CancelReturnUrl
Open the payment gateway web in iframe mode on your webpage.
The payment gateway web will handle all 3DS verification so that happens all inside the Iframe.
When the user has made a payment an event from the payment gateway webpage in the Iframe is sent to the parent page.
This event contains information about if the payment was successful or failed and has the error code from Pei regarding and will include additional code and message from acquired if a credit card payment is made.
Event example of a successful credit card payment event
{ "code" : 200 "message":"Payment Completed", "paymentCompleted" : true, "orderId" : "7Occ7bxbxN8H4NCvb9UdlQXUUbZHuYFK", "reference" : "some reference data from merchant", "cardActionResult" : { "acquirerStatusCode": "00", "acquirerMessage": "Approval." } }
Event example of a failed credit card payment event
{ "code" : 1002 "message":"Buyer does not have enough .....", "paymentCompleted" : false, "orderId" : "7Occ7bxbxN8H4NCvb9UdlQXUUbZHuYFK", "reference" : "some reference data from merchant", "cardActionResult" : { "acquirerStatusCode": "51-I", "acquirerMessage": "Do not honor. ..." } }
When the payment is successful and postback (webhook) message is sent to the merchant if defined in the order.
{ "orderId": "JqOuxhTtxJaxsxmXQ3JKIVjh2Jg23F5v", "purchaseId": 13593391, "mandateId": "bxex1d67c44e4f1fa03b8cbb97dca85f" }
Diagram
New Return and Refund response in OrderAPI