Úvod
Web Checkout SDK je JavaScriptová knihovna, díky které váš zákazník zaplatí přímo u vás v e-shopu — nemusí nikam odcházet na platební bránu. Jednoduše řečeno: vložíte pár řádků kódu a zákazník má platbu hotovou za pár sekund.
Hlavní funkcionality
Zákazník zůstane na vaší stránce a zaplatí jedním z těchto způsobů:
- Apple Pay — platba přes Face ID / Touch ID,
- Google Pay — tlačítko, platba přes Google Wallet,
- Platba kartou — zabezpečený platební formulář přímo ve stránce.
Další funkce
- 3D Secure — automaticky řešeno v SDK, bez zásahu vývojáře,
- Surcharge — pokud zákazník zadá kartu, za kterou se platí příplatek (např. business nebo non-EU karta), SDK mu automaticky zobrazí výši přirážky ještě před dokončením platby. Funkce je volitelná a ve výchozím stavu není zapnuta.
- Dynamická částka — změna částky již založené platby bez nutnosti přenačtení stránky. Funkci je nutné aktivovat ze strany Comgate.
- Přizpůsobení vzhledu — přizpůsobte si vzhled checkoutu dle svých potřeb tak, aby aby zapadl do designu vašeho obchodu.
Jak to funguje
Celý proces má pět kroků — a většinu práce udělá SDK za vás:
- Vložíte SDK do stránky (script tag nebo NPM balíček).
- Připravíte HTML kontejnery (prázdné
<div>elementy), kam SDK vykreslí tlačítka a formulář. - Zavoláte jednu funkci —
useCheckout()— a předáte ji požadovanou konfiguraci. - SDK samo vykreslí tlačítka a karetní formulář.
- Zákazník zaplatí → SDK vám řekne výsledek přes callback (
onPaid,onCancelled, …).
Jedno volání useCheckout() = celá integrace. Nic víc není potřeba.
Upozornění
Integrace vyžaduje znalost JavaScriptu a zkušenost s implementací externích služeb. Pokud nemáte potřebné technické znalosti, předejte prosím tuto dokumentaci svému vývojáři, který bude vědět, jak dále postupovat.
Funkce
Apple Pay- Google Pay
- Platba kartou (Secured Fields)
- 3D Secure (automatický)
Připravujeme
- Click to Pay
Kompatibilita
| Funkce | Podporované metody |
|---|---|
| Apple Pay | CARD_CZ_COMGATE, CARD_CZ_CSOB_2 |
| Google Pay | CARD_CZ_COMGATE, CARD_CZ_CSOB_2 |
| Platba kartou | CARD_CZ_COMGATE |