Loga a prezentace platebních metod - csob/platebnibrana GitHub Wiki
Na stránku košíku ve vašem e-shopu (případně do popisu platebních metod) umístěte loga platebních metod, které příjímáte. U platebních karet jsou to tzv. akceptační loga (“acceptance marks”) asociací Visa a Mastercard.
Peněženky Apple Pay, platební tlačítko ČSOB a Skip Pay mají vlastní loga a pravidla. Obecně platí, že žádné logo by nemělo být zobrazeno ve větší velikosti než ostatní loga. Použijete-li PNG ikony, nezvětšujte je. Potřebujete-li konkrétní velikost, vyrobte si ji z vektorových formátů nebo použijte SVG.
Platební karty (Visa, Mastercard)
img/shared/mastercard/mastercard-logo.png img/shared/visa/visa-logo.png
Balíček ikon obsahuje následující loga:
- Mastercard
- Maestro
- Visa
- Visa V Pay
Obě asociace používají pro technologii ověřování plateb 3D Secure odlišné komerční názvy, které mají i logo:
- Mastercard Identity Check
- Visa Secure
Loga si můžete stáhnout jako jeden zip balíček.
Apple Pay
img/shared/apple-pay/apple-pay-logo.png
Akceptační loga a pravidla pro prezentaci Apple Pay v e-shopu a mobilních aplikacích použijte podle aktuálních pravidel Apple:
- Marketingová pravidla prezentace metody Apple Pay
- Vývojářská pravidla pro použití Apple Pay tlačítek (Human Interface Guidelines)
Platba Skip Pay
img/shared/skip-pay/skip-pay-logo.png
Pravidla pro prezentaci platební metody a loga naleznete ke stažení na stránkách Skip Pay.
Google Pay
img/shared/google-pay/google-pay-logo.png
Google Pay používá logo, mark ve formátu platební karty a tlačítko pro platbu. Logo se využívá k prezentaci platební metody, mark k prezentaci metody v kontextu loga karetních asociací ve formátu platební karty a tlačítkem klient zahajuje platbu. Samotné platební tlačítko je k dispozici v černé a bílé barvě.
Pravidla pro použití loga, označení platební metody a tlačítka pro platbu se liší pro web a Android. Aktuální pravidla najdete na stránkách Google Pay (pro web a pro Android aplikace).
Logo a mark jsou ke stažení na stránkách Google Pay. Grafiku platebního tlačítka pro vás zajistí Google Pay JavaScript metoda, kterou budete integrovat do e-shopu. Jazykové nastavení tlačítka pak odpovídá nastavení prohlížeče uživatele.
V českém prostředí respektujte zejména zákaz skloňování slov "Google" a "Pay" a zákaz překládání slova "Pay".
Platební tlačítko ČSOB
Logo platební metody ČSOB okamžitá platba je taktéž hostované, tentokrát však na platební bráně. Logo využijte pro informování klientů o tom, že akceptujete platbu platebním tlačítkem ČSOB. Platební tlačítko slouží pro inicializaci transakce s přímým přesměrováním z e-shopu do internetového bankovnictví, resp. na mobilní rozcestník (viz specifikace API metod pro platební tlačítko).
Logo
Při vkládání loga do e-shopu dodržujte tato pravidla:
- minimální šířka je 34 px
- ochranná zóna je 1/4 výšky loga
Česká verze ČSOB
- https://platebnibrana.csob.cz/cz/images/brand-pay-csob-cz-73x47.png
- https://platebnibrana.csob.cz/cz/images/brand-pay-csob-cz-96x61.png
- https://platebnibrana.csob.cz/cz/images/brand-pay-csob-cz-108x70.png
- https://platebnibrana.csob.cz/cz/images/brand-pay-csob-cz-121x78.png
- https://platebnibrana.csob.cz/cz/images/brand-pay-csob-cz-159x102.png
- https://platebnibrana.csob.cz/cz/images/brand-pay-csob-cz-207x133.png
- https://platebnibrana.csob.cz/cz/images/brand-pay-csob-cz-360x232.png
Anglická verze ČSOB
- https://platebnibrana.csob.cz/cz/images/brand-pay-csob-en-73x47.png
- https://platebnibrana.csob.cz/cz/images/brand-pay-csob-en-96x61.png
- https://platebnibrana.csob.cz/cz/images/brand-pay-csob-en-108x70.png
- https://platebnibrana.csob.cz/cz/images/brand-pay-csob-en-121x78.png
- https://platebnibrana.csob.cz/cz/images/brand-pay-csob-en-159x102.png
- https://platebnibrana.csob.cz/cz/images/brand-pay-csob-en-207x133.png
- https://platebnibrana.csob.cz/cz/images/brand-pay-csob-en-360x232.png
Platební tlačítko
Při vkládání platebního tlačítka do e-shopu dodržujte tato pravidla:
- minimální šířka je 60 px
- ochranná zóna je 1/4 výšky tlačítka
Česká verze ČSOB
- https://platebnibrana.csob.cz/cz/images/pay-csob-cz-147x33.png
- https://platebnibrana.csob.cz/cz/images/pay-csob-cz-160x36.png
- https://platebnibrana.csob.cz/cz/images/pay-csob-cz-166x37.png
- https://platebnibrana.csob.cz/cz/images/pay-csob-cz-180x40.png
- https://platebnibrana.csob.cz/cz/images/pay-csob-cz-290x64.png
- https://platebnibrana.csob.cz/cz/images/pay-csob-cz-317x70.png
- https://platebnibrana.csob.cz/cz/images/pay-csob-cz-326x72.png
- https://platebnibrana.csob.cz/cz/images/pay-csob-cz-360x80.png
- https://platebnibrana.csob.cz/cz/images/pay-csob-cz-376x83.png
- https://platebnibrana.csob.cz/cz/images/pay-csob-cz-539x120.png
Anglická verze ČSOB
- https://platebnibrana.csob.cz/cz/images/pay-csob-en-147x33.png
- https://platebnibrana.csob.cz/cz/images/pay-csob-en-160x36.png
- https://platebnibrana.csob.cz/cz/images/pay-csob-en-166x37.png
- https://platebnibrana.csob.cz/cz/images/pay-csob-en-180x40.png
- https://platebnibrana.csob.cz/cz/images/pay-csob-en-290x64.png
- https://platebnibrana.csob.cz/cz/images/pay-csob-en-317x70.png
- https://platebnibrana.csob.cz/cz/images/pay-csob-en-326x72.png
- https://platebnibrana.csob.cz/cz/images/pay-csob-en-360x80.png
- https://platebnibrana.csob.cz/cz/images/pay-csob-en-376x83.png
- https://platebnibrana.csob.cz/cz/images/pay-csob-en-539x120.png