Home Admin

Embed Snippet on Your Site

<script src="https://library.wpcode.com/embedjs/m5lm9924.js/"></script>

paypal

adam holt

<10

Code Preview

Comments



	`<!DOCTYPE html>`
	`<html>`
	`<head>`
	`<meta name="viewport" content="width=device-width, initial-scale=1">`
	`</head>`
	`<body>`
	`<!-- Replace "test" with your own sandbox Business account app client ID -->`
	`<script src="https://www.paypal.com/sdk/js?client-id=test&currency=USD"></script>`
	`<!-- Set up a container element for the button -->`
	`<div id="paypal-button-container"></div>`
	`<script>`
	`paypal.Buttons({`
	`// Order is created on the server and the order id is returned`
	`createOrder() {`
	`return fetch("/my-server/create-paypal-order", {`
	`method: "POST",`
	`headers: {`
	`"Content-Type": "application/json",`
	`},`
	`// use the "body" param to optionally pass additional order information`
	`// like product skus and quantities`
	`body: JSON.stringify({`
	`cart: [`
	`{`
	`sku: "YOUR_PRODUCT_STOCK_KEEPING_UNIT",`
	`quantity: "YOUR_PRODUCT_QUANTITY",`
	`},`
	`],`
	`}),`
	`})`
	`.then((response) => response.json())`
	`.then((order) => order.id);`
	`},`
	`// Finalize the transaction on the server after payer approval`
	`onApprove(data) {`
	`return fetch("/my-server/capture-paypal-order", {`
	`method: "POST",`
	`headers: {`
	`"Content-Type": "application/json",`
	`},`
	`body: JSON.stringify({`
	`orderID: data.orderID`
	`})`
	`})`
	`.then((response) => response.json())`
	`.then((orderData) => {`
	`// Successful capture! For dev/demo purposes:`
	`console.log('Capture result', orderData, JSON.stringify(orderData, null, 2));`
	`const transaction = orderData.purchase_units[0].payments.captures[0];`
	alert(`Transaction ${transaction.status}: ${transaction.id}\n\nSee console for all available details`);
	`// When ready to go live, remove the alert and show a success message within this page. For example:`
	`// const element = document.getElementById('paypal-button-container');`
	`// element.innerHTML = '<h3>Thank you for your payment!</h3>';`
	`// Or go to another URL: window.location.href = 'thank_you.html';`
	`});`
	`}`
	`}).render('#paypal-button-container');`
	`</script>`
	`</body>`
	`</html>`

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
    <!-- Replace "test" with your own sandbox Business account app client ID -->
    <script src="https://www.paypal.com/sdk/js?client-id=test¤cy=USD"></script>
    <!-- Set up a container element for the button -->
    <div id="paypal-button-container"></div>
    <script>
      paypal.Buttons({
        // Order is created on the server and the order id is returned
        createOrder() {
          return fetch("/my-server/create-paypal-order", {
            method: "POST",
            headers: {
              "Content-Type": "application/json",
            },
            // use the "body" param to optionally pass additional order information
            // like product skus and quantities
            body: JSON.stringify({
              cart: [
                {
                  sku: "YOUR_PRODUCT_STOCK_KEEPING_UNIT",
                  quantity: "YOUR_PRODUCT_QUANTITY",
                },
              ],
            }),
          })
          .then((response) => response.json())
          .then((order) => order.id);
        },
        // Finalize the transaction on the server after payer approval
        onApprove(data) {
          return fetch("/my-server/capture-paypal-order", {
            method: "POST",
            headers: {
              "Content-Type": "application/json",
            },
            body: JSON.stringify({
              orderID: data.orderID
            })
          })
          .then((response) => response.json())
          .then((orderData) => {
            // Successful capture! For dev/demo purposes:
            console.log('Capture result', orderData, JSON.stringify(orderData, null, 2));
            const transaction = orderData.purchase_units[0].payments.captures[0];
            alert(`Transaction ${transaction.status}: ${transaction.id}\n\nSee console for all available details`);
            // When ready to go live, remove the alert and show a success message within this page. For example:
            // const element = document.getElementById('paypal-button-container');
            // element.innerHTML = '<h3>Thank you for your payment!</h3>';
            // Or go to another URL:  window.location.href = 'thank_you.html';
          });
        }
      }).render('#paypal-button-container');
    </script>
  <script>var rocket_beacon_data = {"ajax_url":"https:\/\/library.wpcode.com\/wp-admin\/admin-ajax.php","nonce":"fa02e5ccdd","url":"https:\/\/library.wpcode.com\/snippet\/m5lm9924","is_mobile":false,"width_threshold":1600,"height_threshold":700,"delay":500,"debug":null,"status":{"atf":true},"elements":"img, video, picture, p, main, div, li, svg, section, header, span"}</script><script data-name="wpr-wpr-beacon" src='https://library.wpcode.com/wp-content/plugins/wp-rocket/assets/js/wpr-beacon.min.js' async></script></body>
</html>

Embed Snippet on Your Site

paypal

Comments

Add a Comment Cancel Reply