The Vue SDK helps you create seamless payment experiences in your Vue(2.X) mobile/web app. By connecting to our modal, you can start collecting payment in no time.
Available features include:
- Collections: Card, Account, Mobile money, Bank Transfers, USSD, Barter, NQR.
- Recurring payments: Tokenization and Subscriptions.
- Split payments
- Flutterwave for business V3 API keys
- Vue version = 2.x.x
Install the SDK
$ npm install flutterwave-vue-v3
# OR
$ yarn add flutterwave-vue-v3-
Import the Flutterwave Library in the 'main.js' file.
-
Add the Flutterwave plugin to your app passing in your Flutterwave Public Key (optional)
Note 💡: For a Typescript project sample, please see the project in the example directory of the project repository.
If Public key is not added you will have to pass in the public_key parameter to the provided payment component button and payment function
//main.js
import Vue from 'vue'
import App from './App.vue'
import Flutterwave from 'flutterwave-vue-v3'
Vue.use(Flutterwave, { publicKey: 'FLWPUBK_TESTXXXXXXXXXX' } )
new Vue({
render: h => h(App),
}).$mount('#app')We understand that you may run into some errors while integrating our library. You can read more about our error messages here.
For authorization and validation error responses, double-check your API keys and request. If you get a server error, kindly engage the team for support.
For additional assistance using this library, please create an issue on the Github repo or contact the developer experience (DX) team via email or on Slack.
You can also follow us @FlutterwaveEng and let us know what you think 😊.
We welcome contributions from the community. Please see the community guide for contributions guidelines.
By contributing to this library, you agree that your contributions will be licensed under its MIT license.
Copyright (c) Flutterwave Inc.