webproxy / Vella-Javascript-Widget

Vella Checkout Vanilla Javascript

This is a simple HTML and vanilla Javascript implementation of the Vella Checkout widget. To get started:

Step 1: Clone this repository

e.g Using HTTPS:

git clone https://github.com/Vella-Finance/Vella-Javascript-Widget.git

Alternatively, if you use ssh:

git clone [e-mail]:Vella-Finance/Vella-Javascript-Widget.git

Step 2: Update your api key

Open the index.html file in your preferred text editor, update the config object with your public key gotten from the Vella Dashboard under settings page.

            const key = ""; // your vella API test/live key
            const config = {
                email: '[e-mail]', // string - customer email
                name: "Tade Ogidan", // string - customer name
                amount: 100.00, //float - amount to pay
                currency: "NGNT", // supported fiat NGNT,USDT,USDC
                merchant_id: "", // string - merchant id
                reference: "" // string - generated reference
            };
            const vellaSDK = VellaCheckoutSDK.init(key, config);
            vellaSDK.onSuccess(response => {
                console.log("data", response) // success response with data
            })
            vellaSDK.onError(error => {
                console.log("error", error) // error response
            });
            vellaSDK.onClose(() => {
                console.log("widget closed") // trigger close
            });;

Support

If you're having trouble with Vella checkout integration, please reach out to us at [e-mail] or come chat with us using on https://app.vella.finance. We're happy to help you out with your integration to Vella.