Using iFrames
Adyen's Hosted Payment Pages running in an iFrame (Courtesy: Gunshine.net)
2 How to Implement
To load the Adyen-page in an iFrame the following example can be used. The well-known Adyen payment
order form is given a target, for instance payment-frame, and will be placed in the iFrame (this is code in
your own pages):
<div id="adyen-payment-container">
<form id="payment-order-form"
action="https://live.adyen.com/hpp/pay.shtml"
method="post"
target="payment-frame">
... form values ...
</form>
...
<iframe name="payment-frame"
allowtransparency="true"
scrolling="auto"
frameborder="0">
</iframe>
</div>
The rest of the payment pages, such as entry of credit card details and the result page, will be displayed in the
iFrame.
Copyright © Adyen B.V. 2011 3
