Checkout on IE - Even the official Demo doean't work

MedLink
New Community Member

I know there are plenty of post about paypal checkout on IE but I haven't found anything related with my issue.

 

I implemented a PayPal chakeout button an on IE (currenlty IE10 and IE11) the button is rendered but it doesn't do anything on click, blocking completely the payment workflow.

 

There are no specific errors apart for these 2

SCRIPT5009: 'Promise' is undefined - checkout.js (15404,13)

SCRIPT5007: Unable to get property 'Promise' of undefined or null reference - button.js (193,13)

 

I thought was my code the problem or my IE, but then I run the demo paypal checkout with different machines and the behaviour is the same

https://developer.paypal.com/demo/checkout/#/pattern/client

If I browse that page in IE, the chekcout button doesn't work. So my code, my website and my machine are not part of the problem.

 

Can anyone confirm I'm not the only one that cannot run the demo page on IE?

Is there any workaround?

 

Many Thanks

Login to Me Too
2 REPLIES 2

MTS_Jennifer
Moderator
Moderator

I tested in Internet Explorer 11 and Microsoft Edge. I have confirmed that the Official Demo for Client Side Express Checkout Js4 is working. There were some updates that had been made recently.

 

2018-03-08 13_47_35-PayPal Checkout - Log in ‎- Microsoft Edge.png

You will need to use your own Sandbox Credentials. Please try using the demo and let us know if you have any additional questions.

Thank you,

Jennifer

Login to Me Too

JohnIrish
Contributor
Contributor

If you run the demo code of Express Checkout client-side JS in Internet Explorer 11 it does not work and displays the error message "Can not render button in IE intranet mode".

 

I have read through the developer documentation and blogs and it does not appear anyone has solved this issue for this specific example.

 

I even ran the below demo code untouched with the same result.

 

<!DOCTYPE html>

<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>
<div id="paypal-button-container"></div>

<script>
paypal.Button.render({

env: 'sandbox', // sandbox | production

// PayPal Client IDs - replace with your own
client: {
sandbox: 'AZDxjDScFpQtjWTOUtWKbyN_bDt4OgqaF4eYXlewfBP4-8aqX3PiV8e1GWU6liB2CUXlkA59kJXE7M6R',
production: '<insert production client id>'
},

// Show the buyer a 'Pay Now' button in the checkout flow
commit: true,

// payment() is called when the button is clicked
payment: function(data, actions) {

// Make a call to the REST api to create the payment
return actions.payment.create({
payment: {
transactions: [
{
amount: { total: '0.01', currency: 'USD' }
}
]
}
});
},

// onAuthorize() is called when the buyer approves the payment
onAuthorize: function(data, actions) {

// Make a call to the REST api to execute the payment
return actions.payment.execute().then(function() {
window.alert('Payment Complete!');
});
}

}, '#paypal-button-container');

</script>
</body>
 

 

 
Login to Me Too

Haven't Found your Answer?

It happens. Hit the "Login to Ask the community" button to create a question for the PayPal community.