Can I change the layout of the Address info to a 2 column layout?
It creates a new table and removes rows from the old table and adding them to the new table. The new table is placed next to the existing one.
How can I change the Visa / MC / Amex logo to just Visa / MC?
You can update the logo's in the skin.
Add the following line to the screen.css file to display Visa/MC logo:
How can I display Adyen's SSL certificate on the HPP?
You can display the Symantec or Norton seal on the Adyen Hosted Payment Pages. The seal will appear on the HPP and the shopper can verify its validity by clicking on the seal/logo.
To include the seal, code has to be added to two different files in the skin files:
In the screen.css file in the CSS folder, include the following code:
In the c.footer.txt file in the inc folder, include the following code:
This will place a seal in the lower right corner of the hosted payment page and we advice to keep the location as is. In case you want to place the seal somewhere else on the page, see Skin.
How can I display the HPP in a different language?
All of our skins are built with different language translations, by default. However, if there are no translations for a particular text string (key) or if the translation that we provide do not match with your expectations you can change it directly in the skin's GUI via our TEST Customer Area or by adding the translation in the skin file resources directory.
Our Skin manual describes how to alter the language translations via both methods (GUI and skin file resources directory). Our Github contains the complete list of each key used in the skin and its English meaning.
How can I limit the payment options during partial payments flow?
Yes, It is possible to decrease the amount of payment methods during a partial payment.
If you would like to limit the types of payment methods after the first part of the partial payment is done, you can add the code beneath to the skin files. This is helpful if a shopper pays the first part of the payment but you want to limit the payment method choice for future parts of the partial payment.
To achieve this add the the following code in the custom.js file in the js folder.
And the code beneath in the cfooter.txt file in the inc folder. In this example the payment methods Klarna and Openinvoice would not be shown in the second part of the partial payment.
How can I use custom bank logos?
You can use a custom image by adding the logo to the img directory and modifying the CSS to point to the new image.
How do I break out of an iFrame in my skin?
When using iFrames, it is sometimes mandatory to break out of it when using certain payment methods. See the attached iFrame Whitepaper for instructions.
NOTE: We highly advise against the usage of the HPP in an iFrame solution. Especially on Apple devices this could result in payment processing not being as expected.
How do I find out which user submitted a MOTO payment?
To find out which user submitted a MOTO payment, view the payment detail and look for a row with the Item value set to Payment. Created By value on the same line shows who submitted the payment.
How to hide the shipBeforeDate on the HPP?
shipBeforeDate is sent in the payment request:
|shipBeforeDate||The date by which the goods or services specified in the order must be shipped or rendered. Format is YYYY-MM-DD. See http://www.w3.org/TR/NOTE-datetime for more information.|
You can hide the
shipBeforeDate by defining the following style in the css file (screen.css) in your Skin:
We show only the
shipBeforeDate on our Multi-Page Payment pages: https://live.adyen.com/hpp/select.shtml
You can choose to use our One Page Payment flow which does not show the text: https://test.adyen.com/hpp/pay.shtml
How can I migrate from SHA-1 to SHA-256 based signature calculation?
Signature calculation using SHA-1 is no longer supported. To continue using signed requests you should use the signature calculation method based on SHA-256. Refer to the HMAC signature calculation tutorial for a detailed explanation of how this method works.
The main differences between SHA-1 and SHA-256 approaches are listed below:
- A new HMAC key is required. You should generate a new key in the Customer Area for both test and live platforms.
- Using SHA-1 the following signatures could be calculated:
deliveryAddressSig. The SHA-256 approach only makes use of the
- The signing string for SHA-1 was based on the parameter values only. The signing string for SHA-256 is based on both the parameter key name and value.
- The signing string for SHA-1 was based on a predefined set of parameters. The signing string for SHA-256 should contain all the parameters in the request to be signed.
- The signing string for SHA-1 was constructed by simply concatenating values without delimiter. The signing string for SHA-256 delimits keys and values by a colon (“:”).
How to remove the slide animation effect from the One Page Payment Pages?
These steps describe how to remove the slide animation effect from the One Page Payment Pages:
- Download the Skin from Customer Area > Skins > Download one of your Skins.
- Go to Skin → inc → pmheader.txt
Add the following script to the file:
- Save the file and zip the main folder again.
- Upload the new zip file fromCustomer Area > Skins > Select the Skin > Upload
- Wait a few minutes till the skin is Published on our Test platform and afterward the fix should work.
Is it possible to hide the Card Holder Name field on the Hosted Payment Pages?
We advise to let the shopper enter in the card holder name for risk checks. For example, Amex checks the card holder name and give information back if the name matches or not. Visa and MC are not checking the name and that's why some merchants choose to not show the card holder name field.
Can I display PayPal in an iFrame?
We do not recommend displaying the PayPal page in an iFrame, iFramed content is handled like third-party content relative to the parent window. If the web browser is configured to allow third-party cookies, it is possible to break out of the iFrame when redirecting to an external site from within the iFrame.
However, default security settings – usually, medium security level – in commonly used browsers like Internet Explorer and Safari block third-party cookies, which results in a security warning or an error page being displayed.
PayPal pages lack a P3P header, which defines the data the website stores or requests when it tries to set a cookie on the client web browser. The cookie content is compared against the web browser security settings. Based on the P3P header definition and the browser security settings, the cookie is accepted or rejected.
Cookies can be completely disabled in web browsers. With this setting, payment methods like PayPal and iDEAL do not work anymore.