Bootstrap FreeKB - PayPal - Customize advanced integration checkout input form placeholder using Node.js
PayPal - Customize advanced integration checkout input form placeholder using Node.js

Updated:   |  PayPal 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 224711 in the box below so that we can be sure you are a human.