Inline Plugin : Paystack

For integrating E-commerce Websites with Existing Paystack Integrations.

How to use

1. Include the inline JavaScript plugin script in your HTML markup:

HTML

<script src="https://dev.nevance.com/js/inline/v1/inline-ps1.js"></script>

<button onclick="loadPaystack()">Pay Now</button>

2. Set up your payment payload and configure your event handlers

JavaScript

function loadPaystack() {

    var handler = QuickSetup({
        nPublicKey: 'your nevance public key',	//your Nevance public key
        //key: 'pk_test_34c54e5ecf3a95f542654c7dbc8fb3a4fe5b',
        email: '[email protected]',
        amount: 180000,
        currency: "NGN",
        ref: '' + Math.floor((Math.random() * 1000000000) + 1), // generates a pseudo-unique reference. Please replace with your custom reference if any.
        label: 'My Store',
        firstname: 'Jane',
        lastname: 'Doe',
        metadata: {
            custom_fields: [
                {
                    display_name: "Mobile Number",
                    variable_name: "mobile_number",
                    value: "[phone]"
                }
            ]
        },
        callback: function (response) {

            alert(JSON.stringify(response));

            //window.location.replace("https://www.example.com");
        },
        onClose: function () {
            //alert('aborted');
        }
    });
    //handler.openIframe();
}

Response Sample

{
    "status": true,
    "message": "success",
    "data": {
        "status": "Success",
        "id": "E1C3A8255C47",
        "reference": "865396985",
        "amount": 1800,
        "chargedAmount": 1800,
        "fee": 0,
        "description": "test payment",
        "currency": "NGN",
        "source": "Card",
        "defaultChannel": "Flutterwave",
        "usedChannel": "Paystack",
        "switched": true,
        "ipAddress": "102.89.255.255",
        "customerName": "Jane Doe",
        "customerEmail": "[email protected]",
        "customerPhone": "08012345678",
        "feeBearer": "Customer",
        "productId": null,
        "createdAt": "2021-08-10T18:48:23.9383244",
        "completedAt": "2021-08-10T18:49:21.2804261Z",
        "refundedAt": null,
        "smsReminder": false,
        "emailReminder": true,
        "frequency": "Minutely",
        "interval": 1
    }
}

Prerequisite

Login to your settings tab to update your external processor settings. Please note that only your public key is required.

Login > Settings Tab > Update Processors

Having implemented and completed the above steps, you are now ready to receive payments on your website.

👍

Donwtime Detection vs. Payment Routing

In the events where default processor is experiencing downtime, an available payment processor is used to accept your payments without your customers experiencing the downtime.