Benefits of iFrame
This option allows the buyer to stay in a familiar and trusted environment.
The payment tunnel is smooth and cart abandonment is less frequent.
It is possible to use a custom Template for the card form which will be integrated into the payment page. For more details: Mise en place d'un Template Personnalisé
The iframe is web responsive and can be integrated into a mobile application.
Table of Contents
Summary of the iframe implementation
- Implementation of the iframe in the merchant's payment page
- Configuration of URLs passed in the "urls" object of the payment request
Preparation of the urls.return and urls.cancel parameters with the URLs for successful and abandoned payment.
- Placement of these 2 parameters in the Data parameter hash
- Passing Data as a parameter in the URL provided to the src attribute of the iframe
- Addition of the CustomField14=iframe parameter to display only the payment block
- Creation of the 'Success' and 'Failure' pages
- Preparation of the HTML code for redirect-success and redirect-failure
- Implementation of JavaScript redirection
- Integration of the postMessage method in redirect-success and redirect-failure
- Integration of the event listener (Event Listener) in the merchant's payment page