Passa al contenuto principale
In questa pagina
Live CustomStyle example
Anteprima live
PaymentMethodsPattern
YOURSTORE
Secure checkoutCredit or debit card
CardWallet
Powered by DEUNA
Implementation guide

Understand every supported field

The documentation below explains object shape, constraints, complete examples, and what to verify before release.

PaymentMethodsPattern
Read the documentation

La vista di pagamento con carta è il modulo principale in cui il cliente inserisce i dati della carta e seleziona le opzioni di rateizzazione disponibili.

Aree personalizzabili#

PaymentMethodsPattern controlla i titoli delle sezioni, le etichette e i segnaposto dei campi, i testi sulle rate e la visualizzazione del titolo della carta di credito. Usa i modelli correlati per il pulsante di pagamento, gli avvisi informativi e i link legali.

Configurazione#

JSON
{
  "PaymentMethodsPattern": {
    "translations": {
      "es": {
        "inputs": {
          "card": {
            "securityCode": {
              "label": "CVV"
            },
            "installment": {
              "label": "Cuotas",
              "pay_by": "Paga en",
              "first_pay": "Primer pago",
              "without_interest": "Sin interés",
              "without_installments": "Sin cuotas",
              "loading": "Validando cuotas..."
            },
            "cardHolder": {
              "label": "Nombre como aparece en la tarjeta",
              "placeholder": "Ej. Juan Zapata"
            },
            "cardNumber": {
              "label": "Número de tarjeta",
              "placeholder": "0000 0000 0000 0000"
            },
            "expirationDate": {
              "label": "Fecha de expiración",
              "placeholder": "MM / YY"
            }
          }
        },
        "paymentMethods": {
          "info": {
            "card": {
              "title": "Tarjeta de crédito o débito",
              "subtitle": "Ingresa los datos de tu tarjeta"
            }
          }
        }
      },
      "en": {},
      "pt": {}
    },
    "props": {
      "hideTitleForCreditCard": true
    }
  }
}

Verifica il risultato#

Prova gli stati vuoto, attivo, valido, non valido, disabilitato e di caricamento. Verifica che il testo sulle rate rifletta il piano disponibile e che il pulsante di pagamento e il testo legale restino visibili su mobile.