Collect.js attribute reference
Card, ACH, wallet and styling controls for an existing integration.
Scope
These are Collect.js attributes for existing integrations. String booleans, JSON arrays and JSON styling objects must use the documented format. Defaults below are source values, not an enabled-feature promise.
Card fields
Attribute Format / values Default / constraint data-field-ccnumber-selector String (CSS Selector) "#ccnumber" data-field-ccnumber-title String No default stated data-field-ccnumber-placeholder String No default stated data-field-ccnumber-enable-card-brand-previews String ("true" or "false") "false" data-field-ccexp-selector String (CSS Selector) "#ccexp" data-field-ccexp-title String No default stated data-field-ccexp-placeholder String No default stated data-field-cvv-display String ("show", "hide", or "required") "required"; check conditional requirement data-field-cvv-selector String (CSS Selector) "#cvv" data-field-cvv-title String No default stated data-field-cvv-placeholder String No default stated
ACH fields
Attribute Format / values Default / constraint data-field-checkaccount-selector String (CSS Selector) "#checkaccount" data-field-checkaccount-title String No default stated data-field-checkaccount-placeholder String No default stated data-field-checkaba-selector String (CSS Selector) "#checkaba" data-field-checkaba-title String No default stated data-field-checkaba-placeholder String No default stated data-field-checktransit-selector String (CSS Selector) "#checktransit" data-field-checktransit-title String No default stated data-field-checktransit-placeholder String No default stated data-field-checkinstitution-selector String (CSS Selector) "#checkinstitution" data-field-checkinstitution-title String No default stated data-field-checkinstitution-placeholder String No default stated data-field-checkname-selector String (CSS Selector) "#checkname" data-field-checkname-title String No default stated data-field-checkname-placeholder String No default stated
Google Pay
Attribute Format / values Default / constraint data-field-google-pay-selector String "#googlepaybutton" data-field-google-pay-shipping-address-required String ("true" or "false") "false" data-field-google-pay-shipping-address-parameters-phone-number-required String ("true" or "false") "false" data-field-google-pay-shipping-address-parameters-allowed-country-codes String (comma delimited list of 2 character country codes) undefined data-field-google-pay-billing-address-required String ("true" or "false") "false" data-field-google-pay-billing-address-parameters-phone-number-required String ("true" or "false") "false" data-field-google-pay-billing-address-parameters-format String ("MIN" or "FULL") "MIN" data-field-google-pay-email-required String ("true" or "false") "false" data-field-google-pay-button-type String ("short", "long", "book", "buy", "checkout", "donate", "order", "pay", "plain", "subscribe", "short" or "long") "buy" data-field-google-pay-button-locale String ("en", "ar", "bg", "ca", "cs", "da", "de", "el", "es", "et", "fi", "fr", "hr", "id", "it", "ja", "ko", "ms", "nl", "no", "pl", "pt", "ru", "sk", "sl", "sr", "sv", "th", "tr", "uk", "zh) "en" (English) data-field-google-pay-button-color String ("default", "black", "white") "default" data-field-google-pay-total-price-status String ("FINAL" or "ESTIMATED") "FINAL"
Apple Pay
Attribute Format / values Default / constraint data-apple-pay-recurring-mismatch-callback String an internal function that displays a "Please update your Apple Pay version." alert; check conditional requirement data-field-apple-pay-selector String (CSS Selector) "#applepaybutton" data-field-apple-pay-shipping-type String ("shipping", "delivery", "storePickup", or "servicePickup") "shipping"; check conditional requirement data-field-apple-pay-shipping-methods String (JSON array of objects) "[]" data-field-apple-pay-required-billing-contact-fields String (JSON array of "name" or "postalAddress") "[]" data-field-apple-pay-required-shipping-contact-fields String (JSON array of "name" or "postalAddress") "[]" data-field-apple-pay-contact-fields String (JSON array of "phone" or "email") "[]" data-field-apple-pay-contact-fields-mapped-to String ("billing" or "shipping") "billing" data-field-apple-pay-line-items String (JSON array of objects) "[]" data-field-apple-pay-total-label String "Total" data-field-apple-pay-total-type String ("pending" or "final") "final" data-field-apple-pay-type String ("buy", "donate", "plain", "set-up", "book", "check-out", "subscribe", "add-money", "contribute", "order", "reload", "rent", "support", "tip", or "top-up") "buy" data-field-apple-pay-style-button-style String ("black", "white", or "white-outline") "black" data-field-apple-pay-style-height String "30px" data-field-apple-pay-style-border-radius String "4px" data-field-apple-pay-is-recurring-transaction String ("true" or "false") "false" data-field-apple-pay-recurring-payment-description String ""; check conditional requirement data-field-apple-pay-recurring-billing-agreement String "" data-field-apple-pay-recurring-label String No default stated data-field-apple-pay-recurring-amount String (Decimal) No default stated data-field-apple-pay-recurring-payment-timing String No default stated data-field-apple-pay-recurring-payment-start-date String (ISO 8601 Datetime) No default stated data-field-apple-pay-recurring-payment-interval-unit String No default stated data-field-apple-pay-recurring-payment-interval-count Integer No default stated data-field-apple-pay-recurring-payment-end-date String (ISO 8601 Datetime) No default stated data-field-apple-pay-recurring-management-url String ""; check conditional requirement data-field-apple-pay-recurring-token-notification-url String "" data-price String undefined Required if using Apple Pay; check conditional requirement data-country String No default stated; check conditional requirement data-currency String No default stated; check conditional requirement
Styling
Attribute Format / values Default / constraint data-style-sniffer String ("true" or "false") "true" data-custom-css JSON String No default stated data-invalid-css JSON String No default stated data-placeholder-css JSON String No default stated data-focus-css JSON String No default stated data-valid-css JSON String No default stated data-google-font String No default stated
Recurring and contact rules
Apple Pay recurring descriptions and management URL are required when recurring is enabled. Keep amount, timing and agreement consistent with the server schedule. Shipping and billing contact settings determine which payment-token address fields are populated. Styling JSON affects hosted fields; it does not let your page read card numbers.