Hosted Checkout Page

Comment ça fonctionne

Avant de traiter des transactions en production, utilisez notre environnement de test. Découvrez notre solution sans frais ni engagements ! Une fois que vous souhaitez passer en production, consultez ici comment obtenir un compte de production ou contactez-nous !

Ciblez l'URL de base de l'API la plus à jour

Cinématique

Trouvez une cinématique de transaction complète impliquant chaque partie et les étapes (facultatives) dans cet aperçu :

1. Votre client se rend sur votre page de paiement et finalise l'achat.
2. Vous envoyez une requête CreateHostedCheckout à notre plateforme.
3. Notre plateforme renvoie une redirectionUrl.
4. Vous redirigez votre client vers la redirectionUrl.
   4'(facultatif). Nous effectuons une vérification des contrôles de fraude.
5. Nous redirigeons le client vers sa banque émettrice pour l'authentification 3-D Secure. Le client s'identifie.
6. Notre plateforme reçoit le résultat d'authentification 3-D Secure de l'émetteur. En fonction du résultat, deux scénarios sont possibles :
   a) Si l'identification a échoué, nous redirigeons vos clients vers votre returnUrl, terminant la cinématique. Vous demandez le résultat de la transaction comme décrit à l'étape 9.
   b) Si l'identification a réussi, la cinématique continue à l'étape 8.
7. Nous traitons la transaction et recevons le résultat de l'acquéreur.
8. Nous redirigeons votre client vers votre returnUrl.
9. Vous demandez le résultat de la transaction à notre plateforme et l'affichez sur votre returnUrl.
10. Si la transaction a réussi, vous pouvez livrer les biens / services.

Ajouter des possibilités

Notre Hosted Checkout Page offre de nombreuses autres possibilités. Découvrez ici toutes ses fonctionnalités disponibles.

Utiliser un token pour Card On File

1-click payments sont un excellent moyen d'améliorer l'expérience de paiement de vos clients et peuvent contribuer à augmenter votre taux de conversion. En utilisant un token existant, vous pouvez préremplir la Hosted Checkout Page pour vos clients :

Personnaliser l'apparence de la page de paiement

Notre plateforme vous permet d'adapter l'apparence de notre Hosted Checkout Page dans une large mesure. Adapter la page de paiement à votre identité d'entreprise peut inciter vos clients à finaliser leur commande après les avoir redirigés vers la Hosted Checkout Page.

Choisir la langue

Notre Hosted Checkout Page est disponible dans plusieurs langues. Remplissez locale pour l'afficher dans la langue préférée de vos clients. La valeur est une combinaison de l'ISO 639-1 (langue) et de l'ISO 3166-1 (pays) :

"hostedCheckoutSpecificInput": {
        "locale": "fr_FR",
		/* autres propriétés omises */
}

Nous prendrons en charge les langues suivantes :

Personnaliser le modèle

Nous proposons deux approches distinctes pour mettre en œuvre un modèle personnalisé :

Méthode 1 : Créer un modèle personnalisé et le télécharger dans le Back Office

Créez un modèle entièrement personnalisé à partir de zéro en utilisant notre puissant Outil de constructions de modèles. Alternativement, vous pouvez télécharger et personnaliser les fichiers nécessaires directement depuis notre référentiel GitHub. Cette approche offre un haut degré de personnalisation mais nécessite certaines compétences techniques pour être mise en œuvre efficacement.

Une fois que vous avez créé un modèle qui correspond à l'apparence et à la convivialité de votre boutique en ligne, téléchargez-le ainsi que tous les fichiers .css / image nécessaires sur notre plateforme. Pour ce faire, suivez ces étapes :

1. Connectez-vous au Back Office.
2. Allez dans Configuration > Modèle > Gestionnaire de fichiers > Télécharger les fichiers de modèle. Cliquez sur « Fichier... » et sélectionnez les fichiers .html (et, le cas échéant, les fichiers .css / image supplémentaires).
3. Après quelques minutes, notre système aura validé les fichiers (dans « Fichiers téléchargés », ils apparaissent comme « Validés » dans la colonne « État »). Ils seront alors prêts à être utilisés sur la Hosted Checkout Page.

Méthode 2 : Personnaliser le modèle dans le Merchant Portal

Bien qu'elle offre une flexibilité inférieure par rapport à la méthode 1, cela ne nécessite aucune compétence technique. Référez-vous au chapitre dédié dans notre Merchant Portal guide pour apprendre à personnaliser facilement l'expérience de paiement de vos clients.

Pré-sélectionner les méthodes de paiement disponibles

Réduire les étapes de paiement est essentiel pour encourager vos clients à finaliser leur commande. HostedCheckOutSpecificInput contient des propriétés qui vous le permettent.

• Ignorez la page de sélection du moyen de paiement et redirigez vos clients directement vers le formulaire du moyen de paiement souhaité. Cela fonctionne également pour les redirections vers un fournisseur tiers (c'est-à-dire PayPal).
  Toutes nos méthodes de paiement ont un identifiant de moyen de paiement individuel. Vous pouvez le trouver dans l'onglet “Aperçu” de la méthode de paiement respective.
  
  

  Cet exemple de code redirige vos clients vers le portail PayPal juste après les avoir envoyés à l'redirectURL/PartialRedirectUrl :

• Inclure/Exclure des groupes de paiement / produits sur l'écran de sélection de méthode de paiement. Utilisez soit une sélection d'ID de moyen de paiement, soit des groupes prédéfinis :

Grouper les méthodes de paiement par carte

La propriété hostedCheckoutSpecificInput.cardPaymentMethodSpecificInput.groupCards=true vous permet de regrouper toutes les méthodes de paiement par carte de crédit en un groupe "Cartes" sur la Hosted Checkout Page.

Le regroupement peut être un outil pratique pour ajouter de la clarté à l'écran de sélection de paiement.

Toutes vos moyens de paiement par carte actifs dans votre compte sont inclus dans ce groupe. Une fois que vos clients sélectionnent "Cartes", nous les redirigeons vers pour qu'il saisisse le numéro de carte.

Notre plateforme détecte automatiquement le réseau de la carte dès que vos clients commencent à taper le numéro. Cela fonctionne également pour les cartes co-badgées (le cas échéant).

Contrôler le nombre de tentatives de paiement

La propriété hostedCheckoutSpecificInput.allowedNumberOfPaymentAttempts vous permet de limiter le nombre de tentatives de paiement pour les commandes de vos clients.

Cela aidera à

• Atténuer la fraude (puisque les fraudeurs essaieront différents numéros de carte et/ou méthodes de paiement).
• Réduire vos coûts de transaction (puisque Direct et/ou votre acquéreur pourraient vous facturer chaque nouvelle tentative, en fonction de votre contrat).

Pour ce faire, ajoutez cette propriété à votre requête CreateHostedCheckout standard avec une valeur entre 1 et 10. Après chaque tentative de paiement infructueuse (c'est-à-dire en raison d'une autorisation refusée ou d'un échec de la vérification 3-D Secure), nous redirigeons vos clients vers notre page d'état intermédiaire. S'il reste encore des tentatives, elle affichera un bouton "Réessayer", permettant aux clients d'essayer une autre carte et/ou méthode de paiement (selon votre pré-sélection des méthodes de paiement disponibles). Si la dernière tentative échoue, notre page d'état intermédiaire dira "Vous avez atteint le nombre maximum de tentatives". Notre plateforme redirigera alors vos clients vers votre returnURL.