Redirection après paiement paypal

bonjour a tous 

j'ai un bon de commande fonctionnel 

lorsque l'utilisateur veux procéder au paiement une fenêtre de paiement s'ouvre avec le montant a payer et le choix du mode de paiement 

Tout fonctionne nickel mais je souhaiterais que l'utilisateur puisse être redirigé lorsqu'il a termine sa transaction 

je n'ai pas trouvé sur google la solution 

Merci de l'aide

voici mon code 

<div class="modal" id="mymodal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-body" style="text-align:center">
        <div class="col-12" style="background-color: #d7dddd;max-width: 640px; margin-bottom: 15px;display: block;    margin-left: auto;    margin-right: auto; ">
          <script src="https://www.paypal.com/sdk/js?client-id=AWbjG_ERXQfb%C2%A4cy%3DEUR"></script>
          <!-- Set up a container element for the button -->
          <div id="paypal-button-container"></div>
          <script>
            paypal.Buttons({
              // Sets up the transaction when a payment button is clicked
              createOrder: function(data, actions) {
                return actions.order.create({
                  purchase_units: [{
                    amount: {
                      value: document.querySelector('#amount').value
                    }
                  }]
                });
              },
              // Finalize the transaction after payer approval
              onApprove: function(data, actions) {
                return actions.order.capture().then(function(orderData) {
                  // Successful capture! For dev/demo purposes:
                  console.log('Capture result', orderData, JSON.stringify(orderData, null, 2));
                  var 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:
                  // var 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');
                });
              }
            }).render('#paypal-button-container');
          </script>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary clear-panier " data-bs-dismiss="modal" id="mymodal" data-toggle="modal" data-target="#myModal">Fermer</button>
      </div>
    </div>
  </div>
</div>

2 réponses

  • Votes
  • Date
  • Date décroissante
  1. bonjour Jordane

    Merci pour la réponse 

    Parfois la solution est si proche ....

    je viens donc de remplacer ceci 

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

    par ceci

    actions.redirect('https://pecheperle.be/');

    Mais après le paiement la fenêtre de paiement ne se ferme pas 

    1. Modérateur

      Ça c'est une fenêtre directement de paypal elle n'appartient pas à ton site tu n'as donc pas la main dessus....

      À la limite, il faudrait t'assurer que tu as bien passé tous les paramètres attendus par paypal pour que ça fonctionne correctement.

  2. Modérateur

    Bonjour

    Pourtant tu as déjà la solution dans ton code, il suffit de lire les commentaires de celui-ci..