This is a simple HTML and vanilla Javascript implementation of the Vella Checkout widget. To get started:
e.g Using HTTPS:
git clone https://github.com/Vella-Finance/Vella-Javascript-Widget.git
Alternatively, if you use ssh:
git clone git@github.com:Vella-Finance/Vella-Javascript-Widget.git
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: 'example@mail.com', // 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
});;
If you're having trouble with Vella checkout integration, please reach out to us at hello@vella.finance or come chat with us using on https://app.vella.finance. We're happy to help you out with your integration to Vella.