Forum Replies Created
-
Posts
-
Hello,
Thank you for your response.
I understand what you are saying but when I test this the only other alternative is to pay with a debit or credit card. In WP Express checkout the buttons I want are there but it does not have the functionality that I need for my business so I got this plugin (Customers may purchase more than one item at a time which is why the Express Checkout does not work).
I’d like my customers to know once they get to the checkout page that they have the option to use Pay Later, Venmo, etc. and the buttons should have the functions that go with the various options. This is how I need it to show up using the WP eStore plugin. The HTML is below. Can you help? Thank you so much.
<!DOCTYPE html>
<html>
<head>
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
</head>
<body>
<!– Replace “test” with your own sandbox Business account app client ID –>
<script src=”https://www.paypal.com/sdk/js?client-id=test¤cy=USD”></script>
<!– Set up a container element for the button –>
<div id=”paypal-button-container”></div>
<script>
paypal.Buttons({
// Order is created on the server and the order id is returned
createOrder: (data, actions) => {
return fetch(“/api/orders”, {
method: “post”,
// use the “body” param to optionally pass additional order information
// like product ids or amount
})
.then((response) => response.json())
.then((order) => order.id);
},
// Finalize the transaction on the server after payer approval
onApprove: (data, actions) => {
return fetch(/api/orders/${data.orderID}/capture, {
method: “post”,
})
.then((response) => response.json())
.then((orderData) => {
// Successful capture! For dev/demo purposes:
console.log(‘Capture result’, orderData, JSON.stringify(orderData, null, 2));
const transaction = orderData.purchase_units[0].payments.captures[0];
alert(Transaction ${transaction.status}: ${transaction.id}\n\nSee console for all available details);
// When ready to go live, remove the alert and show a success message within this page. For example:
// const element = document.getElementById(‘paypal-button-container’);
// element.innerHTML = ‘<h3>Thank you for your payment!</h3>’;
// Or go to another URL: actions.redirect(‘thank_you.html’);
});
}
}).render(‘#paypal-button-container’);
</script>
</body>
</html>
