カード決済表示
DEUNA チェックアウトウィジェットのカード入力ラベル、分割払い、通知、支払い操作、法的コンテンツをカスタマイズします。
このページで
Live CustomStyle example
ライブプレビュー
YOURSTORE
Secure checkoutCredit or debit card
CardWallet
カード支払いビューは、顧客がカード情報を入力し、利用可能な分割払いオプションを選択するメインフォームです。
カスタマイズ可能な領域#
PaymentMethodsPattern は、セクションタイトル、項目ラベルとプレースホルダー、分割払い文言、クレジットカード見出しの表示を制御します。支払いボタン、情報通知、法的リンクには関連パターンを使用します。
設定#
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
}
}
}結果を確認する#
空、フォーカス、有効、無効、無効化、読み込み中の各状態をテストします。分割払い文言が利用可能なプランを反映し、モバイル幅でも支払いボタンと法的文言が表示されることを確認してください。