- No pages viewed yet
When integrating Wirecard Checkout Page into your online shop, we recommend to give some thought to the different display options since a properly displayed checkout page greatly influences usability and user experience. Poorly designed checkout pages which are difficult to access frustrate consumers and lead them to abandon your online shop without completing the checkout process.
In the following we offer you an overview on the different display options available for Wirecard Checkout Page on desktop devices, associated advantages and possible disadvantages you should try to avoid in order to keep user experience positive and optimize your online shop's conversion rate.
The term “desktop device”, in this context, refers to a laptop, a notebook or a desktop computer. Typically this device category has a large screen resolution and is equipped with a keyboard and a mouse or a touchpad.
For any questions and additional information on your possibilities to integrate Wirecard Checkout Page on desktop devices do not hesitate to contact our support teams.
When you integrate Wirecard Checkout Page into your online shop, you may choose between the following display options:
The table below shows an overview of some of the advantages and disadvantages of the display options that are available for Wirecard Checkout Page:
|Iframe||The iframe does typically not fit the entire screen and thus relates the consumer to your online shop's web site in the surrounding page. This way the consumer will not be concerned as to whether he is still visiting your online shop or not.||It might not be possible to open certain payment methods, such as PayPal, in an iframe.|
|High usability since pop-up blockers do not surpress transactions. This leads to an increased conversion rate since consumers stay in your online shop and continue shopping.||Inadequate dimensions of the new page and the lack of scrollbars reduce user experience.|
|Pop-up window||Pop-up windows can be moved over the screen by the consumer, even outside of the browser window.||Reduced usability since pop-up blockers are very often enabled by default in your consumers' browsers which in turn leads to a drop in the conversion rate.|
|Often a new browser tab is opened instead of a pop-up window.|
|Page redirect||Consumer can virtually see that the payment process is carried out by a trustworthy party.||Consumer is rather likely to cancel the payment process if the layout of Wirecard Checkout Page differs significantly from your online shop's layout. Therefore it is advisable to customize Wirecard Checkout Page in line with your online shop's layout.|
|As a new browser window opens and a new URL appears in the address bar, consumers might become concerned about having left your online shop and cancel the transaction.|
For more information and details refer to customization possibilities.
For a better explanation and illustration of the different Wirecard Checkout Page display options on desktop devices, we invite you to have a look at the following examples:
In order to keep user experience positive when integrating Wirecard Checkout Page into smartphones and tablets you should consider some important issues and possible technical constraints summed up in Integration for mobile devices in order to keep user experience positive.
For some payment methods additional pages from the financial service provider will need to be displayed to your consumer during the payment process with Wirecard Checkout Page. Depending on the three different display options described above, there are different ways these external pages can be displayed. In contrast to the integration possibilities of Wirecard Checkout Page, the display configuration is done by Wirecard. Please contact our support teams to change the default behavior.
If you need various display options for additional pages from the financial service provider a different
shopId can be requested and a different configuration can be set. Please contact our support teams.
When integrating Wirecard Checkout Page in an iframe, the external pages of financial institutions can be displayed in a pop-up or as a page redirect in the iframe.
Pop-up is the default for all payment methods, except for cards with 3-D Secure which will be displayed as iframe within Wirecard Checkout Page (thus an iframe in an iframe). Optionally the input form for 3-D Secure code can be displayed as a page redirect.
Page redirect is optionally available for all payment methods, but not viable for
When integrating Wirecard Checkout Page in a pop-up window, the external pages of financial institutions can be displayed as an additional pop-up or as a page redirect in the pop-up window.
Pop-up is the default for all payment methods resulting for your consumer in two pop-up windows. The exception being cards with 3-D Secure which will be displayed as iframe within Wirecard Checkout Page or optionally as a page redirect.
Page redirect is possible for all payment methods.
When integrating Wirecard Checkout Page as a page redirect, the external pages of financial institutions can be displayed as a pop-up or as another redirect to the financial service provider.
Pop-up is the default for all payment methods, except for cards with 3-D Secure which will be displayed as iframe within Wirecard Checkout Page or optionally as a page redirect.
Page redirect is optionally available for all payment methods with some exceptions because of impracticability:
The table below summarizes all payment methods and the relevant display options for external pages. By default, all payment methods are displayed in a pop-up window except the authentication pages of credit cards forcing 3-D Secure. These external pages of financial service providers are only displayed as iframe or page redirect.
If you want to change the default settings, please contact our support teams.
|Payment method||Pop-up||Page redirect||Iframe in WCP||Important information||Legend|
|Credit cards forcing 3-D Secure||✘||o||✔||Displayed as ACS page.||o||optional|
|Credit cards without 3-D Secure||✘||No external pages.||✘||not possible|
|eps-Überweisung||✔||o||✘||Possibly no cancel button and may not allow to be opened in an iframe.|
|paybox||✘||No external pages.|
|payolution: Installment||✔||o||✘||No cancel/back to shop-button on payolution page.|
|payolution: Invoice||✘||No external pages.|
|PayPal||✔||o||✘||PayPal does not allow to be opened in an iframe.|
|Przelewy24||✔||o||✘||Shows a blank page if displayed in iframe.|
|RatePAY: Invoice||✘||No external pages.|
|SEPA Direct Debit||✘||No external pages.|
|Skrill Digital Wallet||✔||o||✘|
|Sofort.||✔||o||✘||Breaks out of iframe (framekiller).|
|Trustly||✔||o||✘||Your consumer is not directed back to your online shop after completing payment.|
|Wirecard: Invoice||✘||No external pages.|
|Payment method||Pop-up||Page redirect||Iframe||Important information|