On This Page

Payment Flow

Using Flex Microform to take payments requires a combination of front-end and back-end integration. You need to collect the cardholder's details in your front-end application, send these details through the JavaScript library to tokenize card details, and then complete the transaction using the token with our back-end APIs.
The figure below shows the stages of the payment flow using Flex Microform.
  1. The customer processes their order on the merchant website.
  2. The merchant website requests Smartpay Fuse to generate the capture context JWT.
  3. Smartpay Fuse creates a payment capture context JWT.
  4. The merchant serves the payment page to the customer.
  5. Microform JavaScript intitializes with capture context and the customer enters their card details.
  6. The Microform JavaScript library tokenizes the payment card.
  7. Smartpay Fuse returns the token.
  8. The client-side code sends the token to the merchant server.
  9. The merchant server uses the token to process the payment.