Skip to main content

Setting Up the Payment Interface

To create a Payment UI:

window.addEventListener('load', function () {
  neodeos.init('sandbox', '<public key>')
    .addPaymentUI('<container id>', '<amount>', '<3-letter currency code>', 'options');
});

The options object supports the following optional properties:

  • paypalEnablePayIn4: boolean flag to activate PayPal's "Pay in 4" installment option (true or false)
  • paypalButtonStyle: defines the visual style of the PayPal button; accepts predefined color values such as gold, blue, silver, white, or black
  • cardProviderId: specifies the provider ID to be used explicitly for card transactions
  • paypalProviderId: designates the PayPal provider ID to route the transaction through a specific configuration
  • threeDSEmail: email address passed for identity verification during 3D Secure authentication
  • redirectUrl: URL to which the user is redirected after the payment flow completes
  • vault: indicates whether to store the card information in the NeoDeos vault (true to store, defaults to false)