Enregistrer les informations de paiement lors du paiement

Découvrez comment accepter un paiement et enregistrer les informations de paiement de votre client pour de futurs achats.

Utilisez Stripe Checkout pour intégrer un formulaire de paiement prédéfini dans votre site Web qui permet à vos clients d’enregistrer leurs informations de paiement pour des achats futurs.

Configurer Stripe
Côté serveur

Tout d’abord, inscrivez-vous pour créer un compte Stripe.

Utilisez nos bibliothèques officielles pour accéder à l’API Stripe à partir de votre application :

Créer un client
Côté serveur

Pour configurer une carte en vue de paiements futurs, vous devez l’associer à un client. Lorsque votre client ouvre un compte chez vous, créez un objet Customer, qui permet de réutiliser des moyens de paiement et d’assurer le suivi de plusieurs paiements.

Lorsque la création réussit, l’objet Customer est renvoyé. Vous pouvez consulter l’objet pour identifier l’id du client et stocker cette valeur dans votre base de données pour la récupérer ultérieurement.

Vous pouvez trouver ces clients dans la page Clients du Dashboard.

Créer une session Checkout
Côté serveur

Sur votre serveur, créez une session Checkout et définissez le paramètre ui_mode to embedded. Vous pouvez configurer la session Checkout pour y inclure des postes de facture et d’autres options telles que la devise.

Vous pouvez également créer une session Checkout pour un client existant, ce qui vous permet de remplir automatiquement les coordonnées des clients connus dans les champs Checkout et d’unifier leur historique d’achat.

Pour rediriger les clients vers une page personnalisée que vous hébergez sur votre site Web, précisez l’adresse URL de cette page dans le paramètre return_url. Incluez la variable de modèle {CHECKOUT_SESSION_ID} dans l’URL pour récupérer l’état de la session sur la page de retour. Checkout remplace automatiquement la variable par l’ID de session Checkout avant la redirection.

En savoir plus sur la configuration de la page de retour et les autres options pour personnaliser le comportement de redirection.

Après avoir créé la session Checkout, utilisez le client_secret retourné dans la réponse pour charger Checkout.

Monter Checkout
Côté client
Côté serveur

Checkout est disponible dans Stripe.js. Intégrez le script Stripe.js à votre page en l’ajoutant à l’en-tête de votre fichier HTML. Ensuite, créez un nœud DOM vide (conteneur) à utiliser lors du montage.

index.html
<head>
  <script src="https://js.stripe.com/basil/stripe.js"></script>
</head>
<body>
  <div id="checkout">
    <!-- Checkout will insert the payment form here -->
  </div>
</body>

Initialisez Stripe.js avec votre clé API publique.

Créez une fonction asynchrone fetchClientSecret qui envoie une requête à votre serveur pour créer la session Checkout et récupérer la clé secrète du client. Transmettez cette fonction dans options lorsque vous créez l’instance Checkout :

index.js
// Initialize Stripe.js
const stripe = Stripe('pk_test_TYooMQauvdEDq54NiTphI7jx'
);

initialize();

// Fetch Checkout Session and retrieve the client secret
async function initialize() {
  const fetchClientSecret = async () => {
    const response = await fetch("/create-checkout-session", {
      method: "POST",
    });
    const { clientSecret } = await response.json();
    return clientSecret;
  };

  // Initialize Checkout
  const checkout = await stripe.initEmbeddedCheckout({
    fetchClientSecret,
  });

  // Mount Checkout
  checkout.mount('#checkout');
}

Checkout est affiché dans une balise iframe qui envoie de manière sécurisée les informations de paiement à Stripe par une connexion HTTPS.

Erreur fréquente

Évitez de placer Checkout dans une autre balise iframe, car certains moyens de paiement nécessitent une redirection vers une autre page pour obtenir la confirmation du paiement.

Enregistrer le moyen de paiement
Côté serveur

Après avoir configuré votre intégration de Checkout intégrée, choisissez une configuration pour votre intégration afin d’enregistrer les moyens de paiement utilisés par vos clients.

Par défaut, les moyens de paiement utilisés pour effectuer un paiement ponctuel avec Checkout ne sont pas disponibles pour une utilisation future.

Enregistrer les moyens de paiement pour les débiter hors session

Vous pouvez configurer Checkout de façon à enregistrer les modes de paiement utilisés pour effectuer des paiements ponctuels en transmettant l’argument payment_intent_data.setup_future_usage. Cela peut notamment vous permettre de capturer un mode de paiement enregistré afin de prélever des frais futurs, comme des frais d’annulation ou de non-présentation.

Si vous utilisez Checkout en mode subscription, Stripe enregistre automatiquement le mode de paiement pour le débiter lors des paiements suivants. Les modes de paiement par carte enregistrés pour les clients utilisant les modes setup_future_usage ou subscription ne s’affichent pas dans Checkout pour les achats récurrents (plus d’informations à ce sujet ci-dessous). Nous vous recommandons d’utiliser du texte personnalisé pour rediriger vos clients vers les conditions pertinentes concernant l’utilisation des informations de paiement enregistrées.

Avertissement

Les lois internationales en matière de protection de la vie privée sont complexes et nuancées. Nous vous recommandons de contacter votre conseiller juridique et votre équipe responsable de la conformité avant de mettre en œuvre setup_future_usage, car cela pourrait impliquer votre cadre de conformité existant en matière de confidentialité. Pour en savoir plus sur l’enregistrement des informations de paiement. reportez-vous aux directives du Comité européen de la protection des données.

Enregistrer les moyens de paiement pour qu’ils soient remplis automatiquement dans Checkout

Par défaut, Checkout utilise Link pour offrir à vos clients la possibilité d’enregistrer et de réutiliser leurs informations de paiement en toute sécurité. Si vous préférez gérer vous-même les modes de paiement, utilisez saved_payment_method_options.payment_method_save lors de la création d’une session Checkout. Vos clients pourront ainsi enregistrer leurs modes de paiement pour leurs futurs achats dans Checkout.

La transmission de ce paramètre en mode paiement ou abonnement affiche une case à cocher facultative qui permet aux clients d’enregistrer explicitement leur mode de paiement pour leurs futurs achats. Lorsque les clients cochent cette case, Checkout enregistre le mode de paiement avec allow_redisplay : always. Checkout utilisera ce paramètre pour déterminer si un mode de paiement peut être rempli automatiquement lors des futurs achats. Lorsque vous utilisez saved_payment_method_options.payment_method_save, vous n’avez pas besoin de transmettre setup_future_usage pour enregistrer le mode de paiement.

L’utilisation de saved_payment_method_options.payment_method_save nécessite un Customer. Pour enregistrer un nouveau client, définissez le paramètre customer_creation de la session Checkout sur always. Sinon, la session n’enregistre, ni le client, ni le mode de paiement.

Si payment_method_save n’est pas transmis ou si le client refuse d’enregistrer le mode de paiement, Checkout enregistre toutefois les modes de paiement créés en mode subscription ou à l’aide de setup_future_usage. La valeur allow_redisplay de ces modes de paiement est définie sur limited. Cela évite qu’ils soient remplis automatiquement pour les achats récurrents, et vous permet de vous conformer aux règles des réseaux de cartes et aux réglementations en matière de protection des données. Découvrez comment modifier le comportement par défaut activé par ces modes et comment modifier ou remplacer le comportement allow_redisplay.

Remarques

Vous pouvez utiliser Checkout pour enregistrer des cartes et d’autres modes de paiement afin de les débiter hors session, mais Checkout ne remplit automatiquement que les cartes enregistrées. Découvrez comment remplir automatiquement les cartes enregistrées. Pour enregistrer un mode de paiement sans paiement initial, utilisez Checkout en mode configuration.