Skip to main content

Migrating from old E-Commerce From to the new Form

Overview of changes​

  1. The live app now lives at https://ecomm.sfey.com - the test app at https://ecomm.test.sfey.com.
  2. The forms do not require manually managing the url and are now controlled by the form parameter. Eg form: "pan-token-generation".
  3. The field "hostApp" has been replaced with a "stylesheetName" field. The styles from the old app are not present and have to be created by the client that wishes to implement the E-Commerce app.
  4. The new form does not use hashtags in the uri.
  5. Changing language, panFormatting, and stylesheetUri no longer require the page to be reloaded.
  6. By default, the tokenization forms now display 2 fields: PAN and Expiration time. The field useNewCardTokenForm has been replaced with:
    • useShortCardTokenForm - limits the form to just PAN.
    • use3DSCardTokenForm - displays all 3 fields: PAN, Expiration, and Name on Card. This field is overriden by useShortCardTokenForm.

Form Customization​

The design of the PAN entry form can be customized by creating a sylesheet. Current design templates can be seen there: https://ecomm.test.sfey.com/ps_mock/index.html.

The html template to design the stylesheet against can be found here:
https://ecomm.test.sfey.com/html/token-generation-template.html.txt

The default stylesheet can be found here:
https://ecomm.test.sfey.com/assets/skins/default.css

You can switch between different designs via the second select-box at the top of the page:

stylesheet-selection.png

If you need a new design template, please provide us the .css file you have created against the token-generation-template.html file. We will add it to the project making it available in all environments.