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 [2015-10-14 09:01]
trh
wcs:customization [2020-01-07 12:10] (current)
Line 1: Line 1:
-====== Customization Templates ======+====== Customization ======
  
-===== General information =====+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.
  
-During the payment process based on Wirecard Checkout Seamless there are some pages which are managed by the Wirecard Checkout Server. You are able to customize these pages according to your design requirements.+===== Customization using CSS =====
  
 +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.
  
-==== What are you able to customize? ====+<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>
  
-Within the custom template files (we provide to youyou are able to customize the following pages:+Please download the following zip-file containing the {{:wcs:responsive-template-wcs.zip|customization templates}} (MD5 hash 780DAD5521E5329055A82C5AC1F4B8D6).
  
-  * Intermediate page: This page is displaying status information to your consumer during the payment process.+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 ===== 
 + 
 +There are two pages which are displayed to your consumer during the payment process: 
 + 
 +  * Intermediate page: This page displays status information to your consumer.
   * Payment page: This page displays content of external pages like authentication of 3-D Secure codes.   * Payment page: This 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 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.+In the custom template files (see below) you may customize the following:
  
 +  * Positioning of additional images.
 +  * Adjustment of page layout.
 +  * Use of merchant font styles.
 +  * Use of additional texts.
  
-==== What are the restrictions within your customization? ====+ 
 +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: During your customization please be aware of the following rules:
Line 29: Line 47:
  
  
-===== Editing of the templates =====+=== 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.
  
-==== Download and unzip the templates files ==== 
  
-Please download the following zip-file containing the customization templates: {{:wcs:customization_template.zip|}} (MD5 hash: 5FF6F30826FE49A783156F45310E09BD)+==== Editing the templates ====
  
-For further information about editing the templates please visit the [[wcp:customization_desktop#editing_of_the_templates|Customization of Wirecard Checkout Page]].+=== 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.