Cliquer pour payer

Click to Pay est une solution de paiement en ligne conçue pour rationaliser et sécuriser les transactions en ligne. Elle est basée sur la norme de paiement sécurisé EMVCo, un consortium mondial regroupant les principales sociétés de cartes comme Visa, MasterCard, American Express et Discover.

Réseaux disponibles dans Yuno: MasterCard

Principales caractéristiques et avantages

Facilité d'utilisation: il permet aux consommateurs d'effectuer des achats en ligne d'un simple clic, ce qui leur évite d'avoir à saisir manuellement les données de leur carte de crédit pour chaque achat.
Sécurité renforcée: utilise des normes d'authentification modernes pour minimiser les risques de fraude. Cela peut inclure des méthodes telles que l'authentification à deux facteurs ou tokens de paiement.
Cohérence entre les différents sites: Offre une expérience de paiement similaire sur tous les sites web qui prennent en charge cette technologie, ce qui signifie que les consommateurs n'ont pas à apprendre des processus différents pour chaque magasin en ligne.
Intégration avec les marques de cartes: Soutenu par les principales marques de cartes, "Click to Pay" est largement accepté et reconnu.
Compatibilité avec les mobiles et les ordinateurs de bureau: Conçu pour fonctionner sur différents appareils, il facilite les achats en ligne sur les ordinateurs de bureau et les appareils mobiles.

Cette fonctionnalité améliore l'expérience du client et s'aligne sur les tendances modernes en matière de paiement numérique, ce qui peut augmenter les taux de conversion et la fidélité des clients. En intégrant le "Click to Pay", vous pouvez offrir une expérience de paiement transparente, en réduisant les frictions et en répondant aux préoccupations en matière de sécurité dans les transactions en ligne.

Intégration

Pour intégrer et commencer à proposer le Click to Pay à vos clients, suivez ces 3 étapes simples :

Créez une connexion dans le tableau de bord Yuno en utilisant vos identifiants Click to Pay.
Définissez l'itinéraire de la méthode de paiement dans la section Routage afin de pouvoir l'activer dans le Checkout Builder.
Activer la fonction "Cliquer pour payer" dans le constructeur de la caisse.
Définir l'itinéraire "Carte" : Compte tenu du fait que Click to Pay est un portefeuille qui stocke les informations relatives aux cartes de crédit, l'itinéraire par lequel vous devrez définir les fournisseurs pour chaque scénario est le même que celui de la méthode de paiement "Carte".

Intégration VTEX

Pour les commerçants VTEX utilisant Click to Pay, l'intégration permet la création automatique de clients et le mappage des données afin de simplifier le processus de paiement.

Création automatique de clients :

Lorsque les clients choisissent « Click to Pay » dans les boutiques VTEX :

Le client VTEX est automatiquement créé dans Yuno lors de l'initialisation du paiement (s'il n'existe pas déjà).
Toutes les données client du profil VTEX sont automatiquement mappées vers Yuno et incluses dans la session de paiement.
Les informations client (CVV, email, adresse) sont préremplies dans le SDK, ce qui élimine la saisie redondante de données.
Le processus de paiement correspond à l'expérience simplifiée offerte aux commerçants non-VTEX.

Cette fonctionnalité nécessite que le champ Créer un client soit défini sur Oui dans la configuration du fournisseur VTEX. Pour plus de détails, consultez la section Configurer Yuno en tant que fournisseur dans la documentation sur l'intégration VTEX.

Intégration SDK (Click to Pay Passkey)

⚠️
Important
Les flux de carte Click to Pay standard utilisent les rappels SDK existants, mais les utilisateurs de Passkey doivent inclure un callback_url qui correspond au schéma de lien profond de l'application afin que l'acheteur revienne à l'application après authentification (sur Android, cela doit correspondre au schéma configuré dans AndroidManifest.xml). Par exemple :
{
  "callback_url": "myapp://pay/ctp"
}
Pour les transactions Passkey, le token à usage unique token OTT) n'atteint jamais les rappels SDK habituels (y compris callbackOTT sur Android). Lisez toujours les paramètres du lien profond avant de poursuivre le flux.

Les SDK Yuno iOS et Android prennent actuellement en charge Click to Pay via le flux Passkey. Dans les deux cas, le token à usage unique token OTT) est renvoyé via une URL de lien profond au lieu des rappels SDK standard. Votre application doit donc analyser les paramètres du lien profond avant de poursuivre le paiement.

Flux de mots de passe iOS

Le SDK iOS Yuno prend en charge la fonctionnalité « Click to Pay with Passkey ». Le processus diffère des paiements par carte standard, car le SDK renvoie le résultat par lien profond plutôt que par les rappels de délégation habituels.

Gérer le token unique token OTT) et le lien profond

Lorsqu'un acheteur termine le processus Click to Pay Passkey, le SDK envoie le résultat via l'URL de lien profond au lieu de l'URL yunoCreatePayment(with token: String) méthode déléguée.

1. Fermez le navigateur externe.

Lorsque votre application reçoit le rappel de lien profond, appelez immédiatement Yuno.receiveDeeplink pour permettre au SDK de fermer le navigateur externe utilisé pour l'authentification Passkey.

func application(_ app: UIApplication,
                 open url: URL,
                 options: [UIApplication.OpenURLOptionsKey : Any] = [:]) -> Bool {
    Yuno.receiveDeeplink(url: url)

    // Parse the URL to extract parameters

    return true
}

2. Traiter l'URL du lien profond

La chaîne de requête du lien profond contient les informations dont vous avez besoin pour continuer :

has_error: Indique qu'une erreur s'est produite pendant la transaction. Gérez ce scénario dans votre application.
one_time_token: Présent lorsque la transaction réussit. Utilisez-le pour créer le paiement.

3. Créer le paiement

Si le lien profond contient un one_time_token:

Extraire le one_time_token.
Utilisez-le pour créer le paiement avec le endpoint Create Payment.
Après avoir créé le paiement, appelez continuePayment dans le SDK pour finaliser le flux.

⚠️
Important
L'OTT n'atteint jamais yunoCreatePayment(with token: String) pour Click to Pay Passkey. Lisez toujours le token l'URL du lien profond.

Flux Android Passkey

Pour Android, incluez un callback_url qui correspond au schéma de lien profond de votre application lors de la création de la session de paiement, ajoutez le intent-filter dans les requêtes de AndroidManifest.xml, et gérer le lien profond dans les deux cas onCreate et onNewIntent. Lorsque le lien profond arrive :

Vérifier has_error pour gérer les annulations ou les défaillances.
Extrait one_time_token (et le facultatif checkout_session) à partir de l'URI.
Envoyez l'OTT à votre backend pour appeler le Créer Paiement, puis invoquez continuePayment dans le SDK pour reprendre le flux.

Consultez les full SDK pour obtenir des exemples détaillés : Paiement complet sur Android et Paiement complet sur iOS.