Liens de paiement Stripe : configuration, boutons sur votre site et pages de remerciement
Guide des liens de paiement Stripe
Lien de paiement Stripe : configurer, intégrer un bouton et rediriger après paiement | We.Inc
Créez un lien de paiement Stripe, placez-le sur votre site sous forme de bouton stylisé ou de Buy Button, envoyez les acheteurs vers votre propre page de remerciement et suivez la campagne à l'origine de la vente. Avec du code de bouton à copier.
Un lien de paiement Stripe (Payment Link) est une page de paiement hébergée que vous créez dans le Dashboard Stripe, sans code. Créez un produit avec un prix, générez le lien, puis placez-le derrière un bouton sur votre site. Vous pouvez rediriger les acheteurs vers votre propre page de remerciement après le paiement et ajouter des paramètres au lien pour préremplir l'e-mail ou étiqueter la vente.
Payment Link, Buy Button ou Checkout ?
Option
Code nécessaire
Idéal pour
Payment Link
Aucun ; partagez ou liez une URL
Vendre quelques produits, factures par lien, bios des réseaux sociaux
Buy Button
Collez un script et une balise
Un bouton au style Stripe intégré à votre page
Checkout (API)
Du code serveur crée chaque session
Paniers, prix par client, applications avec connexion
Ce guide couvre la configuration dans le Dashboard, trois façons de placer le lien sur un site, la redirection vers votre propre page de confirmation, les paramètres de lien pour préremplir et suivre, et les réglages qu'on oublie : taxes, quantités et codes promotionnels.
Dans le Dashboard Stripe, ajoutez un produit avec un nom, une image et un prix unique ou récurrent.
Créez un lien de paiement pour ce prix et choisissez les options comme la quantité, les codes promotionnels, la collecte des taxes et les informations à recueillir.
Dans les réglages après paiement, gardez la page de confirmation de Stripe ou redirigez vers une page de votre propre site.
Copiez le lien et placez-le derrière un bouton sur votre site, ou créez un Buy Button et collez son code d'intégration.
Testez tout le parcours en mode test avec la carte de test de Stripe, puis passez en mode live et recommencez avec un vrai achat que vous remboursez.
Créez un lien par produit et par prix. Quand le prix change, créez un nouveau lien et remplacez-le sur votre site plutôt que de réutiliser un lien vers lequel pointent encore d'anciens posts et e-mails.
Activez les codes promotionnels dans les réglages du lien si vous prévoyez des réductions. Les codes créés plus tard fonctionnent alors sans toucher au site.
Envoyez les acheteurs vers votre propre page de remerciement pour montrer les prochaines étapes, suivre la conversion et proposer quelque chose de lié.
Écrivez un libellé de bouton clair avec le prix, par exemple Acheter le modèle, $29. Moins de surprises au paiement, c'est moins de paiements abandonnés.
Questions fréquentes
Les liens de paiement coûtent-ils quelque chose en plus ?
Stripe ne facture pas le lien lui-même. Vous payez les frais de traitement habituels de Stripe sur chaque paiement réussi, qui dépendent de votre pays et du moyen de paiement. Utilisez le calculateur de frais de traitement des paiements pour voir ce qu'une vente vous rapporte net.
Un lien de paiement peut-il vendre un abonnement ?
Oui. Donnez au produit un prix récurrent, par exemple mensuel ou annuel, et le lien démarre un abonnement. Les clients peuvent ensuite le gérer via le portail client de Stripe si vous l'activez.
Comment rediriger vers ma propre page après le paiement ?
Dans les réglages après paiement du lien, choisissez de ne pas afficher la page de confirmation de Stripe et saisissez l'URL de votre page. Vous pouvez inclure {CHECKOUT_SESSION_ID} dans l'URL, et Stripe le remplace par l'ID de session pour que votre page ou votre serveur puisse retrouver la commande.
La redirection suffit-elle pour livrer un produit numérique ?
Pas à elle seule. N'importe qui possédant l'URL peut ouvrir une page de remerciement. Pour les téléchargements ou l'accès à un compte, livrez via quelque chose que Stripe confirme, comme un webhook sur votre serveur, une automatisation déclenchée par le paiement, ou une plateforme de livraison connectée à Stripe.
Puis-je voir de quelle campagne vient une vente ?
Oui. Stripe documente utm_source, utm_medium, utm_campaign, utm_term et utm_content comme paramètres de lien, ainsi que client_reference_id pour votre propre référence. Ajoutez-les au lien derrière chaque annonce ou publication.
Configurer le lien
Commencez en mode test pour que rien de réel ne soit débité. Créez d'abord le produit, car le lien se construit à partir d'un produit et d'un prix. Ajoutez un nom clair et une image carrée ; les deux apparaissent sur la page de paiement.
En créant le lien, décidez de ce que vous collectez : adresse de facturation, adresse de livraison, numéro de téléphone ou champs personnalisés comme le nom d'une entreprise. Chaque champ supplémentaire fait perdre quelques paiements, alors ne demandez que ce dont vous avez besoin pour exécuter la commande.
Si vous vendez dans des pays qui appliquent une taxe de vente ou la TVA, activez la collecte automatique des taxes, qui utilise Stripe Tax et nécessite la configuration de vos immatriculations fiscales. Sinon, incluez la taxe dans votre prix et indiquez-le sur la page.
Le placer sur votre site
La voie la plus simple est un lien normal stylisé comme un bouton, qui se charge instantanément et s'accorde à votre design. Les exemples ci-dessous proposent trois styles à copier. Le Buy Button est la deuxième voie : Stripe dessine le bouton pour vous dans votre page et gère le clic.
Ouvrez le lien dans le même onglet. Ouvrir le paiement dans un nouvel onglet déroute les utilisateurs sur téléphone et casse le retour vers votre page de remerciement.
Code de bouton pour votre lien de paiement
Remplacez le href par votre propre lien. Chaque bouton est un simple lien, donc il fonctionne sur n'importe quel créateur de site qui accepte le HTML.
Bouton plein avec prix
Un bouton bien visible en pleine largeur sur téléphone, qui se réduit à sa taille sur les écrans plus larges.
Carte de prix avec bouton
Une petite carte pour un produit unique, avec ce qui est inclus et une ligne rassurante sous le bouton.
Bouton contour pour une option secondaire
Utilisez un style plus discret pour un second prix, comme une formule annuelle à côté d'une formule mensuelle.
Intégration du Buy Button Stripe
Créez le Buy Button depuis la page du lien de paiement dans le Dashboard, puis collez le code fourni. Il a cette forme.
Code d'intégration du Buy Button
Le script se charge une fois par page ; chaque balise stripe-buy-button dessine un bouton. Les ID viennent de votre Dashboard.
Buy Button dans React
Chargez le script une fois, puis affichez l'élément personnalisé. En TypeScript, vous devrez peut-être déclarer l'élément dans un fichier .d.ts.
Paramètres de lien pour préremplir et suivre
Ajoutez-les à la fin du lien sous forme de query string. Les valeurs doivent être encodées pour l'URL.
Paramètres d'URL des liens de paiement documentés par Stripe
Paramètre
Exemple
Effet
?prefilled_email=ana%40example.com
Remplit le champ e-mail
?prefilled_promo_code=LAUNCH20
Applique un code promotionnel (les codes promotionnels doivent être activés)
?client_reference_id=order_1042
Enregistre votre propre référence sur la session de paiement
Copie les balises UTM de l'URL de la page sur chaque lien de paiement de la page, pour que la vente soit attribuée à l'annonce ou à la publication qui a amené le visiteur.
Une page de remerciement qui lit la session
Définissez la redirection après paiement vers une URL comme https://yoursite.com/thanks?session_id={CHECKOUT_SESSION_ID}. La page peut afficher tout de suite un message chaleureux et, si vous avez un serveur, confirmer le paiement.
Corps de la page de remerciement
Du HTML simple qui fonctionne partout. Gardez la vraie livraison (lien de téléchargement, accès au compte) derrière une vérification serveur ou un webhook.
Confirmer la session sur votre serveur (Node)
Utilise la bibliothèque Node officielle de Stripe. Ne faites jamais confiance à l'URL seule ; demandez à Stripe si la session a été payée.