Using iFrames
Table of Contents
1 Using iFrames....................................................................................................................................................... 2
2 How to Implement................................................................................................................................................ 3
Using JQuery with External Payment Pages........................................................................................................ 4
Dealing with 3D-Secure...................................................................................................................................... 4
Alternative Payment Methods............................................................................................................................ 5
Security Considerations...................................................................................................................................... 5
Using HTTPS (SSL)........................................................................................................................................ 5
Loading the Adyen Hosted Payment Pages in the iFrame ..............................................................................5
Using Cookies................................................................................................................................................ 5
1 Using iFrames
The Adyen Hosted Payment Pages can be displayed in various ways, such as in the current window, in a new
window or in an iFrame within the current window. This document describes how the iFrame variant can be
implemented.
There can be several reasons to implement iFrames:
•the customer does not have to leave your site at all (depending on payment method)
•all or most of the payment process is happening in one window
•increased conversion
This improves customer experience and conversion levels. Using Adyen's skinning technology, payment pages
within an iFrame can have the same look and feel as your own website.
However, there are several issues to take into account:
•security and the padlock icon in the browser screen
•how to deal with redirection-based payment methods
•how to deal with 3D-secure
•how to deal cookies since the iFrame is from a different domain
In this manual we will discuss the possible implementations, giving code examples and screen shots of actual
implementations.
2Copyright Adyen B.V. 2011©
