// Render the PayPal button
paypal.Button.render({
// Set your environment
env: 'production', // sandbox | production
// Specify the style of the button
style: { label: 'credit', size: 'medium', // small | medium | large | responsive shape: 'rect', // pill | rect },
// PayPal Client IDs - replace with your own // Create a PayPal app: https://developer.paypal.com/developer/applications/create
client: { sandbox: 'AZDxjDScFpQtjWTOUtWKbyN_bDt4OgqaF4eYXlewfBP4-8aqX3PiV8e1GWU6liB2CUXlkA59kJXE7M6R', production: 'ASutiKnl4f4E8iV1LYEgWa_Bl3y1t-dOg7sJWhbt2KTUSubU8AhLJP56QdJchgB7Bcmi9HLr_-QY3mV2' },
// Wait for the PayPal button to be clicked
payment: function(data, actions) {
// Set up a payment and make credit the landing page
return actions.payment.create({ payment: { transactions: [ { amount: { total: '0.01', currency: 'USD' } } ] } }); },
// Wait for the payment to be authorized by the customer
onAuthorize: function(data, actions) { return actions.payment.execute().then(function() { window.alert('Payment Complete!'); }); }
}, '#paypal-button-container');