Adyen iFrame Bruksanvisning

Läs nedan 📖 manual på svenska för Adyen iFrame (5 sidor) i kategorin Betalterminal. Denna guide var användbar för 9 personer och betygsatt med 4.5 stjärnor i genomsnitt av 2 användare

Sida 1/5
iFrame Manual
How to use the
Hosted Payment Pages
in an iFrame
17 January 2012
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©
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 , and will be placed in the iFrame (this is code in payment-frame
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

Produktspecifikationer

Varumärke: Adyen
Kategori: Betalterminal
Modell: iFrame

Behöver du hjälp?

Om du behöver hjälp med Adyen iFrame ställ en fråga nedan och andra användare kommer att svara dig