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

wcs:customization [2013-11-19 10:23]
cfl [What are you able to customize?]
wcs:customization [2020-01-07 12:10] (current)
Line 1: Line 1:
-====== Customization templates ======+====== Customization ======
  
-During the checkout process based on Wirecard Checkout Seamless are some pages which are managed by the Wirecard Checkout Platform. You are able to customize these pages to your design requirements.+During the payment process based on Wirecard Checkout Seamless there are some pages which are managed by the Wirecard Checkout Server. You may customize these pages according to your design requirements.
  
 +===== Customization using CSS =====
  
-===== What are you able to customize? =====+The responsive design of Wirecard Checkout Seamless can be adjusted using a valid CSS file. The URL to this CSS file is stored on your server and must be accessible from the Internet.  
 +The CSS file is received via the given URL in the request parameter ''CssUrl'' from your server. The rule set contained in the CSS is then used by our responsive design.
  
-Within the custom template files (we provide to youyou are able to customize the following pages:+<note>Please note that due to security reasons neither url() functions nor @import directives (e.g. external fonts) are allowed in the CSS file. If they are used they will be ignored.\\ 
 +Never send any font changes within the CSS file. Security checks may last several minutes and lead to payment cancelation. We strongly recommend to customize your fonts using [[#Customization_using_templates|CSS templates]].</note>
  
-  * Intermediate page: This page is displaying status information to your consumer during the payment process. +Please download the following zip-file containing the {{:wcs:responsive-template-wcs.zip|customization templates}} (MD5 hash 780DAD5521E5329055A82C5AC1F4B8D6).
-  * Payment pageThis page displays content of external pages like authentication of 3-D Secure Codes.+
  
-Please be aware that you are not able to customize 3rd party pages which may be shown to your consumer during the payment processTypical examples of such 3rd party pages are handling the 3-D Secure process of credit cards or financial institution dependent online banking pages.+These templates are also available on [[https://github.com/wirecard/responsive-template-wcs|GitHub]].
  
 +For more information visit [[https://www.w3.org/Style/CSS/|CSS]].
 +===== Customization using Templates =====
  
-Please download the following zip-file containing the customization templates: {{:wcs:customization_template.zip|}} (MD5 hash5FF6F30826FE49A783156F45310E09BD)+There are two pages which are displayed to your consumer during the payment process:
  
-The customization can be done in the same way as for the Wirecard Checkout Page[[wcp:customization_desktop|Customization for desktop]]+  * Intermediate pageThis page displays status information to your consumer. 
 +  * Payment pageThis page displays content of external pages like authentication of 3-D Secure codes.
  
-===== What are the restrictions within your customization? =====+In the custom template files (see below) you may customize the following:
  
-During your customization please be aware to the following rules: +  * Positioning of additional images. 
-  * Please do not use Javascript for security reasons. +  * Adjustment of page layout. 
-  * Please do not change the structure of the folders and the names of the files. You can add additional files regarding images, fonts or CSS if you need. +  * Use of merchant font styles. 
-  * Please do not remove the tags in the template files otherwise you may loose some specific functionality within the payment process.+  * Use of additional texts. 
 + 
 + 
 +Be aware that you are not able to customize 3rd party pages which may be shown to your consumer during the payment process. Typical examples of such 3rd party pages are handling the 3-D Secure process of credit cards or financial institution dependent online banking pages. 
 + 
 + 
 +=== What are the customization restrictions? === 
 + 
 +During your customization please be aware of the following rules: 
 + 
 +  * Do not use JavaScript for security reasons. 
 +  * Do not change the structure of the folders and the names of the files. You can add additional files regarding images, or CSS if you need. 
 +  * Do not remove the tags in the template files otherwise you may lose some specific functionalities within the payment process.
   * All your changes between the tags will be ignored and replaced by our content.   * All your changes between the tags will be ignored and replaced by our content.
-  * The maximum file size of your zipped template have  to be below 2Mb.+  * The maximum file size of your zipped template must not exceed 2 MB. 
 +  * External links are not permitted. 
 +  * Do not add additional font files. 
 + 
 + 
 +=== What are the prerequisites? === 
 + 
 +The customization of the Wirecard Checkout Seamless is an optional feature which need to be ordered by contacting our [[:sales|sales teams]] and enabled by our [[:support|support teams]]. 
 + 
 +=== What are the steps to perform? === 
 + 
 +To customize Wirecard Checkout Seamless you have to perform the following steps: 
 +  - Order this feature for your online shop by contacting our [[:sales|sales teams]]. 
 +  - Please be patient till our support teams enable this feature for your online shop. 
 +  - In the meantime you may already want to start editing the templates to your needs. 
 +  - After editing of the template files, please send them as a zipped file to our [[:support|support teams]]. We will check your customization and configure Wirecard Checkout Seamless according to your needs. 
 + 
 + 
 +==== Editing the templates ==== 
 + 
 +=== Downloading and unzipping the templates file === 
 + 
 +First of all, download the zip-file containing the {{:wcs:responsive-template-wcs.zip|templates}} for customization (MD5 hash 780DAD5521E5329055A82C5AC1F4B8D6).
  
 +These templates are also available on [[https://github.com/wirecard/responsive-template-wcs|GitHub]].
  
 +For further information about editing the templates please visit [[:wcp:customizations|Customization of Wirecard Checkout 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.