Payment Extension Overview

Payment extension integrate payment gateway with the Fynd Platform to provide payment processing services to merchants.

The following diagram illustrates how a merchant installs and activates a payment extension. For more detail, refer testing installation and activation guide.

Payment Options Page During Checkout

Below is an example of how a Checkout payment extension appears on payment options page during checkout.

Supported Checkout Type

Fynd Platform currently only supports standard checkout for payment extension. In standard checkout, the customer is redirected to the payment gateway hosted page to submit payment details and complete the transaction.

How to Build Payment Extension

Depending on technology stack you are using, you have 2 options to build a payments extension

Option 1 - Using Node + React payment extension template

If you want to build using Node and React, you can use Payment Extension Javascript template. This template pre-implements extension OAuth, has required endpoints pre-implemented and include frontend code built where extension collects payment gateway credentials from merchant.

Option 2: Build from Scratch

Do the following steps if you need to build a payment extension from scratch:

1. Registering a payment extension: Create a payment extension on partner panel to get Extension API Key and Extension API Secret that are required for your payment extension to interact with the Fynd Platform. This step is required even if you are using Payment Extension Javscript template as Extension API Key and Extension API Secret are required in template code's .env file
2. Building Payment Extension: Implement installation, activation, payment and refund flow in your payment extension.
3. Best practices and common issues: Learn about best practices while building payment extension and commonly encountered issues.
4. Testing payment extension: Test your extension for the merchant and customer flow.