{"id":61210,"date":"2024-04-09T14:27:36","date_gmt":"2024-04-09T08:57:36","guid":{"rendered":"https:\/\/www.tothenew.com\/blog\/?p=61210"},"modified":"2024-04-16T10:49:48","modified_gmt":"2024-04-16T05:19:48","slug":"integrating-paypal-payment-gateway-with-django-a-step-by-step-guide","status":"publish","type":"post","link":"https:\/\/www.tothenew.com\/blog\/integrating-paypal-payment-gateway-with-django-a-step-by-step-guide\/","title":{"rendered":"Integrating PayPal Payment Gateway with Django: A Step-by-Step Guide"},"content":{"rendered":"

In today’s digital age, providing users with convenient and secure payment options is crucial for the success of any online business. PayPal, being one of the most widely used payment gateways globally, offers a reliable solution for processing online transactions. Integrating PayPal into your Django web application can enhance user experience and streamline checkout. In this comprehensive guide, we’ll walk through the step-by-step process of integrating PayPal payments into a Django web application.<\/span><\/p>\n

Step 1: Setting Up a PayPal Developer Account:<\/i><\/b><\/h2>\n

Here’s how you can set up a PayPal sandbox account:<\/b><\/p>\n

    \n
  1. Go to the PayPal Developer website:<\/span> https:\/\/developer.paypal.com\/<\/span><\/a>.<\/span><\/li>\n
  2. Log in with your PayPal account credentials or sign up for a new PayPal account if you don’t have one.<\/span><\/li>\n
  3. Once logged in, navigate to the Dashboard and the Sandbox > Accounts section.<\/span><\/li>\n
  4. Click on the “Create Account” button to create a new test account.<\/span><\/li>\n
  5. Follow the prompts to create both seller and buyer (customer) test accounts.<\/span><\/li>\n<\/ol>\n

    After setting up your sandbox accounts, you can use the provided sandbox API credentials (Client ID and Secret) in your Django app to interact with the PayPal API in the sandbox environment for testing purposes.<\/span><\/p>\n

    When deploying your app to production, remember to replace these sandbox API credentials with your live PayPal API credentials.<\/span><\/p>\n

    \"\"<\/p>\n

    \u00a0<\/span><\/p>\n

    \"\"<\/p>\n

    \u00a0<\/span><\/p>\n

    \"\"<\/p>\n

     <\/p>\n

    \"\"<\/p>\n

    \u00a0<\/span><\/p>\n

    Step 2: Configuring Django Settings:<\/b><\/h2>\n

    In your Django settings file (settings.py), add your PayPal client ID and secret key obtained from the PayPal Developer Dashboard:<\/span><\/p>\n

    PAYPAL_CLIENT_ID = 'YOUR_CLIENT_ID'<\/span>\r\n<\/span>PAYPAL_SECRET_KEY = 'YOUR_SECRET_KEY'<\/span>\r\n<\/span><\/pre>\n
    Replace ‘YOUR_CLIENT_ID’ and ‘YOUR_SECRET_KEY’ with the actual values obtained from your PayPal Developer account.<\/span><\/p>\n
     <\/p>\n
    Step 3: Creating the Checkout Page:<\/b><\/h2>\n
      \n
    • Create a new HTML template named <\/span>checkout.html<\/span> where users can review their order and proceed with PayPal payment.<\/span><\/li>\n
    • Design the page layout according to your application’s UI\/UX requirements.<\/span><\/li>\n
    • Include a button or link to initiate the PayPal payment process<\/span><\/li>\n<\/ul>\n
       <\/p>\n
      Step 4: Integrating PayPal JavaScript SDK:<\/b><\/h2>\n
      In the <\/span>checkout.html<\/span> template, include the PayPal JavaScript SDK script. This script provides functions for setting up and handling the PayPal payment button.<\/span><\/p>\n
      <script src=\"https:\/\/www.paypal.com\/sdk\/js?client-id=AT-9V4o_Ntnhs6TgvnfvTDbhVe3j4DHB11TYsY6DhZ5XEs2gpCKVPjyCLJiYo4katruRTE9x6yizxi7E&currency=USD\"><\/script><\/span>\r\n<script><\/span>\r\nfunctioninitPayPalButton(){<\/span>\r\npaypal.Buttons({<\/span>\r\nstyle: {<\/span>\r\nshape: 'rect',<\/span>\r\ncolor: 'gold',<\/span>\r\nlayout: 'vertical',<\/span>\r\nlabel: 'paypal',<\/span>\r\n},<\/span>\r\n\r\ncreateOrder:function(data,actions){\r\n<\/span>return actions.order.create({\r\n<\/span>purchase_units: [{\"amount\":{\"currency_code\": \"USD\", \"value\": '{{total_amount}}'}}]\r\n<\/span>});\r\n<\/span>},\r\n<\/span>onApprove:function(data,actions){\r\n<\/span>return actions.order.capture().then(function(orderData){\r\n<\/span>var paypalPaymentID = orderData.purchase_units[0].payments.captures[0].id;\r\n<\/span>\/\/ Full available details\r\n<\/span>console.log('Capture result', orderData, JSON.stringify(orderData, null, 2));\r\n<\/span>\/\/ Show a success message within this page, for example:\r\n<\/span>constelement= document.getElementById('paypal-button-container');\r\n<\/span>element.innerHTML = '';\r\n<\/span>element.innerHTML = '<h3>Thank you for your payment!<\/h3>';\r\n<\/span>document.getElementById('paypal-payment-id').value = paypalPaymentID;\r\n<\/span>document.getElementById('myform').submit();\r\n<\/span>\/\/ Or go to another URL: actions.redirect('thank_you.html');\r\n<\/span>});\r\n<\/span>},\r\n<\/span>onError:function(err){\r\n<\/span>console.log(err);\r\n<\/span>}\r\n<\/span>}).render('#paypal-button-container');\r\n<\/span>}\r\n<\/span>initPayPalButton();\r\n<\/span><\/script><\/span><\/pre>\n
       <\/p>\n
      Step 5: Implementing Server-side Logic:<\/b><\/h2>\n
      In your Django views, implement server-side logic to create and process PayPal orders In the <\/span>views.py<\/span>file<\/span><\/p>\n
      def payment_done(request):\r\n<\/span>user = request.user\r\n<\/span>paypal_transaction_id = request.GET.get(\"paypal-payment-id\")\r\n<\/span>custid = request.GET.get(\"custid\")\r\n<\/span>customer = Customer.objects.get(id=custid)\r\n<\/span>cart_items = Cart.objects.filter(user=user)\r\n<\/span># Check if the payment was made with PayPal\r\n<\/span>if paypal_transaction_id:\r\n<\/span>for cart in cart_items:\r\n<\/span>OrderPlaced.objects.create(\r\n<\/span>user=user,\r\n<\/span>customer=customer,\r\n<\/span>product=cart.product,\r\n<\/span>quantity=cart.quantity,\r\n<\/span>transaction_id=paypal_transaction_id,\r\n<\/span>)\r\n<\/span>cart.delete()\r\n<\/span>return redirect(\"orders\")\r\n<\/span># Handle the case where PayPal payment ID is not provided\r\n<\/span>else:\r\n<\/span>return HttpResponse(\"Invalid payment information\").<\/span><\/pre>\n
       <\/p>\n
      Step 6: Update URLs:<\/b><\/h2>\n
      Configure URLs to map views in your Django app’s urls.py:<\/b><\/p>\n
      \r\n<\/b>urlpatterns = [<\/span><\/i>\r\n<\/span><\/i>path('paymentdone\/', views.payment_done, name='payment_done'),<\/span><\/i>\r\n<\/span><\/i>]<\/span><\/i><\/pre>\n
      \u00a0Now Click on the Pay With<\/span> PayPal<\/b><\/p>\n
      \"\"<\/p>\n
      \"\"
      Now enter your Paypal account credentials<\/strong><\/p><\/div>\n
      \"\"
      For the demo, we are using Paypal balance for payment<\/strong><\/p><\/div>\n
      \"\"
      Completed the payment process<\/strong><\/p><\/div>\n
      \"\"
      Successfully redirect to the orders page<\/strong><\/p><\/div>\n
      Thank You<\/p>\n
      <\/div>","protected":false},"excerpt":{"rendered":"
      In today’s digital age, providing users with convenient and secure payment options is crucial for the success of any online business. PayPal, being one of the most widely used payment gateways globally, offers a reliable solution for processing online transactions. Integrating PayPal into your Django web application can enhance user experience and streamline checkout. In […]<\/p>\n","protected":false},"author":1528,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":952},"categories":[1994,1],"tags":[4043,4647,709,1358],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/61210"}],"collection":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/users\/1528"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/comments?post=61210"}],"version-history":[{"count":2,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/61210\/revisions"}],"predecessor-version":[{"id":61303,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/61210\/revisions\/61303"}],"wp:attachment":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/media?parent=61210"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/categories?post=61210"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/tags?post=61210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}