Menu

User Tools

Create PDF

Site Tools


Differences

This shows you the differences between two versions of the page.

Go

Link to this comparison view

deprecated:wcp_integration_mobile [2017-04-03 13:46]
lkn
deprecated:wcp_integration_mobile [2020-07-29 08:27] (current)
Line 1: Line 1:
 ====== Integration for Mobile Devices ====== ====== Integration for Mobile Devices ======
  
 +^ The following chapters are only relevant if you do **NOT** use the responsive design of Wirecard Checkout Page or Wirecard Checkout Seamless. If you wish to switch to the responsive design, please contact our [[:support|support teams]]. ^
 ===== General information ===== ===== General information =====
  
Line 7: Line 8:
 In general, all functions and features that Wirecard offers for desktop or notebook computers in an online shop, including back-end operations, may also be implemented and used on mobile devices.  In general, all functions and features that Wirecard offers for desktop or notebook computers in an online shop, including back-end operations, may also be implemented and used on mobile devices. 
  
-For an overview of all **customization possibilities** we invite you to have a look at+===== Mobile demo shops =====
  
-  * [[http://i-guides-app01/wcp:customization_desktop?&#customization_using_templates|Customization - Wirecard Checkout Page]]  +Before starting integration you may want to have a look at our mobile demo shops for Wirecard Checkout Page and Wirecard Checkout Seamless.
-  * [[http://i-guides-app01/wcs:customization#|Customization - Wirecard Checkout Seamless]]+
  
 +==== Wirecard Checkout Page mobile ====
 +
 +For integrating Wirecard Checkout Page on mobile devices we offer 2 default layout options, which you may customize for your design and user interface needs:
 +
 +| [[http://www.demoshop.at/smartphone|Wirecard Checkout Page mobile for Smartphones]] ||
 +| {{:mobile:integration:www.demoshop.at_smartphone.png?nolink&150|}} | {{ :demo:wcp-phone.png?direct&85 |}} |
 +|  ||
 +| [[http://www.demoshop.at/tablet|Wirecard Checkout Page mobile for Tablets]] ||
 +| {{:mobile:integration:www.demoshop.at_tablet.png?nolink&150|}} |  {{ :demo:wcp-tablet.png?direct&200 |}} |
 +
 +==== Wirecard Checkout Seamless mobile ====
 +
 +Within Wirecard Checkout Seamless you may use your own HTML and CSS for integrating the required UI elements. For an example of a demo integration based on responsive design, see:
 +| [[http://www.demoshop.at/wcs|Wirecard Checkout Seamless]] ||
 +|{{:mobile:integration:www.demoshop.at_wcs.png?nolink&150|}} | {{ :demo:wcs-payment.png?direct&195 |}} |
 +
 +For all demo shops you may want to use our [[deprecated:wcs_demo_shops#|product demos]].
  
 ===== Integration ===== ===== Integration =====
Line 69: Line 86:
   - A web view containing Wirecard Checkout Page or Wirecard Checkout Seamless opens in the native app.   - A web view containing Wirecard Checkout Page or Wirecard Checkout Seamless opens in the native app.
   - The consumer is guided through the checkout process presented within the native web view.   - The consumer is guided through the checkout process presented within the native web view.
-  - The return URL at the end of the checkout process is called in the web view. This can be one of the URLs you set in the following required request paramters: ''successUrl'', ''cancelUrl'', ''failureUrl'' or ''pendingUrl''.+  - The return URL at the end of the checkout process is called in the web view. This can be one of the URLs you set in the following required request parameters: ''successUrl'', ''cancelUrl'', ''failureUrl'' or ''pendingUrl''.
   - The native app responds to the loading of the URL and returns to native control and displays the result of the checkout process to the consumer within the native GUI of the native app.   - The native app responds to the loading of the URL and returns to native control and displays the result of the checkout process to the consumer within the native GUI of the native app.
  
Line 113: Line 130:
   * [[payment_methods:trustly:start|Trustly]]   * [[payment_methods:trustly:start|Trustly]]
  
-[[payment_methods:ideal:start|iDEAL]] needs some additional steps to be implemented in a native app. Open Wirecard Checkout Page in the default browser. After the payment process your consumer is redirected to the app.+[[payment_methods:ideal:start|iDEAL]] needs some additional steps to be implemented in a native app. Open Wirecard Checkout Page in the system default browser. After the payment process your consumer is redirected to the app. The return URL at the end of the checkout process is called in web view. This can be one of the URLs you set in the required request parameters: successUrl, cancelUrl, failureUrl or pendingUrl. The native app responds to the loading of the URL and returns to native control and displays to the consumer the result of the checkout process within the native GUI of the native app.
  
 If you still need these payment methods in a mobile solution you can either switch to a browser-based integration or by opening a mobile browser and then returning back from the mobile browser to your native app within the result page. If you still need these payment methods in a mobile solution you can either switch to a browser-based integration or by opening a mobile browser and then returning back from the mobile browser to your native app within the result page.

This website uses cookies to deliver the best service to you. By continuing to browse the site, you are agreeing to our use of cookies.