PickBazar Documentation
WelcomeHow It Works
Prerequisite
Installation
Available Scripts & Command
How Can I use this app
Demo Deploy
Features
Settings
Payment
IntroductionStripeStripe ElementPaypalRazorpayMolliePaystackSSLCOMMERZXenditIyzicoPaymongobKashFlutterwaveFlutterwaveFlutterwave Webhook settingsHow to create & setup Flutterwave information properly?Special Notes for Flutterwave.Integration of New Payment GatewayMulti payment gateway
Flash Sale
Shop Transfer
Social LoginOTP (Mobile Number Verification)WalletEmail ConfigurationEmail VerificationSubscribeTerms and conditions
SEO and Analytics
Refund
Real-time Notification
Multilingual & Translation
Third-party Integrations
Deployment
Back-End Integration
Customizations
Update & Upgrade Guide
FAQ PageContactQuestion & AnswerBreaking ChangesSupportChange Log

Flutterwave

Flutterwave is a secure and versatile payment gateway that facilitates seamless online transactions. It enables businesses to accept payments from various sources, including credit cards, debit cards, and mobile money, in multiple currencies. With user-friendly integration and advanced fraud protection, Flutterwave ensures secure and hassle-free payment processing. It also offers comprehensive analytics and reporting tools, empowering businesses to track and manage their transactions effectively. With its reliability and convenience, Flutterwave is a trusted solution for online payments, providing a smooth and secure experience for both merchants and customers.

Flutterwave integrate inside PickBazar.

Please follow & complete this steps for Flutterwave integration for your e-commerce system.

  • Inside api there is .env file. You have to copy & paste this line of codes inside the .env file. We will discuss later about how to create those API keys in RazorPay.

  • Inside api there is .env file. You have to copy & paste this line of codes inside the .env file. We will discuss later about how to create those API keys in Paystack official website.

FLW_PUBLIC_KEY=[YOUR_FLW_PUBLIC_KEY]
FLW_SECRET_KEY=[YOUR_FLW_SECRET_KEY]
FLW_SECRET_HASH=[FLW_SECRET_HASH]
SHOP_URL=[YOUR_SHOP_URL] This parameter is must have in .env file when Flutterwave is using. Otherwise the payment redirection will be broken.

Flutterwave Webhook settings

  • To activate Flutterwave go to settings from PickBazar admin dashboard. Inside settings you will find configure payment option. (e.g. Paystack Webhook URL is coming from local development. This static link will dynamically generated in live environment)

admin-pickbazar-settings flutterwave-webhook

  • Copy the webhook url & registered in Paystack Dashboard.

flutterwave-webhook-dashboard

  • If you want to use webhook during development on localhost, you must use a tools like ngrok to have the webhooks delivered to your local machine.

ngrok

  • Copy the forwarding https link & paste on Test Webhook URL, after paste forwarding https link, add line- /webhooks/flutterwave.

ngrok-webhooks

How to create & setup Flutterwave information properly?

  • Go to the Paystack official website & login If you aren't a registered user, Complete the Flutterwave registration first.
  • After logged in into Flutterwave dashboard, Click on Settings.

flutterwave-home

  • After That Click on API Keys for Paystack Secret Key & Paystack Public Key.

flutterwave-api-keys.png

  • Copy & paste those inside PickBazar API and PickBazar Shop .env file like mentioned above.

Special Notes for Flutterwave.

If we have used any third party system/plugin/packages, then we have always encouraged our respected customers to follow the official documentation for detailed & in-depth knowledge.