Видео

Refer to my previous videos here ruclips.net/video/C5CY1jn0c9E/видео.html

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

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

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

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

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

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

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

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 ?

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

@@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 ( <div> <div id="paypal-button-container"></div> <AlertModal show={show} alertMess={mess} close={closeAlertModel}/> </div> ) } export default PayPalButton