Skip to content

Payment method presentation

Jump to bottom
Helena Vitásková edited this page Oct 26, 2022 · 6 revisions

Please place the acceptance marks of Visa and Mastercard on your checkout page. None of the acceptance marks shall be larger than the other. Please do not use PNG files at higher resolutions than provided. Should you need a custom size of the acceptance marks, please make your custom size from the vector files, or use SVG directly on your website.

Apple Pay wallets, ČSOB payment button and Skip Pay have their own logos and rules.

Payment cards (Visa, Mastercard)

  

Icon packs contain the following logos:

  • Mastercard
  • Maestro
  • Visa
  • Visa V Pay

Both associations use different business names for 3D Secure payment verification technology which also have a logo:

  • Mastercard Identity Check
  • Visa Secure

You can download the logos as one zip package.

Apple Pay

Use the acceptance logos and rules for presenting Apple Pay in the e-shop and mobile applications according to the current Apple rules:

Payment Skip Pay

You can find the current rules for the presentation of the payment method and the logos for download on the Skip Pay website.

Google Pay

Google Pay uses a logo, a mark in a payment card format, and a payment button. The logo is used to present the payment method, the mark is used to present the method in the context of the card associations’ logo in a payment card format and the client initiates the payment with the payment button. The payment button itself is available in black and white.

The rules for using the logo, the payment method designation and the payment button differ for the web and Android. You can find the current rules on GooglePay (for web and for Android application).

The logo and mark are for download on the Google Pay website. The Google Pay JavaScript method will provide the payment button graphics for you, which you will integrate into the e-shop. The language setting of the button then corresponds to the user's browser setting.

In the Czech environment, it is not allowed to decline the words “Google” and “Pay” as well as translating the word “Pay”.

ČSOB payment button

Brand logo and the actual payment button image are hosted as well, this time on the payment gateway. Please use the brand logo to inform your customers and offer them ČSOB payment. Use the payment button image to initiate the transaction directly from your e-shop as described in the API specification.

Logo

Please follow these rules when embedding the logo to your e-shop:

  1. minimum size 34 px
  2. minimum free space is 1/4 of the height

Czech version ČSOB

English version ČSOB

Payment button for payment initiation

Please follow these rules when embedding the button to your e-shop:

  1. minimum size 60 px
  2. minimum free space is 1/4 of the height

Czech version ČSOB

English version ČSOB

💳 Payment gateway

  1. Payment lifecycle
  2. Integration and API security
  3. Activation of the production environment
  4. Test cards and credentials
  5. API Sunset

💰 Payments

  1. Payment Authentication
  2. Basic Payment
  3. OneClick Payment
  4. Custom Payment
  5. Apple Pay
  6. Google Pay
  7. Collecting partial card payment
  8. ČSOB Payment Button
  9. Payment Skip Pay

🔬 eAPI 1.9

  1. API Integration
  2. Request Signing and Response Signature Validation
  3. API Methods Overview
  4. Basic Methods
  5. Methods for OneClick Payment
  6. Methods for Apple Pay
  7. Methods for Google Pay
  8. Methods for ČSOB Payment Button
  9. Methods for Skip Pay
  10. Purchase metadata

📐 Tools & how-to

  1. Payment method presentation
  2. Merchant Logo
  3. Colour scheme

📟 API extensions

  1. Extensions concept
  2. Exact date and time of transaction authorization
  3. Card data for OneClick Payment
  4. Card data for Basic Payment
  5. Tokenization
  6. Customer validation code

🔧 Frequently Asked Questions

  1. Payment methods and processing FAQ
  2. Technical FAQ
Clone this wiki locally