Inicio: Pago simple

3 étapes sont nécessaires pour intégrer un formulaire de paiement sur le site marchand. Le schéma suivant détaille les interactions entre les différents acteurs pour chacune de ces étapes:

1. Crear un formToken

Avant d’afficher un nouveau formulaire de paiement sur le site marchand, vous devez génerer le formToken (token de formulaire).

Pour créer un formToken, il faut appeler le Web Service REST Charge/CreatePayment depuis vos serveurs:

Etapa Descripción
1 Llamado del Servicio Web REST Charge/CreatePayment desde los servidores del comerciante.
2 Recepción del resultado que contiene el formToken.

2. Mostrar el formulario

Pour afficher un formulaire de paiement, vous devez inclure notre librairie JavaScript dans la page de paiement du site marchand. Le formToken est à ajouter au code d’intégration. Il sera utilisé par la librairie JavaScript pour afficher le formulaire tel que vous l’avez défini à l’étape précédente :

Etapa Descripción
3 Descarga de la biblioteca JavaScript. Solicitud realizada desde el navegador del comprador.
4 Récupération du JavaScript, puis affichage de la page contenant le formulaire de paiement ainsi que le formToken.

Pour un site dynamique (utilisant Angular, React, Vue.js, …), le concept est légèrement différent : voir checkout en une page ou SPC (Single Page Checkout )

Una vez mostrado el formulario, el comprador puede introducir sus datos bancarios. Si el pago es rechazado, el comprador se mantiene en el sitio web vendedor. Si el pago es aceptado, la información de la transacción se envía a través del servidor del comerciante.

3. Verificar el estado de la transacción

Una vez aceptada la transacción o cuando se ha alcanzado el número de máximo de intentos, el cliente JavaScript realiza un POST del formulario de pago. Se desarrolla exactamente como si se tratara de un formulario HTML clásico. Usted recupera la información de pago en los parámetros POST enviados a su servidor.

Etapa Descripción
5 L’acheteur a cliqué sur le bouton “payer”: soumission du formulaire depuis le navigateur de l’acheteur vers nos serveurs. Cet appel est effectué automatiquement par notre client JavaScript.
6 Une fois la transaction traitée, nous effectuons un appel depuis nos serveurs vers une URL que vous avez déterminé. L’objet transaction complet sera envoyé pour vous permettre de mettre à jour votre système d’information avant le retour navigateur. c’est l’IPN (Instant Payment Notification).
7 Nuestros servidores reenvían el resultado del pago al cliente JavaScript.
8 El cliente JavaScript publicará el formulario de pago en sus servidores.

Para los sitios dinámicos (que usan AngularJS, React o Vue.js), también es posible recuperar la información de pago en JavaScript: Aplicación webmonopágina

Les parammètres POST ne contiennent que les informations minimales pour vérifier le statut de la transaction. La totalité des informations liées à la transaction sont envoyées via un appel serveur à serveur aussi nommé Instant Payment Notification (ou IPN).

Tratar la IPN le permite actualizar su sistema de información de forma más segura y le garantiza no perder ningún pago si el comprador perdiera su conexión a Internet. Para más información, consulte el artículo dedicado a la IPN, aquí: Ipn: Presentación

¡Aquí vamos!

Después de esta introducción teórica, es momento de pasar a la práctica: Crear un formToken