Comprendre le parcours de paiement

Le parcours de paiement Yaspa est divisé entre les applications côté client qui interagissent avec le client et les serveurs côté serveur qui instruisent et traitent le paiement en toute sécurité.

Cependant, pour aider à comprendre le processus, nous avons décomposé le flux de paiement en 3 types de communication :

  • Flèches orange - communications entre vos propres systèmes.
  • Flèches bleues - les différentes API que vous devez appeler ; et les redirections et webhooks à configurer pour s'intégrer à Yaspa.
  • Flèches vertes - appels API effectués et gérés par Yaspa. Vous n'avez pas besoin de les comprendre, mais en bref, cela signifie simplement que Yaspa prendra en charge le paiement de l'utilisateur et interagira avec les banques.

first image that needs changing

1. Demande de paiement côté client

Dans cette phase, le client choisit d'effectuer un paiement - il peut choisir le montant pour une application basée sur un portefeuille ou le montant peut être défini par un panier de produits, comme on pourrait s'y attendre avec une application de shopping. Une demande est envoyée au serveur pour démarrer le processus de paiement.

2. Générer une instruction de paiement ou un lien

Le serveur du marchand valide que le client est autorisé à effectuer le paiement pour le montant indiqué. Le serveur du marchand effectue ensuite un appel API au serveur Yaspa pour donner l'instruction de paiement.

Les instructions de paiement nécessitent que la clé API du marchand soit envoyée dans un en-tête avec la demande et, pour des raisons de sécurité, cette demande doit être effectuée depuis le serveur.

Le serveur Yaspa renvoie une URL de paiement ou un ID de transaction Yaspa au serveur du marchand.

3. Envoyer la réponse de paiement Yaspa au client.

Le serveur du marchand envoie l'URL de paiement ou l'ID de transaction Yaspa au client du marchand.

4. Transférer le client à Yaspa

Le client du marchand ouvre l'URL de paiement dans un iframe ou une nouvelle fenêtre, ou si un ID de transaction Yaspa est renvoyé, le SDK Yaspa est utilisé pour ouvrir un conteneur.

5. Yaspa finalise le paiement avec la banque

Yaspa ouvrira une fenêtre permettant au client de sélectionner sa banque. Ensuite, Yaspa les guidera à travers un parcours en plusieurs étapes pour vérifier le paiement et l'autoriser auprès de la banque.

6. Le client est redirigé vers le site client

Une fois le paiement terminé - que le paiement ait réussi, ait été annulé ou ait échoué - le client sera redirigé par Yaspa vers le site web du marchand. Cette URL est configurable par le marchand.

7. Notification bancaire sur le statut du paiement

Après la soumission d'un paiement, Yaspa recevra des mises à jour des deux banques :

  • Pour les paiements entrants - nous recevons les notifications des banques du payeur et du bénéficiaire.
  • Pour les paiements sortants - nous recevons les notifications de la banque du payeur.

8. Notifications webhook au serveur du marchand

Les notifications bancaires sont transmises au serveur du marchand, en fonction des notifications webhook configurées dans le tableau de bord d'administration.