Checkout Redirect

The Checkout API allows you to safely and securely receive payments from your customers. Your server calls the Create Payment API to generate a checkout link, which you then redirect your users to so they can make a payment. After making a payment, your users are redirected to your website.

Let's get started.

1 - Collect Payment Details

To initialize the transaction, you'll need to pass information such as email, first name, last name, amount, transaction reference, etc.

Please find below the request parameters for the endpoint.

FieldData typeRequiredDescription
amountintegerRequiredThe amount to charge the customer.
redirectUrlstringOptionalThe URL to redirect your customer when the transaction is complete.
currencystringRequiredThe currency in which the customer should be charged. Options are [NGN, GHS, KES, UGX]
referencestringOptionalYour transaction reference. Must be unique for every transaction.
If you do not provide one, a unique transaction reference would be generated for the transaction.
feeBearerstringRequiredThis will set who bears the fees of the transaction. If it is set to business, the merchant will bear the fee, while if it is set to customer, the customer will bear the fee. By default, it is set to business
metadataobjectOptionalInclude any information you'd want to send to Fincra in this object.
e.g metadata: {userId: "my_user_id" }
customerstringRequiredJSON object containing customer details
customer.namestringRequiredThe name of the customer
customer.emailstringRequiredThe email of the customer
customer.phoneNumberstringOptionalThe mobile number of the customer
successMessagestringOptionalThe message you want customers to see after successful payment.
settlementDestinationstringOptionalSettlement destination is the location where you want your payments to be settled. Settlements are only to wallets (balances) for now
Value for settlementDestination would be wallet
paymentMethodsarrayOptionalThe payment method you want to make available to your customers E.g, Bank (bank_transfer), card (card).
defaultPaymentMethodstringOptionalThe Payment method that should be active by default on the checkout page E.g bank_transfer or card

2 - Initiate Payment

After collecting the necessary payment details for the transaction. Make a POST request to our create checkout endpoint.

Endpoint:

{{host}}/checkout/payments
curl --location 'https://api.fincra.com/checkout/payments' \
--header 'accept: application/json' \
--header 'api-key: <Your API secret key>' \
--header 'x-pub-key: <Your API public key>' \
--header 'Content-Type: application/json' \

Here's a sample payload to initialize a transaction:

{
    "amount": 350,
    "currency": "NGN",
    "customer":{
        "name":"Customer Name",
        "email":"[email protected]"
    },
    "feeBearer":"customer",
    "redirectUrl":"https://yoursite.com/redirect-destination"
}
{
    "amount": 350,
    "currency": "NGN",
    "customer":{
        "name":"Customer Name",
        "email":"[email protected]"
    },
    "feeBearer":"customer",
    "reference":"your-internal-reference-id",
    "redirectUrl":"https://yoursite.com/redirect-destination"
}

If the API call is successful, Fincra returns the following response:

{
    "status": true,
    "message": "Hosted link generated",
    "data": {
        "link": "https://checkout.fincra.com/pay/fcr-p-********",
        "payCode": "fcr-p-********"
    }
}
{
    "status": true,
    "message": "Hosted link generated",
    "data": {
        "link": "https://checkout.fincra.com/pay/fcr-p-********",
        "reference": "********",
        "payCode": "fcr-p-********"
    }
}

Note: When no reference is passed from your end, the payCode is used as the transaction reference.

After you get the above response, you should then redirect your customer to the checkout URL provided in the response ("link"), to enable them complete their payment. Once the payment is complete or in the event of a failure, Fincra will redirect your customer to your specified redirectUrl. The transaction reference will be appended as a query parameter to your redirectUrl as well.

e.g https://website_redirectUrl/?reference=YOUR_REFERENCE

In a situation where no redirectUrl is passed, the customer receives visual confirmation on the completion of the payment and is NOT redirected out of the current webpage.

3 - Verify payment

It is critical that you confirm the transaction using its reference, just because the redirectUrl was visited doesn't prove that transaction was successful. You can confirm payment by using the verify payment endpoint

Endpoint:

{{host}}/checkout/payments/merchant-reference/{{reference}}
curl --location 'https://api.fincra.com/checkout/payments/merchant-reference/{{reference}}' \
--header 'accept: application/json' \
--header 'api-key: <Your API secret key>' \
--header 'x-business-id: <Your business ID>' \

Here's the api response:

{
    "status": true,
    "message": "Payment details fetched",
    "data": {
        "id": 443787,
        "businessId": "******************",
        "paymentLinkId": null,
        "amount": 350,
        "currency": "NGN",
        "convertedAmount": 350,
        "convertedCurrency": "NGN",
        "paymentMethods": [
            "card",
            "bank_transfer",
            "payattitude"
        ],
        "defaultPaymentMethod": "bank_transfer",
        "redirectUrl": "https://yoursite.com/redirect-destination",
        "customUrl": null,
        "successMessage": null,
        "settlementDestination": "wallet",
        "feeBearer": "customer",
        "reference": "fcr-p-*********",
        "merchantReference": "fcr-p-*********",
        "isDisabled": false,
        "metadata": null,
        "status": "success",
        "createdAt": "@timestamp",
        "updatedAt": "@timestamp",
        "customer": {
            "name": "Christopher Chukwuemeka",
            "email": "[email protected]",
            "phoneNumber": null
        },
        "business": {
            "settings": {
                "feeBearer": "customer",
                "settlementDestination": "wallet",
                "enableWebhook": false
            },
            "emailSettings": {
                "collectionNotification": false,
                "topupNotification": false,
                "settlementNotification": false,
                "paymentReceiptNotification": false
            },
            "checkoutSettings": {
                "useBrandLogo": false,
                "buttonTextColor": null,
                "buttonColor": null,
                "fontColor": null,
                "fontFamily": null,
                "backgroundColor": null,
                "backgroundTextColor": null
            },
            "status": "enabled",
            "countryCallingCode": "+234",
            "businessTag": 200168,
            "isKYCApproved": true,
            "isBlocked": false,
            "_id": "********************",
            "name": "Fincra DevRel",
            "businessType": "Fintech",
            "website": "https://fincra.com",
            "email": "[email protected]",
            "country": "NG",
            "mobile": "**********",
            "businessKey": "B-*********",
            "createdAt": "@timestamp",
            "updatedAt": "@timestamp"
        }
    }
}

4 - Receive and validate webhook notification

Listen for webhook events. We will send a notification to your webhook URL that indicates the status of the collection. Read our guide on securing and validating the webhook notification on your end.

Note: We will only send you a webhook when the transaction is successful

Webhook response:

{
  "event": "charge.successful",
  "data": {
    "id": 601227,
    "authorization": {
      "mode": null,
      "redirect": null,
      "metadata": null
    },
    "auth_model": null,
    "amount": 355.27,
    "amountReceived": 200,
    "currency": "NGN",
    "fee": 3.01,
    "vat": 0.21,
    "message": "",
    "status": "success",
    "reference": "fcr-p-********",
    "description": "checkout",
    "type": "bank_transfer",
    "customer": {
      "name": "Christopher Chukwuemeka",
      "email": "[email protected]",
      "phoneNumber": null
    },
    "metadata": {},
    "settlementDestination": "wallet",
    "virtualAccount": {
      "bankName": "globus",
      "id": "*************************",
      "bankCode": "103",
      "accountName": "Fincra DevRel",
      "accountNumber": "3994698574",
      "sessionId": "100006231127112001938859294368",
      "channelName": "globus",
      "payerAccountNumber": "***********",
      "payerAccountName": "*************************",
      "payerBankName": "***********",
      "payerBankCode": null,
      "expiresAt": "@timestamp",
      "business": "*********************"
    },
    "amountToSettle": 196.99,
    "chargeReference": "fcr-bt-************"
  }
}

Webhook Response

The webhook response is explained in detail here.

Datadescription
eventThe Webhook event
typeThe type of transaction
dataThe data object
data.methodThe payment method e.g card, bank transfer
data.paymentReference
data.transactionReferenceThe unique reference generated for the transaction
data.merchantReferenceThe reference the merchant included while initiating the transaction. This is the reference of the transaction on the merchant's application
data.amountThe amount the customer paid
data.amountToSettleThe amount the merchant receives
datafeeThe fee charged for the transaction
data.feeBearerThe bearer of the fees
data.statusThe status of the transaction
data.settlementDestinationThe settlement destination. This is by default, wallet
data.currencyThe currency in which the payment was made
data.customerThe customer. This is an object that contains the name , email and phoneNumber of the customer
data.metadataThe extra information included in the transaction
data.createdAtThis is the timestamp the transaction was created
data.updatedAtThis is the timestamp the transaction was updated