Quand il s’agit de choisir une passerelle de paiement à utiliser sur votre site WordPress, il ya deux populaires qui viennent généralement à l’esprit, PayPal et Stripe. Il y a des années, PayPal était l’une des seules solutions faciles pour les sites de eCommerce, mais ce n’est plus le cas aujourd’hui. Stripe offre des frais de transaction moins élevés et est très populaire dans la communauté des développeurs pour son API flexible. Aujourd’hui, nous allons nous plonger dans 4 façons simples de configurer Stripe pour WordPress, sans codage nécessaire. Pour les startups, les entreprises et ceux qui gèrent des boutiques WooCommerce et EDD, Stripe peut être une excellente solution abordable.
Vous utilisez Square à la place ? Jetez un coup d’œil à notre article comparatif détaillé sur notre blog : Stripe vs Square.
Qu’est-ce que Stripe ?
Stripe est une passerelle de paiement à croissance rapide capable de traiter les paiements récurrents et de traiter les remboursements automatiquement. Il est fiable et utilisé par de grandes marques dans le monde entier, dont Best Buy, Target, Lyft, Docker, HubSpot, Facebook, Shopify, et IndieGoGo, entre autres. Nous les utilisons ici chez Kinsta pour accepter les paiements de tous nos clients hébergeurs.
Stripe a été fondée en 2010 par deux frères, John et Patrick Collison. Il a été lancé publiquement en 2011 et a reçu de multiples cycles de financement. Il s’est même classé 4e sur la liste Forbes Cloud 100 en 2016. Il y a beaucoup de passerelles de paiement, mais l’accent mis par Stripe sur la simplicité et sa populaire API Stripe est ce qui l’a distingué de ses concurrents. Leur structure de frais est beaucoup plus facile à comprendre, car pour ceux qui font moins d’un million de dollars par année, il s’agit d’un taux fixe de 2,9%+ 30¢. Ils vous permettent également de facturer gratuitement les cartes de crédit depuis votre propre site, alors que PayPal vous facture 30 $ / mois plus les frais de transaction. Stripe n’a pas non plus de frais pour les remboursements ou l’autorisation des cartes. PayPal, cependant, devient moins cher avec un plus grand volume de transactions.
Stripe dispose également d’un produit d’apprentissage automatique appelé Radar pour réduire le nombre de transactions frauduleuses. Pour plus de détails, consultez notre guide détaillé : Comment prévenir et réduire la fraude par carte de crédit de 98 % à l’aide de Stripe Radar
Configurer Stripe pour WordPress
Stripe n’a pas techniquement de plugin ou d’intégration WordPress officiel, mais grâce à l’excellente communauté WordPress qui a utilisé son API, il existe maintenant de nombreuses options pour obtenir facilement Stripe sur votre site. Ci-dessous, nous allons entrer dans l’installation de Stripe pour WordPress sur un site de base, avec un plugin de formulaire et des champs personnalisés, ainsi que des plateformes de eCommerce telles que WooCommerce et Easy Digital Downloads. Il est important de noter que SSL est requis sur vos pages de paiement Stripe pour communiquer les données de paiement en toute sécurité. De nombreux hébergeurs, même Kinsta, offrent maintenant des certificats SSL gratuits avec Let’s Encrypt. Attention cependant, vous pouvez endommager votre site si vous ne migrez pas correctement, alors n’oubliez pas de consulter notre guide de migration HTTP vers HTTPS.
- Configuration de Stripe sur le site WordPress de base
- Mise en place de Stripe avec Gravity Forms
- Configurer Stripe dans WooCommerce
- Configurer Stripe dans Easy Digital Downloads
Tous ces tutoriels supposent que vous avez un compte Stripe. Si ce n’est pas le cas, vous pouvez vous inscrire pour obtenir un compte Stripe gratuit.
Comment configurer Stripe sur le site WordPress de base
La première façon de configurer Stripe pour WordPress est sur un site de base. Vous n’avez peut-être pas de solution de eCommerce et vous avez simplement un produit que vous voulez vendre sur une page. Cela peut être un excellent moyen d’accepter des paiements (et même des dons) pour un ebook ou un téléchargement numérique sans frais supplémentaires sur votre site. Pour cela, nous vous recommandons le plugin gratuit WP Simple Pay Lite for Stripe, dans lequel vous pouvez démarrer en seulement 4 étapes faciles. Ils ont aussi une version pro du plugin, qui permet des paiements récurrents et une multitude d’autres fonctionnalités, mais si vous avez besoin de quelque chose de simple et rapide, vous pouvez vous débrouiller avec la version gratuite. Il a actuellement plus de 10.000 installations actives avec une note de 4,6 sur 5 étoiles.
Étape 1
Téléchargez et installez le plugin WP Simple Pay Lite for Stripe à partir du référentiel WordPress ou en le recherchant dans votre tableau de bord WordPress sous « Ajouter » Extensions.
Étape 2
La première chose à faire est de cliquer sur les paramètres du plugin et d’entrer vos clés d’API Stripe, que vous pouvez récupérer dans le tableau de bord de votre compte Stripe. Cliquez ensuite sur « Enregistrer les modifications ». Vous remarquerez qu’il y a un interrupteur marche/arrêt. Vous pouvez l’éteindre jusqu’à ce que vous ayez tout configuré.
Étape 3
Cliquez sur l’onglet « Paramètres par défaut ». C’est là que vous pouvez donner un nom à votre site, définir la devise, fournir une image, etc. Un paramètre important est l’URL de redirection lors d’un succès. Si vous suivez les conversions à l’aide d’une page de remerciement, alors vous devrez l’activer. Consultez notre guide de suivi de conversion détaillé. Ensuite, faites défiler vers le bas et cliquez sur « Enregistrer les modifications ».
Étape 4
Vous pouvez ensuite insérer un bouton de paiement sur n’importe quelle page ou article sur votre site WordPress avec un simple shortcode. N’oubliez pas que vous pouvez modifier le libellé du bouton de paiement dans les paramètres du plugin. Voici un exemple d’un shortcode que vous pouvez coller dans votre page ou votre article :
[stripe name="My Store" description="My Product" amount="1999"]
Voir tous les shortcodes WP Simple Pay. Et c’est tout ! Ajouter Stripe à votre site WordPress ne peut pas être plus simple. Assurez-vous de passer le mode Live sur « On » si ce n’est pas déjà le cas dans les réglages. Vous pouvez également profiter de leur plugin Stripe Checkout gratuit qui ajoute un bouton dans votre éditeur WordPress pour ajouter plus facilement des boutons de paiement. Pas besoin de saisir de shortcodes.
Comment installer Stripe avec Gravity Forms
Une deuxième configuration courante lors de l’utilisation de Stripe sur WordPress est de l’utiliser avec un plugin de formulaire. La raison pour laquelle vous voudrez peut-être le faire est qu’il vous donne plus de flexibilité en vous permettant d’ajouter vos propres champs personnalisés dans le processus de paiement. La plupart des plugins de formulaires populaires ont des intégrations et des extensions faciles, telles que Gravity Forms, Ninja Forms, et WP Forms. L’intégration de Stripe est en fait un add-on premium. Dans notre exemple, nous allons utiliser le plugin Gravity Forms.
Étape 1
Téléchargez et installez le plugin Gravity Forms ainsi que son extension Stripe. Cela nécessite une licence Developer.
Étape 2
La première chose à faire est de cliquer sur les paramètres du plugin et d’entrer vos clés d’API Stripe, que vous pouvez récupérer dans le tableau de bord de votre compte Stripe. Cliquez ensuite sur « Enregistrer les modifications ». Vous remarquerez qu’il y a un mode Live et Test. Vous pouvez le garder en mode Test jusqu’à ce que vous ayez tout configuré correctement.
Étape 3
Faites défiler vers le bas et vous aurez besoin de configurer les Webhooks. Gravity Forms nécessite l’ajout d’une URL à la liste des hooks Web de votre compte Stripe pour que tout fonctionne correctement.
- Cliquez sur le lien suivant et connectez-vous pour accéder à votre page de gestion de Stripe Webhooks :
https://dashboard.stripe.com/account/webhooks - Cliquez sur le bouton « Add Endpoint » au-dessus de la liste des URLs Webhook.
- Entrez l’URL suivante dans le champ « URL » :
https://votredomaine.com/?callback=gravityformsstripe - Sélectionnez « Live » dans le menu déroulant « Mode ».
Cochez ensuite la case indiquant que vous avez activé l’URL du webhook et cliquez sur « Update Settings ».
Étape 4
Maintenant, il est temps de mettre en place votre formulaire. Si vous n’en avez pas déjà un, vous devrez créer un nouveau formulaire.
Étape 5
Dans le formulaire, vous pouvez le configurer pour accepter toutes les données que vous voulez. Vous pourriez même avoir un champ obligatoire pour un message. Comme vous pouvez le voir, cela offre beaucoup plus de personnalisation que le plugin Simple Pay que nous avons décrit ci-dessus. Assurez-vous simplement d’avoir le champ de la carte de crédit et le prix. Tout se fait par glisser-déposer dans Gravity Forms, il est donc rapide et facile de le créer.
Étape 6
Après avoir créé votre formulaire, vous devez l’accrocher à Stripe à l’aide d’un flux. Cliquez sur les paramètres du formulaire lui-même et dans « Stripe ». Vous pouvez définir le code mouvement et le montant du paiement. Cliquez ensuite sur « Mettre à jour les paramètres ».
Étape 7
Vous pouvez ensuite insérer votre formulaire dans une page ou un message. Dans l’éditeur WordPress, Gravity Forms a un bouton appelé « Add Form. » Sélectionnez le formulaire que vous avez créé et cliquez sur « Insérer formulaire ».
Et c’est tout. Votre formulaire est maintenant un formulaire entièrement fonctionnel qui est intégré à Stripe et capable de capturer les paiements.
Comment configurer Stripe dans WooCommerce
A third common configuration when using Stripe for WordPress is to use it with WooCommerce. With over 3+ million active installs, a 4.6 user rating on WordPress.org, WooCommerce is one of the most popular free e-commerce solutions for WordPress. Depuis décembre 2019, WooCommerce gère plus de 7% de toutes les boutiques en ligne.
Une troisième configuration courante lors de l’utilisation de Stripe sur WordPress est de l’utiliser avec WooCommerce. Avec plus de 3+ millions d’installations actives, une note de 4.6 sur WordPress.org, WooCommerce est l’une des solutions de eCommerce gratuite les plus populaires pour WordPress. Selon BuiltWith, en janvier 2018, WooCommerce gère plus de 8% de toutes les boutiques en ligne.
Étape 1
La première chose à faire est d’installer le plugin gratuit WooCommerce Stripe Payment Gateway. Il a actuellement plus de 300.000 installations actives avec une note de 4,7 sur 5 étoiles.
Vous pouvez télécharger le plugin à partir du référentiel WordPress ou en le recherchant dans votre tableau de bord WordPress sous « Ajouter » extensions.
Étape 2
Cliquez ensuite dans les Paramètres de WooCommerce dans le tableau de bord et cliquez sur l’onglet « Commander ». Vous devrez activer Stripe et entrer vos clés d’API Stripe, que vous pouvez récupérer dans le tableau de bord de votre compte Stripe. Vous pouvez également choisir d’activer ou non « Stripe Checkout ». Stripe Checkout affiche un bouton de paiement et un formulaire de carte de crédit modal au lieu des champs classiques de la carte de crédit. Ensuite, faites défiler vers le bas et cliquez sur « Enregistrer les modifications ».
Étape 3
Ensuite, sous l’onglet Commander, cliquez sur « Options de paiement ». Vous devrez activer « Force secure checkout ». Rappelez-vous que Stripe requiert SSL pour accepter les cartes de crédit en toute sécurité sur votre site WordPress. Ensuite, faites défiler vers le bas et cliquez sur « Enregistrer les modifications ».
Et c’est tout. Vos pages de paiement devraient maintenant être en mesure d’accepter les cartes de crédit via Stripe. En voici quelques exemples.
Paiement par défaut de WooCommerce Stripe
C’est l’apparence par défaut de Stripe sur une page de paiement WooCommerce avec les champs de carte de crédit en ligne sur la page.
WooCommerce avec l’option de paiement Stripe activée
C’est l’apparence si vous activez l’option « Stripe Checkout » dans les paramètres. Le client clique sur « Continuer » et il obtient le mode Stripe.
Comment configurer Stripe dans Easy Digital Downloads
Une quatrième configuration courante lors de l’utilisation de Stripe sur WordPress est de l’utiliser avec Easy Digital Downloads. Tout comme WooCommerce, Easy Digital Downloads est une solution de eCommerce gratuite populaire pour WordPress. Il est principalement utilisé pour la vente de produits numériques, mais il y a aussi une extension pour l’adapter aux produits physiques. Il s’est vraiment transformé en une alternative WooCommerce maintenant. Il a actuellement plus de 50.000 installations actives avec une note de 4,8 sur 5 étoiles. Ce tutoriel ci-dessous suppose que vous avez déjà EDD installé et activé. Si ce n’est pas le cas, consultez la documentation de Easy Digital Downloads.
L’inconvénient de l’intégration de Easy Digital Downloads Stripe est qu’elle nécessite l’extension premium, qui commence à partir de 89,00 $ pour une licence pour un seul site. Cependant, cela peut en valoir la peine pour vous si vous préférez EDD et que vous voulez utiliser Stripe.
Étape 1
Téléchargez, installez et activez l’extension de la passerelle de paiement Stripe.
Étape 2
Sous Téléchargements (qui est EDD), cliquez dans Paramètres, puis dans l’onglet Passerelles de paiement. Dans les paramètres de la passerelle, vous devrez cocher la case Stripe pour l’activer. Passez ensuite la passerelle par défaut sur Stripe. Vous pouvez également sélectionner les icônes des cartes de crédit à afficher lors de la commande. Cliquez ensuite sur « Enregistrer les modifications ».
Étape 3
Sous l’onglet Passerelles de paiement, cliquez sur « Stripe ». Vous devrez entrer vos clés d’API Stripe, que vous pouvez récupérer dans le tableau de bord de votre compte Stripe. Vous devez également configurer les Webhooks.
- Cliquez sur le lien suivant et connectez-vous pour accéder à votre page de gestion de Stripe Webhooks :
https://dashboard.stripe.com/account/webhooks - Cliquez sur le bouton « Add Endpoint » au-dessus de la liste des URLs Webhook.
- Entrez l’URL suivante dans le champ « URL » : https://votredomaine.com/index.php?edd-listener=stripe
- Sélectionnez « Live » dans le menu déroulant « Mode ».
- Cliquez sur le bouton « Create endpoint ».
Il y a quelques options supplémentaires que vous pouvez configurer. Vous pouvez choisir d’activer ou non « Stripe Checkout ». Stripe affiche un bouton de paiement et un formulaire de carte de crédit modal au lieu des champs classiques de la carte de crédit. Ensuite, faites défiler vers le bas et cliquez sur « Enregistrer les modifications ».
Et c’est tout. Vos pages de paiement devraient maintenant être en mesure d’accepter les cartes de crédit via Stripe. En voici quelques exemples.
Configuration par défaut pour le paiement via Stripe dans EDD
C’est l’aspect par défaut de Stripe sur une page de paiement de EDD avec les champs de carte de crédit en ligne sur la page.
Easy Digital Downloads avec l’option Stripe Checkout activée
C’est l’apparence si vous activez l’option « Stripe Checkout » dans les paramètres. Le client clique sur « Continuer » et il obtient le mode Stripe.
Résumé
Comme vous pouvez le constater, il est assez simple de faire fonctionner Stripe sur WordPress. En fait, les quatre intégrations ci-dessus ne prennent que quelques minutes. C’est beaucoup plus facile qu’il y a quelques années. Il est également de moins en moins cher car beaucoup de solutions sont maintenant gratuites. Et n’oubliez pas que vous pouvez aussi accepter des dons en utilisant Stripe.
Quelle a été votre expérience ? Utilisez-vous Stripe sur votre site WordPress ?
Brian a une grande passion pour WordPress, l'utilise depuis plus de dix ans et développe même quelques plugins de qualité. Brian aime les blogs, les films et les randonnées. Connectez avec Brian sur Twitter.
Merci. Très bon article sauf que ça ne m’apporte pas la solution que je cherche.
Mon thème WordPress propose des « tableaux de prix » et des boutons intégrés. Le souci, c’est que ces boutons n’accepte que des liens, pas des shortcode. Il me faudrait donc un lien STRIPE à pouvoir insérer sur les boutons de mes pages.
J’ai trouvé le pluggin BuyNowPlus qui permet de faire ça, mais le résultat est très moche. Le formulaire de paiement est alors très moche, en plein page gris, et ressemble presque à un site de phishing.
Je cherche donc une alternative qui permettrait des formulaires de vente modernes comme ceux qu’on voit dans votre article.
Avez-vous une idée ?
Il y a tellement de bonnes solutions pour cela, mais beaucoup d’entre elles sont construites avec des shortcodes car elles offrent une meilleure fonctionnalité. Je recommande de contacter le développeur de leur thème pour voir s’il peut ajouter le support des shortcodes. Cela ne devrait pas être trop difficile.
Une autre alternative serait d’utiliser un plugin tiers de tableau des prix avec lequel vous pourriez ensuite utiliser un shortcode. Nous avons une bonne liste ici : https://kinsta.com/fr/blog/plugins-tableaux-prix-wordpress/
Bonjour, je constate que lors du paiement par simple pays strippe, une somme constante de 1€ est définie. Comment faire en sorte que ce soit plutôt le prix dû par le client qui défini et débité ? Merci
Bonjour, pour cela je vous conseillerais plutôt d’en discuter avec le support de ce plugin ou de Stripe directement, ils seront plus à même de vous répondre correctement. 😊