<!DOCTYPE html>
<head>
<!– Add meta tags for mobile and IE –>
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge” />
</head>
<body>
<!– Set up a container element for the button –>
<div id=”paypal-button-container”></div>
<!– Include the PayPal JavaScript SDK –>
<script src=”https://www.paypal.com/sdk/js?client-id=sb¤cy=USD“></script>
<script>
// Render the PayPal button into #paypal-button-container
paypal.Buttons({
// Set up the transaction
createOrder: function(data, actions) {
return actions.order.create({
purchase_units: [{
amount: {
value: ‘0.01’
}
}]
});
},
// Finalize the transaction
onApprove: function(data, actions) {
return actions.order.capture().then(function(details) {
// Show a success message to the buyer
alert(‘Transaction completed by ‘ + details.payer.name.given_name + ‘!’);
});
}
}).render(‘#paypal-button-container’);
</script>
</body>