Complete Guide to Integrating Flutterwave Payments into Your React Application

[@9jaCoder]

Which payment platform will you be using for your React Application ??

[@ADLMStudio]

Thank you very much for this really appreciate

[@9jaCoder]

your welcome

[@ADLMStudio]

@@9jaCoder please upon completion of payment, it’s supposed to unlock an aspect of the DB but still stuck… if you can help with a video on how to add a function upon payment completion

[@9jaCoder]

then youll need to trigger a function that will fullfill that task upon completion of the payment@@ADLMStudio

[@9jaCoder]

if you inspect the code, you will see an if condition that pass a console.log message of "succes" upon completion of the code, that is where u should use to trigger the function that u wish to execute

[@ADLMStudio]

@@9jaCoder okay the complication is that I was building with next js which saves its files as typescript… it lead to some complications actually

[@migz__theone4471]

can you make the flutterwave integration for reactNative

[@ayinde_xyz]

Hello,
I noticed the "pay with flutterwave" button doesn't work whenever I try to input the public key using a .env file....
But, it works whenever I type the keys directly into the document.
Did you also notice this error?

[@enochasandahall2034]

Make sure in your react application the environmental variable begins with REACT_APP_PUBLIC_KEY

[@9jaCoder]

then ur calling on the enviromental variable wrongly

[@almostdaylight5929]

Thanks alot for sharing. however after creating an account I can't seem to find my API keys.. i've scoured the dashboard again and again and still cant find where I'm supposed to copy my API keys. Please respond as soon as you get this thanks a lot.

[@9jaCoder]

Try navigating to the settings or configuration or developers mode .. lemme know if u found it

[@almostdaylight5929]

@@9jaCoder I have. It just has the developers text all greyed out..nothing else.

[@DavidDaniel-w7k]

I followed everything step by step but it isn't working, I just get a redirection and the values parsed in the customer becomes a parameter

[@uneeqdev]

Do I have to pay to use flutterwave in my react app?

[@9jaCoder]

not at all, its free to use and works excellently well, only issue u will have is accepting card payments, it will tell you 3D authentication needed on the cards being used

[@duztv5370]

@@9jaCoder please what does it mean by 3d authentication?

[@9jaCoder]

@@duztv5370 it’s basically an authentication fultterwave will check on the card before allowing ur site to collect card payments, due to the rampant of fruadsters they would heavily restrict your site form accepting card payments, if u need card payments on ur site, u would need to contact flutterwave and follow due process to achieve that

[@jerryouma2363]

Error initiating Flutterwave transfer: {
status: 'error',
message: 'This request cannot be processed. Please contact your account administrator',
data: null
} what could be the reason

[@9jaCoder]

cant know with only an error message bro

[@jeniferakinyemi1733]

Hello, I have tried to add flutterwave payment but i keep getting Cors errors the flutterwave payment page will show but only email, amount and customization that will show the payments options will not show. and i always get CORS error in my console. please what is wrong

[@emmanuelibenwankwo1734]

me too i am having this issue, have you found a way around it?

[@justiceessiel6123]

I would like to know sth so I want to do this way.. I have to apps that are working concurrently.. one app pays.. the money come to me the admin and then when the party who is supposed to deliver the service is done with that customer that paid alerts us so we release the funds from the admin to the service provider.. I get that with this one we are paying me the admin but what of the reverse

[@9jaCoder]

oh like u want the money to go straight to the service provider, rather than it passing through u ??

[@justiceessiel6123]

@@9jaCoder knowing that one is also good. Best case scenario is money from customer to admin and after some event its admin to second customer on another app

[@9jaCoder]

​@@justiceessiel6123 the case scenario is the the only option really for a small business, the money goes to admin and then the admin can charge a small processing fee and remit the money to the desired third party

[@justiceessiel6123]

@@9jaCoder yh that iss what your video illustrated. I am saying additionally we reverse it

[@9jaCoder]

​@@justiceessiel6123 okay let me get you clearly. what ur asking is that customers on ur site pay directly to the sellers, without the money having to pass through you the admin of the website ??

[@mich_thedev]

Bro you supposed blur your secret key

[@9jaCoder]

abi .... i dont use any of the accs, thier just for example bro

[@mich_thedev]

@@9jaCoder Cool

[@Big_mitchell]

Is flutterwave free to use )

[@9jaCoder]

yes it is