I recently followed the steps outlined in this tutorial from PayPal's developer website here and I am now trying to customize the shipping costs based on the destination country, following the instructions provided here
My code for the "Paypal-Button" appears as follows:
<!DOCTYPE html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<script src="https://www.paypal.com/sdk/js?client-id=XXXXXXXXXX¤cy=EUR">
</script>
</head>
<body>
<h2>Checkout</h2>
<div id="paypal-button-container"></div>
<script>
const baseOrderAmount = '15.00';
const addFloats = (...floats) => floats.reduce((v, t) => parseFloat(t) + parseFloat(v), 0).toFixed(2);
paypal.Buttons({
createOrder: function(data, actions) {
// Set up the transaction
return actions.order.create({
purchase_units: [{
amount: {
value: baseOrderAmount
}
}]
});
},
onApprove: function(data, actions) {
// Capture the funds from the transaction
return actions.order.capture().then(function(details) {
// Show a success message to your buyer
alert('Transaction completed by ' + details.payer.name.given_name);
// Call your server to save the transaction
return fetch('/paypal-transaction-complete.php', {
method: 'post',
body: JSON.stringify({
orderID: data.orderID
})
});
});
},
onShippingChange: function(data, actions) {
// Reject all others
if ((data.shipping_address.country !== 'DE') || (data.shipping_address.country !== 'AT') || (data.shipping_address.country !== 'CH')) {
return actions.reject();
}
// Patch the shipping amount
var shippingAmount = 10.0;
if (data.shipping_address.country == 'AT') {
shippingAmount = 20.0;
}
if (data.shipping_address.country == 'CH') {
shippingAmount = 30.0;
}
return actions.order.patch([
{
op: 'replace',
path: "/purchase_units/@reference_id=='default'/amount",
value: {
currency_code: 'EUR',
value: addFloats(baseOrderAmount, shippingAmount),
breakdown: {
item_total: {
currency_code: 'EUR',
value: baseOrderAmount
},
shipping: {
currency_code: 'EUR',
value: shippingAmount
}
}
}
}]);
}
}).render('#paypal-button-container');
</script>
</body>
</html>
Everything else is functioning correctly, but when implementing the onShippingChange() function, I keep receiving an error message from PayPal stating that the seller does not ship to this country, despite providing a German address.