Use these tips to implement and validate the Payment Form effectively. They act as early validation steps, covering everything from BIN-based extra fields and custom styles to browser support and iframe requirements. This helps you spot gaps early, speed up launch, and accept payments confidently.


Additional fields

The Payment Form checks the Card BIN and receives a list of necessary additional fields according to information about the BIN country (the first six digits).

Also, depending on the provider, the customer’s phone number parameter is often used to verify the identity of the person making a payment, such as with india_pan in India.

argentina_dni
default Default template Argentina DNI flat Flat template Argentina DNI card Card template Argentina DNI bangladesh_nic
  • Country Bangladesh
  • Country Code ( ISO-3166 Wiki ) BGD
  • Field Title National identity card
default Default template Bangladesh National identity card flat Flat template Bangladesh National identity card card Card template Bangladesh National identity card bolivia_ci
  • Country Bolivia
  • Country Code ( ISO-3166 Wiki ) BOL
  • Field Title Cedula de Identidad
default Default template Bolivia Cedula de Identidad flat Flat template Bolivia Cedula de Identidad card Card template Bolivia Cedula de Identidad brazil_cpf
default Default template Brazil CPF flat Flat template Brazil CPF card Card template Brazil CPF brazil_customer_phone
  • Country Brazil
  • Country Code ( ISO-3166 Wiki ) BRA
  • Field Title Mobile phone number
default Default template Brazil Mobile phone number flat Flat template Brazil Mobile phone number card Card template Brazil Mobile phone number cameroon_cni
default Default template Cameroon CNI flat Flat template Cameroon CNI card Card template Cameroon CNI card_holder
  • Field title Name on card
  • Description This field is used to enter the name of the cardholder as it appears on the card. It is required for transactions from specific countries. For some PSPs, if the merchant does not provide this value, it is filled with the default John Snow.
  • Supported countries Argentina ARG, Bangladesh BGD, Bolivia BOL, Brazil BRA, Cameroon CMR, Chile CHL, China CHN, Colombia COL, Costa Rica CRI, Dominican Republic DOM, Ecuador ECU, Egypt EGY, El Salvador SLV, Ghana GHA, Guatemala GTM, India IND, Indonesia IDN, Japan JPN, Kenya KEN, Malaysia MYS, Mexico MEX, Morocco MAR, Nigeria NGA, Panama PAN, Paraguay PRY, Peru PER, Philippines PHL, Senegal SEN, South Africa ZAF, Tanzania TZA, Thailand THA, Turkey TUR, Uganda UGA, Uruguay URY, and Vietnam VNM.
default Default template Name on card flat Flat template Name on card card Card template Name on card chile_ci
  • Country Chile
  • Country Code ( ISO-3166 Wiki ) CHL
  • Field Title Rol Único Tributario
default Default template Chile Rol Único Tributario flat Flat template Chile Rol Único Tributario card Card template Chile Rol Único Tributario china_id
  • Country China
  • Country Code ( ISO-3166 Wiki ) CHN
  • Field Title Citizen ID Number
default Default template China Citizen ID Number flat Flat template China Citizen ID Number card Card template China Citizen ID Number colombia_cc
  • Country Colombia
  • Country Code ( ISO-3166 Wiki ) COL
  • Field Title Cedula de Ciudadania
default Default template Colombia Cedula de Ciudadania flat Flat template Colombia Cedula de Ciudadania card Card template Colombia Cedula de Ciudadania costa_rica_ci
  • Country Costa Rica
  • Country Code ( ISO-3166 Wiki ) CRI
  • Field Title Cédula de Identidad
default Default template Costa Rica Cédula de Identidad flat Flat template Costa Rica Cédula de Identidad card Card template Costa Rica Cédula de Identidad dominicana_id
  • Country Dominican Republic
  • Country Code ( ISO-3166 Wiki ) DOM
  • Field Title Identity card
default Default template Dominican Republic Identity card flat Flat template Dominican Republic Identity card card Card template Dominican Republic Identity card ecuador_ci
  • Country Ecuador
  • Country Code ( ISO-3166 Wiki ) ECU
  • Field Title Cédula de Identidad
default Default template Ecuador Cédula de Identidad flat Flat template Ecuador Cédula de Identidad card Card template Ecuador Cédula de Identidad el_salvador_id
  • Country El Salvador
  • Country Code ( ISO-3166 Wiki ) SLV
  • Field Title Personal Identification Card
default Default template El Salvador Personal Identification Card flat Flat template El Salvador Personal Identification Card card Card template El Salvador Personal Identification Card egypt_id
  • Country Egypt
  • Country Code ( ISO-3166 Wiki ) EGY
  • Field Title Identity card
default Default template Egypt Identity card flat Flat template Egypt Identity card card Card template Egypt Identity card ghana_card
default Default template Ghana Ghana Card flat Flat template Ghana Ghana Card card Card template Ghana Ghana Card guatemala_cui
default Default template Guatemala CUI flat Flat template Guatemala CUI card Card template Guatemala CUI india_pan
default Default template India PAN flat Flat template India PAN card Card template India PAN india_zip
default Default template India ZIP Code flat Flat template India ZIP Code card Card template India ZIP Code indian_customer_phone
  • Country India
  • Country Code ( ISO-3166 Wiki ) IND
  • Field Title Mobile phone number
default Default template India Mobile phone number flat Flat template India Mobile phone number card Card template India Mobile phone number indonesia_nik
default Default template Indonesia NIK flat Flat template Indonesia NIK card Card template Indonesia NIK japan_id
default Default template Japan My Number flat Flat template Japan My Number card Card template Japan My Number kenya_id
  • Country Kenya
  • Country Code ( ISO-3166 Wiki ) KEN
  • Field Title National ID Card
default Default template Kenya National ID Card flat Flat template Kenya National ID Card card Card template Kenya National ID Card malaysia_nric
default Default template Malaysia NRIC flat Flat template Malaysia NRIC card Card template Malaysia NRIC mexico_curp
default Default template Mexico CURP flat Flat template Mexico CURP card Card template Mexico CURP morocco_cnie
default Default template Morocco CNIE flat Flat template Morocco CNIE card Card template Morocco CNIE nigeria_nin
default Default template Nigeria NIN flat Flat template Nigeria NIN card Card template Nigeria NIN pakistan_cnic
  • Country Pakistan
  • Country Code ( ISO-3166 Wiki ) PAK
  • Field Title Computerized National Identity Card
  • Validation 13 digits
default Default template Pakistan Computerized National Identity Card flat Flat template Pakistan Computerized National Identity Card card Card template Pakistan Computerized National Identity Card panama_id
  • Country Panama
  • Country Code ( ISO-3166 Wiki ) PAN
  • Field Title Cedula de Identidad
default Default template Panama Cedula de Identidad flat Flat template Panama Cedula de Identidad card Card template Panama Cedula de Identidad paraguay_ci
  • Country Paraguay
  • Country Code ( ISO-3166 Wiki ) PRY
  • Field Title Cédula de Identidad
default Default template Paraguay Cédula de Identidad flat Flat template Paraguay Cédula de Identidad card Card template Paraguay Cédula de Identidad peru_dni
default Default template Peru DNI flat Flat template Peru DNI card Card template Peru DNI philippines_psn
default Default template Philippines PSN flat Flat template Philippines PSN card Card template Philippines PSN senegal_cni
  • Country Senegal
  • Country Code ( ISO-3166 Wiki ) SEN
  • Field Title CNI or ECOWAS ID Card
default Default template Senegal CNI or ECOWAS ID Card flat Flat template Senegal CNI or ECOWAS ID Card card Card template Senegal CNI or ECOWAS ID Card south_africa_id
  • Country South Africa
  • Country Code ( ISO-3166 Wiki ) ZAF
  • Field Title South African Identity Card
default Default template South Africa South African Identity Card flat Flat template South Africa South African Identity Card card Card template South Africa South African Identity Card tanzania_id
  • Country Tanzania
  • Country Code ( ISO-3166 Wiki ) TZA
  • Field Title National Identity Card
default Default template Tanzania National Identity Card flat Flat template Tanzania National Identity Card card Card template Tanzania National Identity Card thailand_id
  • Country Thailand
  • Country Code ( ISO-3166 Wiki ) THA
  • Field Title Thai Identity Card
default Default template Thailand Thai Identity Card flat Flat template Thailand Thai Identity Card card Card template Thailand Thai Identity Card turkey_tc_kimlik_no
  • Country Turkey
  • Country Code ( ISO-3166 Wiki ) TUR
  • Field Title T.C. Kimlik No.
default Default template Turkey T.C. Kimlik No. flat Flat template Turkey T.C. Kimlik No. card Card template Turkey T.C. Kimlik No. uganda_niс
  • Country Uganda
  • Country Code ( ISO-3166 Wiki ) UGA
  • Field Title National ID number (NIC)
default Default template Uganda National ID number (NIC) flat Flat template Uganda National ID number (NIC) card Card template Uganda National ID number (NIC) uruguay_ci
  • Country Uruguay
  • Country Code ( ISO-3166 Wiki ) URY
  • Field Title Cédula de Identidad
default Default template Uruguay Cédula de Identidad flat Flat template Uruguay Cédula de Identidad card Card template Uruguay Cédula de Identidad vietnam_vnid
default Default template Vietnam VNID flat Flat template Vietnam VNID card Card template Vietnam VNID zip_code
  • Country United States
  • Country Code ( ISO-3166 Wiki ) USA
  • Field Title ZIP code
  • Validation
    • USA [0-9]{5}(?:[0-9]{4})?$ - 5 or 9 digits
    • Other countries [0-9]{5} - 5 digits
default Default template United States ZIP code flat Flat template United States ZIP code card Card template United States ZIP code

Style additional fields

Additional fields classes are formed as follows:

ZIP Code Field Class
 "class": "input_group zip_code additional_field"

You can customize all additional fields at once using the additional_field class. In this case, styles are applied to all additional field classes described in the table above.

CSS Custom Styles for additional fields at once
PaymentFormSdk.init({
  ...restData,
  styles: {
    'additional_field': {
      'input': {
        'color': 'red'
      }
    }
  }
})

If you want to customize a specific field, you need to apply styles to this specific additional field class name.

CSS Custom Styles for Definite Additional Field
PaymentFormSdk.init({
  ...restData,
  styles: {
    'guatemala_cui': {
      'input': {
        'color': 'red'
      }
    }
  }
})

Supported browsers

Solidgate Payment Form supports the following browsers:

Mobile Desktop

For browsers not explicitly supported, support is limited as follows:

  • customer’s browser must support TLS 1.2. If TLS 1.2 is not supported, the payment form is not displayed
  • certain browser extensions may interfere with the proper functioning of the payment form
  • payment form stable performance cannot be guaranteed when rendered inside in-app browsers like Facebook or Instagram
  • browsers must be sufficiently modern, including support for Promises Reference in JavaScript
  • bug reports are addressed, but proactive testing of other browsers is not conducted

Supported translations

Payment Form is automatically translated based on the customer’s browser language settings. If the browser language is not supported, the form is displayed in en English.

Languages and language tags
Afrikaans af Arabic ar Bengali bn Bosnian bs
Bulgarian bg Cantonese yue Chinese zh Croatian hr
Czech cs Danish da Dutch nl English en
Estonian et Filipino fil Finnish fi French fr
German de Greek el Hebrew he Hindi hi
Hungarian hu Indonesian id Italian it Japanese ja
Korean ko Latvian lv Lithuanian lt Malay ms
Norwegian no Polish pl Portuguese pt Romanian ro
Serbian sr Slovak sk Slovenian sl Spanish es
Swedish sv Thai th Turkish tr Turkmen tk
Ukrainian uk Urdu ur Vietnamese vi Zulu zu

If you prefer to display the Payment Form in a specific language, pass any IETF Wiki language tag from the above list into the paymentIntent object.


Iframe and HTTP limitations

Payment Form is not suitable for embedding on HTTP web pages. Use HTTPS to ensure the secure transmission of sensitive data.

To work in iframe, the Payment Form requires payments to be allowed in iframe:

<iframe src="https://merchant.example/payment-form" allow="payment"></iframe>

Specifically, Apple Pay requires verification of iframes and top-level domains through the Solidgate Hub .

Common initialization errors related to third-party when integrating the Solidgate Payment Form SDK are the following:

  • Feature-Policy violation that arises in third-party iframes without proper permissions.
  • Apple Pay security origin issue that occurs when starting Apple Pay sessions from a document with a differing security origin than its top-level frame.
  • Insecure document error that is triggered by attempting Apple Pay transactions on non-HTTPS web pages.