Click to Pay to funkcjonalność płatności kartą opracowana przez Visa i Mastercard, która umożliwia szybsze i bezpieczniejsze finalizowanie transakcji online.
Pozwala klientom realizować płatności przy użyciu zapisanych danych karty, bez konieczności ręcznego wprowadzania informacji przy każdym zakupie.
Click to Pay wykorzystuje istniejącą infrastrukturę płatności kartowych, korzystając z tych samych API i przetwarzania backendowego co standardowe transakcje kartowe, oraz zapewnia spójne doświadczenie cyfrowego portfela u uczestniczących sprzedawców i wydawców kart.
| Payment Capability | Category | Countries | Currencies | Features | Integrations |
|---|---|---|---|---|---|
| Click to Pay | Card Capability | Global* | Card-based | Fast checkout, Card-on-file, Secure auth | Payment Form, Plugins |
*Availability depends on scheme and issuer participation.
Dlaczego warto korzystać z Click to Pay
Click to Pay poprawia zarówno doświadczenie klienta, jak i efektywność płatności kartowych online.
- Szybsze finalizowanie zakupów
Klienci mogą realizować płatności bez ręcznego wprowadzania danych karty - Zmniejszone tarcie
Upraszcza proces checkoutu, szczególnie na urządzeniach mobilnych - Wyższy potencjał konwersji
Mniejsza liczba kroków w checkout może zwiększyć współczynnik finalizacji płatności - Bezpieczeństwo wbudowane w rozwiązanie
Dane kart są przechowywane i zarządzane przez organizacje kartowe - Spójne doświadczenie
Klienci mogą używać swoich kart u wielu sprzedawców
Jak to działa
Click to Pay upraszcza proces checkoutu poprzez wykorzystanie portfeli zarządzanych przez organizacje kartowe.
- Wybór płatności kartą
Podczas checkoutu klient wybiera opcję płatności kartą. - Prezentacja Click to Pay (jeśli kwalifikowalne)
Po wyświetleniu formularza karty, Click to Pay może zostać zaproponowany jako część procesu, w zależności od konfiguracji, profilu klienta oraz rozpoznania urządzenia. - Identyfikacja klienta
Jeśli klient zostanie rozpoznany, może być wymagane potwierdzenie tożsamości (np. za pomocą OTP), szczególnie przy użyciu nowego lub nierozpoznanego urządzenia. - Wyświetlenie dostępnych kart
Po identyfikacji i weryfikacji zapisane karty są pobierane z organizacji kartowej i prezentowane klientowi. Wyświetlane są tylko kwalifikujące się karty w zależności od udziału wydawcy i schematu. - Wybór karty lub wprowadzenie danych ręcznie
Klient może wybrać jedną z dostępnych kart lub kontynuować, wprowadzając dane karty ręcznie. - Uwierzytelnienie i płatność
W razie potrzeby klient przechodzi proces uwierzytelnienia (np. OTP lub 3DS), a transakcja jest przetwarzana jako standardowa płatność kartą.
Integracja
Click to Pay jest częścią standardowego procesu płatności kartą i nie wymaga dedykowanej integracji.
Wykorzystuje istniejącą infrastrukturę płatności kartowych, a transakcje są przetwarzane jak standardowe płatności kartowe.
Typy integracji i obsługiwane usługi
Click to Pay jest obsługiwany w następujących typach integracji:
- Formularz Płatności – zobacz pełne szczegóły integracji [tutaj]
- Wtyczki – see supported platforms and setup [tutaj]
Click to Pay może być również używany poprzez dodatkowe usługi:
- Link to Pay – zobacz szczegóły usługi [tutaj]
- Link to Pay nie jest typem integracji; wykorzystuje istniejące integracje Formularz Płatności lub Wtyczki.
- Transakcje realizowane przez Link to Pay mogą obejmować Click to Pay, jeśli jest włączony
- Nie jest wymagana dodatkowa integracja backendowa
Zakres integracji
Click to Pay jest częścią frontendowego doświadczenia checkoutu.
Jest włączany poprzez konfigurację Payment Form lub Plugin i zarządzany w całości w ramach tych komponentów.
Nie jest wymagana żadna dodatkowa implementacja poza standardową integracją płatności kartowych przy użyciu Formularz Płatności lub Wtyczki.
Aktywacja Click to Pay (co należy zapewnić)
To najważniejsza sekcja dla integratora. Click to Pay nie jest wywoływany przez dedykowane pole, ale istnieją określone warunki, które muszą zostać spełnione.
Dostępność Click to Pay zależy od konfiguracji oraz kwalifikowalności schematu.
Wymagane warunki
Metoda płatności musi zawierać CARD:
</>JSON
"transaction": {
"paymentMethod": ["CARD"]
}
To pole nie aktywuje bezpośrednio Click to Pay. Jest warunkiem wstępnym dla przetwarzania kart.
Należy renderować Payment Form przy użyciu formContext zwróconego przez Checkout API.
Zalecane
Aby zapewnić optymalne działanie, podaj email klienta: customer.customerInfo.customerEmail
Umożliwia to:
- Identyfikację klienta
- Pobranie zapisanych kart
- Lepszą konwersję
Request Fields
Są to jedyne pola żądania, które wpływają na działanie Click to Pay.
| Field | Type | Condition | Description | Example |
|---|---|---|---|---|
| transaction.paymentMethod | Array | Mandatory | Must include „CARD” to enable card-based flows (including Click to Pay) | [„CARD”] |
| customer.customerInfo.customerEmail | String | Recommended | Used to identify the customer and retrieve stored cards | john@email.com |
| transaction.forceDisableClickToPay | Boolean | Optional | Disables Click to Pay even if enabled in backend | True |
| tokenisation.paymentTokens.tokenType | String | Optional | Can include „Click To Pay” when using token flows | „Click To Pay” |
Odpowiedź (wynik integracji)
Ta odpowiedź jest zwracana po wywołaniu Checkout API. Zawiera wszystkie dane wymagane do wyrenderowania Payment Form oraz określenia dostępności Click to Pay.
Przykład żądania Checkout
<JSON/>
{
"merchant": {
"terminalId": "1000590",
"channel": "WEB",
"merchantTransactionId": "5599883",
"websiteAddress": "https://yourwebsite.com"
},
"customer": {
"customerInfo": {
"customerName": "John Smith",
"customerEmail": "john@email.com"
}
},
"transaction": {
"amount": {
"value": 100,
"currency": "EUR"
},
"paymentMethod": ["CARD"],
"forceDisableClickToPay": false
}
}
Przykład odpowiedzi Checkout
<JSON/>
{
"returnStatus": { "statusCode": "000" },
"paymentMethodList": ["CARD"],
"clickToPay": {
"clickToPayService": true,
"cards": [
{
"maskedCardNumber": "**** **** **** 1234",
"expiryDate": "12/26"
}
]
},
"formContext": "eyJQYXltZW50…"
}
Ta tabela zawiera tylko pola odpowiedzi istotne dla Click to Pay, dla sprzedawców z aktywnym systemem Click to Pay.
| Field | Type | Condition | Description | Example |
|---|---|---|---|---|
| clickToPay.clickToPayService | Boolean | Optional | Indicates if Click to Pay is enabled for this transaction | True |
| tokenList.tokenType | String | Optional | Can include „Click To Pay” when using token flows | „Click To Pay” |
formContext (object) – Wymagane
formContext jest zwracany w odpowiedzi Checkout.
Integrator musi:
- Odebrać formContext
- Przekazać go do warstwy renderującej Payment Form
Jest to wymagane do poprawnej inicjalizacji interfejsu checkout.
Przetwarzanie transakcji
Z perspektywy backendu transakcje Click to Pay przebiegają według tego samego schematu co standardowe płatności kartowe:
- Rozwiązanie checkout obsługuje interakcję Click to Pay z organizacją kartową
- Dane karty są bezpiecznie pobierane i tokenizowane
- Generowany jest zaszyfrowany payload
- Sprzedawca przetwarza płatność przy użyciu standardowego przepływu kartowego
- Transakcja zostaje autoryzowana i zakończona
Nie są wymagane żadne zmiany w logice integracji backendowej.
Ważne uwagi
- Dostępność kart zależy od udziału wydawcy i kwalifikowalności schematu
- Nie wszystkie karty mogą być dostępne, szczególnie na wczesnym etapie wdrożenia
- Klienci muszą posiadać profil Click to Pay
- Doświadczenie checkout może się różnić w zależności od:
- Rozpoznania urządzenia
- Wymagań uwierzytelnienia
- Dostępnych kart
