Integrate PayPal Checkout in your Website - React | Sandbox Testing | Buyer and Seller

[@MH-lp8ob]

Love from bangladesh🇧🇩🇧🇩. This is so easy way than others video.

[@sahilmiddya6960]

Thank you brother, you helped me a lot without knowing. I was stuck with that on a client's project. Now I succeed. Lov you ❤️❣️

[@soniauduma1640]

awesome and easy to understand video, keep it up

[@tazul8]

I understood. Thank you very much.

[@mackynikat8833]

. thats why the title don't have the phrase `` for beginners ``

[@adamwoolf9993]

thanks for the great video. When I go to checkout, the amount in the paypal popup window is always 0.01. why is this? It doesn't matter if I try to hard code an amount or use state....

[@manojd929]

Thank you!
Please check the input parameters you are passing to createOrder method.
Reference: github.com/manojd929/graphql-ecommerce-client/blob/master/src/components/PayWithPayPal.jsx#L19

[@lyorreiquintao7749]

Isn't it unsafe to control the value on the client side?

[@ayushmaheshwari3998]

Everything is working but when i try to make payment with debit or credit card it ask for otp then suddenly a white screen appears on screen

[@omar_mtl]

Thank you so much. I have a quick question. Can I also make a payment with my credit card without PayPal ? Or does it only have to be through PayPal

[@manojd929]

It has to be through PayPal. You can consider integrating with Braintree for your use case

[@mandyronald8187]

Great tutorial. Am creating an application for a client and I want to integrate PayPal sdk . Do I need their paypal user logins to access the sandbox or I use my own logins

[@manojd929]

You would need their sandbox credentials. If it's for testing only, you can use yours

[@saiswaroopbedamatta7747]

hey thanks for the video, i wan to style the paypal button, is it possible?

[@manojd929]

You have to override it in your stylesheets. But not recommended though for brand buttons

[@dharmikanandasrinivaskatta4274]

When i try to add the card details in personal sandbox account which is generated by credit card generator it is giving following error : We're sorry. We're not able to process your request right now. Please try again later. what is the issue

[@manojd929]

I believe it might be an intermittent issue
Please try again. If issue persists, Contact paypal help center.

[@anuraggupta1627]

Everything is working fine but paypal is not accepting the defult card while also i have used card generator but it still doesn't works for me.

[@manojd929]

After generating new card, have you completed the process of 3d secure setup ?
Also, try sending payment with that card using send money to another sandbox account through web portal and check if it works
And can you confirm you are paying through the newly generated card ?

[@rehman_]

Questions.
Is there any need to activate PayPal account for live transactions, like as we do in a stripe account?
if someone has no PayPal account is that will be able to pay through a card of his local bank?
Must Reply Plz.

[@manojd929]

Use the live/prod keys for your site. I am not aware of stripe experience.
Users need to have PayPal account which allows them to pay through the cards they have added in PayPal.
Also, for your question specifically there are alternative payment methods that are worth checking out in PayPal docs that are active in few markets which allows users to pay through the payment methods.
Users need not have PayPal account for those. But please check the markets in which they are active

[@rehman_]

@@manojd929 Thanks for your reply, hope so this will be helpful for me

[@MrKarthikkatta]

Paypal button loads mutiple times one below the other whenever there is a change in the state since we are using in useeffect ? Do we have any solution for this ?

[@manojd929]

That should not happen.
and I cannot comment on it without looking at your code.

[@MrKarthikkatta]

@@manojd929
import React, {useState, useEffect} from 'react'
import AlertModal from '../Alert';
const PayPalButton = (props) => {
const { cartTotal } = props;
const [show, setshow] = useState(false);
const [mess, setmess] = useState('');
useEffect(() => {
window.paypal
.Buttons({
createOrder : (data, actions) => {
return actions.order.create({
purchase_units: [{
amount: {
currency_code: "USD",
value: cartTotal
}
}]
});
},
onApprove : (data, actions) => {
return actions.order.capture().then((details) => {
setmess('Transaction completed by ' + details.payer.name.given_name);
setshow(true);
});
}
})
.render('#paypal-button-container');
});
const closeAlertModel = () => {
setshow(false);
}
return (


)
}
export default PayPalButton