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ą.
Integration
Click to Pay is part of the standard card payment flow and does not require a dedicated integration.
It uses the existing card payment infrastructure and transactions are processed as standard card payments.
Integration Types and Supported Services
Click to Pay is supported on the following integration types:
- Payment Form – see full integration details [here]
- Plugins – see supported platforms and setup [here]
Click to Pay can also be used through additional services:
- Link to Pay – see service details [here]
- Link to Pay is not an integration type; it leverages existing Payment Form or Plugin integrations
- Transactions executed via Link to Pay can include Click to Pay when enabled
- No additional backend integration is required
Integration Scope
Click to Pay is part of the frontend checkout experience.
It is enabled through Payment Form or Plugin configuration and is managed entirely within those components. No additional implementation is required beyond standard card payment integration using Payment Form or Plugins.
Click to Pay Activation (What you need to ensure)
This is the most important section for you as an integrator.
Click to Pay is not triggered by a dedicated field, but there are specific conditions you must guarantee.
Click to Pay availability is determined by configuration and scheme eligibility.
Required conditions
Payment method must include CARD:
</>JSON
"transaction": {
"paymentMethod": ["CARD"]
}
This field does not activate Click to Pay directly. It is a prerequisite for card processing.
• You must render the Payment Form using formContext returned by Checkout API.
Strongly recommended
To ensure optimal behavior, provide customer email: customer.customerInfo.customerEmail
This allows:
- Customer recognition
- Retrieval of stored cards
- Better conversion
Request Fields
These are the only request fields that influence Click to Pay behavior.
| 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” |
Response (Integration Output)
This response is returned after the Checkout API call.
It contains all required data to render the Payment Form and determine Click to Pay availability.
Checkout Request Example
<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
}
}
Checkout Response Example
<JSON/>
{
"returnStatus": { "statusCode": "000" },
"paymentMethodList": ["CARD"],
"clickToPay": {
"clickToPayService": true,
"cards": [
{
"maskedCardNumber": "**** **** **** 1234",
"expiryDate": "12/26"
}
]
},
"formContext": "eyJQYXltZW50…"
}
This table lists only the response fields relevant to Click to Pay, for merchants with the Click to Pay system active.
| 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) – Mandatory
The formContext is returned in the Checkout Response.
The integrator must:
- Receive formContext
- Pass it to the Payment Form rendering layer
This is required for the checkout UI to be correctly initialized.
Transaction Processing
From a backend perspective, Click to Pay transactions follow the same processing flow as standard card payments:
- The checkout solution handles Click to Pay interaction with the card scheme
- Card data is securely retrieved and tokenized.
- An encrypted payload is generated
- The merchant processes the payment using the standard card flow
- The transaction is authorized and completed
No changes are required in backend integration logic.
Important Considerations
- Card availability depends on issuer participation and scheme eligibility
- Not all cards may be available, particularly during early rollout
- Customers must have a Click to Pay profile
- The checkout experience may vary depending on:
- Device recognition
- Authentication requirements
- Available cards
