​

Directives UX

Offrir une expérience de paiement fluide et digne de confiance est essentiel pour maximiser les taux de conversion. Étant donné qu’Inflow fonctionne via une page de paiement hébergée (et ne fournit pas actuellement de SDK d’interface utilisateur natif), vous devez gérer avec soin la transition entre votre application et l’environnement de paiement d’Inflow. Suivez ces meilleures pratiques pour vous assurer que vos utilisateurs se sentent en confiance et en sécurité tout au long du processus de paiement.

​

1. Appel à l’action (Call to Action) clair

Votre bouton de paiement doit indiquer clairement l’action que l’utilisateur est sur le point d’effectuer.

• Utilisez un texte descriptif : Au lieu de termes génériques comme “Soumettre” ou “Continuer”, utilisez des phrases orientées vers l’action telles que “Payer maintenant”, “Payer avec Inflow” ou “Procéder au paiement”.
• Emplacement bien en vue : Assurez-vous que le bouton de paiement est facilement visible, accessible et non dissimulé parmi d’autres actions moins importantes.

​

2. Définir les attentes avant la redirection

Puisque vous allez rediriger vos utilisateurs vers un lien de paiement externe hébergé par Inflow, il est important de les préparer à cette transition.

• Informez l’utilisateur : Expliquez brièvement qu’il sera redirigé de manière sécurisée vers Inflow pour finaliser le paiement. Un message simple comme “Vous allez être redirigé de manière sécurisée pour finaliser votre paiement” fonctionne très bien.
• Maintenez votre image de marque : Si possible, utilisez les paramètres de la demande de paiement pour afficher le nom ou le logo de votre entreprise sur la page hébergée, afin que les utilisateurs sachent qu’ils sont au bon endroit.

​

3. Gestion de la redirection

Lorsque votre application reçoit le lien de paiement sécurisé depuis l’API Créer une demande de paiement :

• Applications Web : Ouvrez le lien dans le même onglet ou dans une fenêtre contextuelle (popup/modal) sécurisée. Rediriger dans le même onglet donne souvent de meilleurs taux de conversion car cela évite les bloqueurs de fenêtres contextuelles.
• Applications Mobiles : Ouvrez le lien de paiement à l’aide d’un navigateur sécurisé intégré à l’application (par exemple, SFSafariViewController sur iOS ou Custom Tabs sur Android). Évitez d’ouvrir le lien dans le navigateur système par défaut, car cela rompt le flux continu de l’application.
• Prévoyez une stratégie de sortie : Assurez-vous que les utilisateurs peuvent facilement annuler le paiement ou retourner à votre application s’ils choisissent de ne pas continuer à ce moment-là.

​

4. Expérience post-paiement

Après que l’utilisateur ait finalisé ou annulé le paiement, il sera redirigé vers votre application via les URL de succès ou d’échec que vous avez spécifiées lors de la création du paiement.

• État de succès : Affichez immédiatement un écran de confirmation clair. Indiquez la référence du paiement, le montant payé et les prochaines étapes (par exemple, “Votre commande est en cours de traitement”).
• État d’échec ou d’annulation : Si un paiement échoue ou si l’utilisateur l’annule, gérez l’erreur avec élégance. Ne dites pas simplement “Erreur”. Expliquez que le paiement n’a pas été finalisé et proposez un bouton pour réessayer ou choisir un autre mode de paiement.

​

5. Confiance et transparence

Instaurer la confiance est essentiel, en particulier lorsque les utilisateurs quittent votre domaine pour payer.

• Affichez des logos de confiance : Affichez les modes de paiement acceptés ou le logo Inflow près de votre bouton de paiement pour rassurer les utilisateurs.
• Affichez le montant exact : Assurez-vous que le montant affiché dans votre application correspond exactement au montant indiqué sur la page de paiement Inflow, y compris la devise.