Django PayPal (1) – Checkout Django.How

WAY 1 PayPal Checkout

+ No package must be installed
+ No migrate needed – no changes to DB
– PayPal app should be created in PayPal
– You need a client key not just the email

1.Get the button code

</p> <div class="row"> <div class="col"> </p> <form action="{% url 'customer_payment' %}" method="post" id="paymentForm"> {% csrf_token %}<br /> <input type="hidden" name="id" value="{{ invoice.id}}"><br /> <input type="hidden" name="amount" value="{{ invoice.order.quote_price.price }}"><br /> <input type="hidden" name="method" value="CC" id="paymentMethodInput"><br /> <br /> <script src="https://checkout.stripe.com/checkout.js" class="stripe-button" data-key='pk_key' data-description="My company Charge" data-amount="{% widthratio invoice.order.quote_price.price 1 100 %}" data-locale="auto" data-currency="{{company.currency}}"> </script><br /> </form> </p></div> <div class="col-12 col-lg-4"> </p> <div id="smart-button-container" class="m05"> <div style="text-align: center;"> <div id="paypal-button-container"></div> </p></div> </p></div> <p> <script src="https://www.paypal.com/sdk/js?client-id=AbmEPT0z6dA8N4zEqXGRi_1pRckJbnI5KwmFaUejCYUJrpP7k7POxWiCk5xhXZdVQrUv-Ec8f9DTJnkp&currency={{company.currency}}" data-sdk-integration-source="button-factory"></script><br /> <script> function initPayPalButton() { paypal.Buttons({ style: { shape: 'rect', color: 'silver', layout: 'horizontal', label: 'paypal', tagline: 'false', height: 35,</p> <p> },</p> <p> createOrder: function(data, actions) { return actions.order.create({ purchase_units: [{"description":"My company Charge","amount":{"currency_code":"{{company.currency}}","value":{{ invoice.order.quote_price.price }}}}] }); },</p> <p> onApprove: function(data, actions) { return actions.order.capture().then(function(orderData) {</p> <p> // Full available details console.log('Capture result', orderData, JSON.stringify(orderData, null, 2));</p> <p> // Show a success message within this page, e.g. const element = document.getElementById('paypal-button-container'); element.innerHTML = ''; // element.innerHTML = '</p> <h3>Thank you for your payment!</h3> <p>';</p> <p> // Or go to another URL: actions.redirect('thank_you.html'); paymentMethodInput = document.getElementById('paymentMethodInput'); paymentMethodInput.value = 'PP'; paymentForm = document.getElementById('paymentForm'); paymentForm.submit();</p> <p> }); },</p> <p> onError: function(err) { console.log(err); } }).render('#paypal-button-container'); } initPayPalButton(); </script> </div> </p></div> <div style="text-align: center;"> <div id="paypal-button-container"></div> </p></div> </p></div> <p> <script src="https://www.paypal.com/sdk/js?client-id=AbmEPT0z6dA8N4zEqXGRi_1pRckJbnI5KwmFaUejCYUJrpP7k7POxWiCk5xhXZdVQrUv-Ec8f9DTJnkp&currency={{company.currency}}" data-sdk-integration-source="button-factory"></script><br /> <script> function initPayPalButton() { paypal.Buttons({ style: { shape: 'rect', color: 'silver', layout: 'horizontal', label: 'paypal', tagline: 'false', height: 35,</p> <p> },</p> <p> createOrder: function(data, actions) { return actions.order.create({ purchase_units: [{"description":"My company Charge","amount":{"currency_code":"{{company.currency}}","value":{{ invoice.order.quote_price.price }}}}] }); },</p> <p> onApprove: function(data, actions) { return actions.order.capture().then(function(orderData) {</p> <p> // Full available details console.log('Capture result', orderData, JSON.stringify(orderData, null, 2));</p> <p> // Show a success message within this page, e.g. const element = document.getElementById('paypal-button-container'); element.innerHTML = ''; element.innerHTML = '</p> <h3>Thank you for your payment!</h3> <p>';</p> <p> // Or go to another URL: actions.redirect('thank_you.html'); paymentMethodInput = document.getElementById('paymentMethodInput'); paymentMethodInput.value = 'PP'; paymentForm = document.getElementById('paymentForm'); paymentForm.submit();</p> <p> }); },</p> <p> onError: function(err) { console.log(err); } }).render('#paypal-button-container'); } initPayPalButton(); </script><br />