JS SDK Reference for Payment Fields

1paypal.Buttons({
2  style: {
3    layout: 'vertical',
4    label:  'paypal'
5  }
6}).render('#paypal-button-container');

1<script>
2  paypal.Buttons({
3    // Order is created on the server and the order id is returned
4    createOrder() {
5      return fetch("/my-server/create-paypal-order", {
6        method: "post",
7        headers: {
8          "Content-Type": "application/json",
9        },
10        // use the "body" param to optionally pass additional order information
11        // like product skus and quantities
12        body: JSON.stringify({
13          cart: [
14            {
15              sku: "YOUR_PRODUCT_STOCK_KEEPING_UNIT",
16              quantity: "YOUR_PRODUCT_QUANTITY",
17            },
18          ],
19        }),
20      })
21      .then((response) => response.json())
22      .then((order) => order.id);
23    },
24  }).render('#paypal-button-container');
25</script>

1paypal.Buttons({
2  onCancel: function (data) {
3    // Show a cancel page, or return to cart
4  }
5}).render('#paypal-button-container');

1paypal.Buttons({
2  onError: function (err) {
3    // For example, redirect to a specific error page
4    window.location.href = "/your-error-page-here";
5  }
6}).render('#paypal-button-container');

1// Loop over each funding source / payment method
2paypal.getFundingSources().forEach(function(fundingSource) {
3
4  // Initialize the buttons
5  var button = paypal.Buttons({
6    fundingSource: fundingSource
7  });
8
9  // Check if the button is eligible
10  if (button.isEligible()) {
11
12    // Render the standalone button for that funding source
13    button.render('#paypal-button-container');
14  }
15});