Créer et gérer les Checkouts

Qu'est-ce qu'un Checkout ?


Un Checkout est l'écran de paiement que voient vos clients au moment de payer. Chaque checkout peut :


  • Afficher différentes méthodes de paiement (carte, Bizum, PayPal, cryptomonnaies, etc.)
  • N'être affiché qu'à certains clients selon des règles de segmentation (pays, langue, type d'appareil, devise...)
  • Avoir sa propre apparence grâce à des thèmes réutilisables
  • Se connecter à des Connexions ou des Orchestrations pour traiter le paiement


La chaîne conceptuelle est :


Checkout → contient des Méthodes → chaque méthode est assignée à une Connexion ou à une Orchestration qui décide comment traiter le paiement.


Comment localiser et gérer vos Checkouts


Dans le panel : menu latéral → bloc OptimisationCheckouts.


La liste


La liste a deux onglets, Actives et Desactivés, et deux modes d'affichage :


  • Vue grille : chaque checkout est affiché comme une carte avec un aperçu réel de l'écran de paiement (mockup avec le montant, les méthodes et le formulaire), son nom, les icônes des méthodes actives et un badge avec sa contrainte de segmentation.
  • Vue liste : un tableau avec les colonnes Nom, Méthodes de paiement, Montrer pour et Dernière modification.


Créer un Checkout


Cliquez sur le bouton « Créer Checkout » en haut à droite. L'éditeur s'ouvre directement avec un nouveau checkout vierge prêt à configurer.


L'éditeur de Checkouts


En ouvrant un Checkout (ou en créant un nouveau), l'éditeur en split-view s'ouvre. L'écran se divise en trois zones :


  • En-tête supérieur : une flèche pour revenir à la liste, la date de dernière mise à jour, le nom du checkout avec son menu déroulant et le bouton Publier.
  • Barre latérale gauche avec quatre onglets verticaux : Segmentation, Méthodes, Apparence, Configuration.
  • Panneau de droite avec un aperçu en direct du checkout qui se met à jour à chaque changement.


🧐 Le checkout ne s'active ni ne se désactive depuis l'en-tête. Cela se fait depuis l'onglet Configuration, avec Activer le checkout.


Onglet 1 : Segmentation


Définit à qui ce checkout sera affiché. Utile quand vous avez plusieurs checkouts et que vous voulez que chacun apparaisse dans des conditions différentes (par exemple, un pour l'Espagne et un autre pour l'Amérique latine).


Comment ça fonctionne


La section s'intitule Segmentation du checkout, et à l'intérieur, sous l'étiquette « Afficher à: », vous ajoutez les conditions évaluées à l'affichage du checkout. Vous les ajoutez avec Ajouter une condition.


  • S'il s'agit du checkout par défaut, vous ne pouvez pas le segmenter. Le panel l'indique ainsi : « Les checkouts par défaut ne peuvent pas être segmentés et sont utilisés uniquement lorsque les critères de segmentation des checkouts personnalisés ne sont pas remplis ».
  • Si vous ajoutez une variable, le checkout n'est affiché que lorsque cette variable est remplie.
  • Vous pouvez ajouter plusieurs variables ; toutes sont évaluées en AND.


Variables disponibles (18)


Opération (9) : Prix, Devise, Type (Paiement unique / Abonnement / Autorisation), Langue, Autoriser uniquement, MOTO, Approbation partielle, POS, Terminal POS.


Client (9) : Variable personnalisée, Type d'appareil, Système d'exploitation, Navigateur, Pays IP, Région IP, Pays, Région, E-mail.


Onglet 2 : Méthodes


Définit quelles méthodes de paiement apparaissent dans le checkout et dans quel ordre. Le panel le résume ainsi : « Sélectionnez et organisez les méthodes de paiement que vous souhaitez voir apparaître dans votre checkout ».


Quick Payments


Méthodes rapides basées sur les wallets du navigateur ou du système d'exploitation. Elles ne s'affichent que s'il y a une méthode de type Carte configurée dans le checkout :


  • Apple Pay (toggle on/off)
  • Google Pay (toggle on/off)


Méthodes de paiement


La liste des méthodes disponibles. Chaque ligne met en avant la méthode, pas celui qui la traite. Pour chacune vous verrez :


  • Des poignées de glissement pour les réordonner par glisser-déposer.
  • Le logo et le nom de la méthode en gras (Carte, Bizum, Pepper, Financer...).
  • En dessous, en petit, l'origine de la méthode : Fournisseur - Compte si elle passe par une connexion directe (par exemple Adyen - Adyen ou Redsys - Bizum), ou Orchestration - Nom si elle passe par une orchestration (par exemple Orchestration - Bizum).
  • Un toggle pour activer ou désactiver la méthode.
  • L'icône ||| qui ouvre la configuration par méthode.


Vous pouvez ajouter des méthodes avec les boutons « Ajouter une carte » et « Ajouter une méthode ».


🧐 En plus des orchestrations de carte, vous pouvez utiliser ici des orchestrations de Financement et de Méthode alternative. Dans la liste, elles sont identifiées par leur méthode, donc une ligne vous dit ce qu'offre le checkout, pas qui le règle.


Configuration par méthode (icône |||)


En cliquant sur l'icône |||, la fenêtre « Configuration de méthode de paiement » s'ouvre, avec deux onglets et une zone de Prévisualisation en haut qui reflète les changements immédiatement.


En bas de la fenêtre vous avez Supprimer, pour retirer la méthode du checkout, ainsi que Annuler et Enregistrer. Dans l'onglet Apparence il y a aussi un lien Restaurer les valeurs par défaut.


Onglet Apparence


Personnalisez l'aspect de la méthode dans le checkout. Les options varient selon la méthode :


  • Carte : Texte dans le sélecteur et Icône dans le sélecteur (taille recommandée 70x70px). Elle n'a pas de mode bouton car elle est toujours rendue avec son formulaire intégré.
  • Toutes les autres méthodes, y compris celles de financement et de méthode alternative : la même chose que Carte, plus le toggle Sélecteur / Bouton, Couleur de fond du bouton et Logo sur le bouton.


Onglet Contraintes


Définit à qui cette méthode est affichée individuellement à l'intérieur du checkout. Cela crée un modèle de segmentation à deux niveaux :


  • Au niveau checkout (onglet Segmentation) : vous décidez à qui afficher le checkout complet.
  • Au niveau méthode (cet onglet) : vous décidez quelles méthodes apparaissent dans le checkout pour chaque client.


Toggle de logique :


  • Afficher si → la méthode apparaît seulement si la condition est remplie.
  • Ne pas afficher si → la méthode est masquée si la condition est remplie.


Les variables disponibles sont les mêmes que dans Segmentation : Opération (9) + Client (9).


Cas d'usage typiques :


  • Afficher Bizum seulement si Pays IP = ES.
  • Afficher Pepper seulement si Prix > 60 EUR.


Onglet 3 : Apparence


Gestion des Thèmes réutilisables entre checkouts.


  • Bouton « Nouveau thème » pour en créer un de zéro.
  • Une galerie des thèmes existants avec un aperçu visuel, chacun étiqueté selon sa portée : Entreprise ou Environnement.
  • Chaque thème a un bouton radio pour l'appliquer à ce checkout et un menu « ... » pour le modifier.


🧐 Les thèmes sont globaux : si vous modifiez un thème, le changement s'applique automatiquement à tous les checkouts qui l'utilisent. Vous pouvez en apprendre plus sur la gestion des thèmes dans ce guide.


Onglet 4 : Configuration avancée


Réglages techniques du checkout :


  • Activer le checkout : permet de le désactiver. Le checkout par défaut ne peut pas être désactivé.
  • Forcer l'option MOTO : applique l'option MOTO à toutes les opérations effectuées via ce checkout.
  • Ignorer l'erreur SCA requise : ignore l'erreur d'authentification renforcée si la banque l'exige.
  • Forcer en cas d'erreur 3DS : force la tentative de paiement même si l'authentification 3DS échoue en raison d'une version obsolète.
  • Orchestration pour prélèvements récurrents : permet d'utiliser une orchestration différente pour les prélèvements récurrents générés à partir de paiements dans ce checkout.


Aperçu en direct


Le panneau de droite affiche un aperçu fonctionnel du checkout en temps réel. Vous pouvez le contrôler sur trois axes :


  • Type d'opération : Paiement unique, Abonnement ou Autorisation.
  • Viewport : Desktop 🖥️ ou Mobile 📱.
  • Mode : Redirection (vue complète avec le récapitulatif de la commande) ou iFrame (uniquement le formulaire, sans récapitulatif, pour quand vous l'intégrez dans votre propre page).


Vous avez aussi un sélecteur de zoom en haut à droite.


Publier les changements


Une fois le checkout configuré, cliquez sur Publier en haut à droite. Tant que vous ne publiez pas, les changements ne s'appliquent pas au checkout en production.


Cas d'usage pratiques


Checkouts par devise


  • Checkout EUR → Segmentation : Devise Égal à EUR → méthodes espagnoles (Bizum, Carte via Redsys).
  • Checkout USD → Segmentation : Devise Égal à USD → méthodes internationales (Carte via Stripe, PayPal).


Checkout avec un thème unifié


  • Dans l'onglet Apparence, créez un thème avec votre marque.
  • Appliquez le même thème à tous les checkouts du commerce.
  • Si vous mettez à jour le thème, tous les checkouts héritent automatiquement des changements.

Mis à jour le : 01/09/2026

Cet article a-t-il répondu à vos questions ?

Partagez vos commentaires

Annuler

Merci !