Customized checkout

You have the option to customize the look and feel of your xMoney Checkout page. Here's how:

1. Create your custom payment page: Design your own payment page using HTML and CSS.

2. Use available tags: When building your custom page, you can use the following tags to dynamically display payment information:

Tag Name	Description	Mandatory
`{{ error }}`	Payment form error	Yes
`{{ cardId }}`	Card selector for choosing a saved card	No
`{{ cardHolderName }}`	Cardholder name	Yes
`{{ cardHolderCountry }}`	Cardholder country	No
`{{ cardHolderState }}`	Cardholder state	No
`{{ cardType }}` or `{{ cardTypeSelect }}` or `{{ cardTypeImage }}`	Card type as radio buttons, dropdown list, or image-based dropdown	Yes
`{{ cardNumber }}`	Card number	Yes
`{{ cardExpiryDate }}`	Card expiry date (month and year)	Yes
`{{ cardCvv }}`	Card CVV	Yes
`{{ saveCard }}`	Checkbox to save the card	No
`{{ invoiceEmail }}`	Invoice email	No
`{{ firstName }}`	Customer first name	No
`{{ lastName }}`	Customer last name	No
`{{ country }}`	Customer country	No
`{{ state }}`	Customer state	No
`{{ city }}`	Customer city	No
`{{ zipCode }}`	Customer zip code	No
`{{ address }}`	Customer address	No
`{{ phone }}`	Customer phone	No
`{{ email }}`	Customer email	No
`{{ submit }}`	Payment form submit button	Yes
`{{ cart }}` or `{{ cartLiner }}`	Cart content, payment description, and total amount	Yes
`{{ currency }}`	Order currency	No
`{{ description }}`	Order description	No
`{{ amount }}`	Order amount	No
`{{ logo }}`	A logo image	No
`{{ language }}`	Language selection	No
`{{ closeModal }}`	Close modal button	No
`{{ termsAndConditions }}`	Terms & conditions with a link	Yes
`{{ descriptor }}`	Site descriptor	Yes
`{{ merchant }}`	Name of the merchant	Yes
`{{ mandatoryFields }}`	Description of mandatory fields	No

3. Set a default language: You can set a default language for your payment page by adding the ?lang= GET parameter to the URL. For example: https://secure.xmoney.com/card?lang=it (Replace with your actual URL)

Supported languages: en, fr, de, ro, es, it, ru

4. Add custom fields (optional): To include custom text fields, use the following format:

{{ customField({
  'name': 'unique-name',
  'label': 'Field label',
  'placeholder': 'Field placeholder',
  'error': 'This field is required',
  'required': true,
  'lang': 'en'}) }}

Customized checkout

Was this helpful?