Home > Back-end >  PayPal Smart Button - How To Edit Redirect Url
PayPal Smart Button - How To Edit Redirect Url

Time:10-29

I am trying to input a redirect url link in my PayPal smart button generated code and don't know how to do that. I am hoping that I will get help here please.

I want to be able to redirect customers to e.g (https://www.example.com/request/) after a successful payment.

Below is the smart button code from Paypal:

function initPayPalButton() { paypal.Buttons({ style: { shape: 'rect', color: 'gold', layout: 'vertical', label: 'paypal',
},

createOrder: function(data, actions) {
  return actions.order.create({
    purchase_units: [{"description":"Digital Service","amount":{"currency_code":"USD","value":1}}]
  });
},

onApprove: function(data, actions) {
  return actions.order.capture().then(function(orderData) {

    // Full available details
    console.log('Capture result', orderData, JSON.stringify(orderData, null, 2));

    // Show a success message within this page, e.g.
    const element = document.getElementById('paypal-button-container');
    element.innerHTML = '';
    element.innerHTML = '<h3>Thank you for your payment!</h3>';

    // Or go to another URL:  actions.redirect('thank_you.html');

  });
},

onError: function(err) {
  console.log(err);
}
}).render('#paypal-button-container');
}
initPayPalButton();

CodePudding user response:

// Or go to another URL: actions.redirect('thank_you.html');

The answer to your question is in the code sample, right here.

CodePudding user response:

function redirect(url){
  window.setTimeout(function(){
      window.location.href = url;
  }, 300);
}
<button onclick="redirect("https://www.google.com")">Redirect</button>
  • Related