Payment method presentation - csob/paymentgateway GitHub Wiki

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)

img/shared/mastercard/mastercard-logo.png   img/shared/visa/visa-logo.png

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

img/shared/apple-pay/apple_pay_logo.png

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

img/shared/skip-pay/skip-pay-logo.png

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.

img/shared/google-pay/google-pay-logo.png

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