Bootstrap FreeKB - NodeJS - Customize PayPal advanced integration checkout input form placeholder using NodeJS
NodeJS - Customize PayPal advanced integration checkout input form placeholder using NodeJS

Updated:   |  NodeJS articles

If you have not yet followed my articles on PayPal advanced integration, check out these articles first.

By default, the PayPal advanced integration should return something like this.

 

Let's say you want to customize the placeholder text, perhaps something like this.

 

placeholder can be added in checkout.js, something like this.

if (cardField.isEligible()) {
  const nameField = cardField.NameField({placeholder:"Name on Card"});
  nameField.render("#card-name-field-container");

  const numberField = cardField.NumberField({placeholder:"Card Number"});
  numberField.render("#card-number-field-container");

  const cvvField = cardField.CVVField({placeholder:"CVV (the 3 digit code on back of card)"});
  cvvField.render("#card-cvv-field-container");

  const expiryField = cardField.ExpiryField({placeholder:"MM / YY (card expiration month/year)"});
  expiryField.render("#card-expiry-field-container");

 

 




Did you find this article helpful?

If so, consider buying me a coffee over at Buy Me A Coffee



Comments


Add a Comment


Please enter 0cd3db in the box below so that we can be sure you are a human.