Proposer à tes clients de payer tes services ou produits par carte bancaire sur ton site Web, OK, mais comment faire ? Eh ben… en utilisant Stripe paiement. Dans ce tutoriel, nous allons voir comment créer un compte Stripe, mais pas que, nous allons aussi l’installer sur un site avec des explications au passage pour bien configurer.
Eh… pourquoi pas offrir deux moyens de paiement supplémentaire ? PayPal, et pour être encore plus moderne, le bitcoin.
Pourquoi utiliser Stripe ?
Stripe va te permettre d’offrir à tes clients un moyen de paiement sur ton site. Avec Stripe ton client pourra te payer par carte bancaire, ce moyen de paiement n’est pas à négliger, car il est très utilisé.
Tu as un super site ? Tu donnes par exemple des cours ou tu fais du coaching ? Et tu trouves que cela serait plus simple pour tes clients de te payer directement sur ton site Web ? Eh ben… tu as parfaitement raison, c’est ce que nous allons voir cela de suite !
Comment ouvrir un compte Stripe ?
Tout d’abord, connecte-toi à Stripe pour créer un compte.
Comment créer un compte français ?
Tape stripe.com/fr si tu vis en France, stripe.com/fr-be, si tu es en Belgique, stripe.com/fr-ch, si tu es en Suisse…
Ensuite, clique sur Démarrer maintenant, nous allons créer un compte.
Comment ouvrir un compte Stripe ?
Ensuite, rentre ton adresse courriel professionnelle, cela signifie un arobase suivi du nom de domaine de ton site. Donc pas de @gmail.com ou de @free… si tu ne sais pas comment faire, tu peux me le demander dans les commentaires.
Puis, indique ton nom, le pays dans lequel tu vis et un mot de passe compliqué, et clique sur Créer un compte :
Ensuite, tu seras redirigé vers ton tableau de bord, là, tu vas cliquer sur Activer le compte, pour activer le compte !
Stripe paiement : Vérifier le compte Stripe
Là, vérifie que stripe t’ai bien envoyé un courriel d’authentification, sinon tu peux cliquer sur Renvoyer l’E-mail :
Une fois que tu as ouvert l’e-mail de Stripe, clique sur Verify email address, là, ton navigateur va ouvrir un nouvel onglet :
Dans ce nouvel onglet, entre ton mot de passe et clique sur Continuer :
Stripe paiement : Continuer à créer un compte Stripe
Ensuite, clique à nouveau sur Activer le compte :
Indique le pays de ton entreprise ainsi que l’adresse. Stripe souhaite aussi connaître la nature de ton business et clique sur Continuer :
Puis, Stripe souhaite en savoir plus sur le chef d’entreprise, c’est à dire toi : ton prénom, ton nom, ton adresse courriel professionnelle, même ta date de naissance, le pays dans lequel tu vis, ton adresse et ton numéro de téléphone. Une fois cela renseigné, clique sur Continuer :
Si tu as une TVA, indique-la dans le champ, puis le secteur dans lequel tu te situes. Stripe souhaite connaître l’adresse URL de ton site, n’oublie pas d’y ajouter le « https:// » devant ton nom de domaine. Enfin, apporte une petite description à ton produit et clique sur Continuer :
Là, Stripe souhaite connaître le délai de livraison de ton produit ou service. Dans le cas de coaching ou des produits numériques, cela peut se faire dans la journée :
Libellé de relevé bancaire : il s’agit, de ce que verra ton client sur son relevé bancaire lorsqu’il sera débité. À Libellé abréger : tu seras limité de quelques lettres. Lorsque tu auras tout renseigné, clique sur Continuer :
Ensuite, indique la devise, je vais choisir Euro, mais aussi le pays où se trouve ton compte bancaire professionnel et l‘IBAN, puis Continuer :
Stripe paiement : Comment valider son compte Stripe ?
Pour terminer la validation de ton compte, Stripe te propose deux moyens de t’authentifier : Utiliser un SMS ou Utiliser une application d’authentification. Pour ma part, j’ai choisi la première solution avec SMS. Là, normalement le numéro de téléphone que Stripe te propose est celui que tu as renseigné précédemment, si tout est bon, clique sur Confirmer le numéro de téléphone :
Ensuite, indique le numéro que tu as eu par SMS :
Stripe, te propose de conserver un code, au cas où tu perds ton téléphone. Conserve-le bien en lieu sûr !
Et clique sur Continuer
Finaliser la création du compte Stripe
Ensuite, Stripe te propose de faire un don pour le climat. Peut-être au moment où tu verras ce tuto, cette partie ne sera plus là.
Enfin, à récapitulatif, si tu vois des champs en rouge, ce que tu es obligé de les renseigner si tu ne l’as pas fais précédemment. Clique sur ces champs en rouges, et renseigne ce que tu as oublié.
Quand tu n’as plus de champ en rouge, clique sur Terminé.
Maintenant, tu es dirigé vers ton tableau de bord, si tu as un message du type « Votre compte est désormais actif », c’est que tout paraît bon :
Vérifie quand même tes emails, histoire d’être sûr que tu n’as rien oublié pour que Stripe puisse fonctionner correctement.
Ce n’est pas fini… Maintenant, nous allons installer le moyen de paiement Stripe sur notre Site WordPress. Let’s go…
Stripe paiement : Comment intégrer Stripe sur son site ?
Pour la partie intégration de Stripe à WordPress, nous allons utiliser le plugin « Accepte stripe payments » de Tips and Tricks HQ, wptipsntricks :
- Tout d’abord, survol Extensions dans le menu de ton tableau de bord administration WordPress.
- Ensuite, clique sur Ajouter.
- Ecris, « accept stripe payments ».
- Ensuite, clique sur Installer maintenant.
- Clique Activer.
Que dire de cette extension ? L’extension a quatre virgules cinq étoiles sur soixante-cinq votants au moment où j’écris ces mots, ce qui n’est pas mal. Le plugin est installé sur quarante mille sites : c’est plutôt bien. L’extension a été mise à jour il y a trois semaines et elle est compatible avec ma version WP.
Tu remarqueras peut-être la chose suivante, après l’installation du plugin, celui-ci m’a créé automatiquement deux pages dans mon menu principal : « Checkout-Result » et « Products », je ne veux pas cela. Tu pourras les retirer dans l’ongle Apparence -> Menu WordPress.
Configurer accept stripe payments
Nous allons maintenant configurer le plugin. Dans le menu WordPress, survole Paiements via Stripe et clique sur Réglages.
Dans l’onglet Paramètres généraux :
- URL de la page de résultats de paiement : Il s’agit de la page où sera dirigé le client après avoir payé. En effet, ça ne sert à rien de le laisser sur la même page, tu pourras par exemple le diriger vers une page de remerciement : Je choisis la page d’accueil de mon site.
- Url de la page produits : C’est la page où tu vas vendre tes produits. Malheureusement, le plugin ne te laisse pas choisir la page que tu souhaites.
- Monnaie : je mets Euros.
- Symbole monétaire : du coup, le symbole est « € ».
- Texte bouton : Tu peux le laisser par défaut, mais tu peux aussi trouver mieux.
Stripe API
Nous allons maintenant ajouter les clés API, ceci permettra de relier notre compte Stripe à notre site WordPress. Pour commencer, identifie-toi à ton compte Stripe.
Une fois identifié :
- Clique sur Développeurs.
- Ensuite, clique sur Clés API.
- Nous allons commencer par un Mode test (pour ne plus faire de tests, switch ce bouton).
Puis, tu copies la Clé publique et la colle dans Clé publique (TEST), dans l’onglet paramètres généraux de notre plugin. Fais la même chose avec la Clé secrète, mais avant clique sur le bouton Révéler la clé de test pour te dévoiler la clé secrète. Nous pouvons voir devant nos clés le mot « test ». Si tu souhaites arrêter les tests, utilises les autres clés API et mets les clés dans le champ Clé publique (PROD] et Clé secrète (PROD). N’oublie pas de cocher le bouton Mode production:
Réglages de l'e-mail
Vérifie que les adresses courriel sont correctes, sinon modifie-les.
Tu peux modifier les textes de Corps du message de l’acheteur et Corps de l’e-mail au vendeur, si tu souhaites les améliorer.
Réglages avancés
Les anglophones mettent un point avant d’indiquer les centimes, alors qu’en France nous mettons une virgule. Je te propose de modifier cela à Séparateur des décimales :
Ensuite, à Texte de la case à cocher, indique la page de tes conditions. Fais bien attention de mettre l’adresse URL entre les doubles apostrophes, sinon cela dirigera vers une page erreur :
N’oublie pas de cliquer sur Enregistrer les modifications.
Stripe paiement : Créer le produit ou service de vente
Pour créer le produit, nous allons aller dans Paiements via Stripe -> Produits, là, nous allons créer un produit en cliquant sur Ajouter un nouveau produit : tout en haut à gauche.
Le premier champ sera le titre de ton produit (ce n’est pas réellement un titre : cette partie sera positionnée dans une balise div).
Ensuite, descend jusqu’à Description, tu pourras d’écrire ton produit ou service.
Plus bas :
- Description courte : Au moment où ton client entre ses identifiants bancaires, celui-ci verra cet intitulé. Rappelle le nom de ton produit ou service qu’il l’achète va peut-être le rassurer.
- Prix et devise : Précise s’il s’agit d’un don ou non. Dans mon cas la réponse est non, donc je mets one-time payment. Plus bas, j’indique le montant que mon client va payer et Monnaie je laisse par défaut, comme j’ai déjà réglé cette partie dans Réglages -> Réglages généraux.
- Variations : Cette est intéressant si ton produit ou services à des variations, si tu vends un t-shirt en taille S, et que tu souhaites le vendre plus cher en taille M.
Quantité et stock : concerne les ventes physiques, dans le cas d’un coaching, cela n’est pas utile de remplir cette partie.
Taxe & livraison : Si tu es en microentreprise, tu n’as pas besoin de remplir cette partie. Si tu vends un coaching, il n’y a pas de livraison : Je laisse tout vide.
URL de téléchargement : Si ton produit est numérique, par exemple : une image, un audio, un PDF… ton client pourra télécharger l’url que tu indiquera ici après son paiement.
Miniature du produit : Tu pourras ajouter une miniature si tu le souhaites :
URL de page de remerciement : J’ai indiqué ma page d’accueil, mais tu peux très bien ajouter une vraie page de remerciement.
Apparence du bouton de vente
Apparence : Tu peux modifier l’intitulé du bouton de paiement, ainsi que créer une classe pour le CSS pour modifier le design. Par défaut, le bouton est bleu clair :
Une fois que tu as fini tous les réglages, n’oublie pas d’enregistrer en brouillon ou de publier.
Mettre Stripe sur une page Web
Va de nouveau dans Paiements via Stripe -> Produits. Puis, copie le shortcode du service ou produit que tu viens de créer :
Ensuite, nous allons sur Pages, sur laquelle nous souhaitons vendre notre produit ou service. Pour ma part, j’ai une page qui s’appelle coaching, donc, je vais dans Pages -> Toutes les pages -> Coaching.
- Enfin, clique sur le « Plus ».
- Ecrire « code court ».
- Et choisis le module Code court.
- Puis, colle le code court dans le champs qui vient d’apparaître.
Voilà, après avoir enregistré tout ça, il ne te reste plus qu’à admirer le résultat. En ce qui me concerne, j’ai fait quelque chose de très simple comme tu peux le voir :
En cliquant sur paiement, si tu as appelé ton bouton ainsi, tu pourras testé le paiement teste :
N’oublie pas d’ôter le mode test si tu veux commencer à faire de l’argent avec ton super site ;).
Stripe paiement : Ce qu'il faut retenir
Nous avons vu comment faire pour offrir un moyen de paiement en carte bancaire à nos clients sur notre site Web. Nous avons d’abord créé un compte Stripe, ensuite nous avons installé un plugin sur notre site WordPress. Il existe plusieurs extensions pour permettre de coupler Stripe à WordPress, j’en ai choisi un qui est assez populaire et assez simple d’utilisation. Pour autant, le plugin et très complet, puisqu’il permet également de configurer le stock, frais de livraisons… pour des produits physiques. Ce plugin permet aussi de créer une page de ventes proposant plusieurs produits. Bref, un plugin très intéressant.
Que penses-tu de Stripe et de ce plugin ?
Merci pour ton travail qui m’est toujours utile pour mon blog!! Continue!!
Merci pour ton commentaire, cela fait toujours plaisir. 😊
Merci beaucoup pour cet article ! Je vais bientôt devoir me choisir un moyen de paiement pour mon blog. Je vais étudier cela de plus prêt 😊
Avec plaisir, c’est top d’avoir des offres payantes 😉. Merci pour ton commentaire.
Merci pour ce pas à pas très bien détaillé. Je le mets en favori car je vais sûrement en avoir besoin.
Avec plaisir. Je te le souhaite, d’en avoir besoin… 😊 Merci pour le commentaire
J’ai envie de tester Stripe. Je suis juste un peu étonnée que l’extension WP proposée dans l’article ne soit pas plus téléchargée. Est-ce qu’il y en a d’autres disponibles ? Merci pour cet article 🙂
Merci Gladys pour ton commentaire. Oui, effectivement il existe un tas d’autres plugins qui permet d’activer Stripe. J’ai choisi ce plugin car je le trouve assez simple et pratique. Je pense que le plugin Woocommerce fait beaucoup d’ombre au plugin que je t’ai présenté. Mais le plugin Woocommerce est beaucoup plus adapté au e-commerce.
Ce genre d’article est très intéressant, on peut avoir envie d’y insérer une boutique sur notre blog, et à se moment cela sera très utile. Merci.
Tu as entièrement raison… Merci de trouver mon article intéressant et merci pour ton commentaire 😊
Super cet article, un grand MERCI.
Clair, aéré et concret 🙂
Ton site va nous aider, c’est sûr !
Merci à vous deux. Oui, c’est mon objectif de vous aider. Merci pour le commentaire…