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.

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

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.

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.

WP Simple Pay Lite pour Stripe sur WordPress

WP Simple Pay Lite pour Stripe sur WordPress

É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.

Installer le plugin WP Simple Pay Lite

Installer le plugin WP Simple Pay Lite

É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é.

WP Simple Pay Lite - Clés API

WP Simple Pay Lite – Clés API

É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 ».

WP Simple Play - Réglages Stripe

WP Simple Play – Réglages Stripe

É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"]
Commande WP Simple Pay

Commande WP Simple Pay

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.

Bouton Stripe shortcode

Bouton Stripe shortcode

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.

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.

Réglages Stripe dans Gravity Form

Réglages Stripe dans Gravity Form

É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 ».
Stripe pour Gravity Forms

Stripe pour Gravity Forms

Cochez ensuite la case indiquant que vous avez activé l’URL du webhook et cliquez sur « Update Settings ».

Mise à jour des webhooks Stripe

Mise à jour des webhooks Stripe

É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.

Créer un nouveau formulaire dans Gravity Forms

Créer un nouveau formulaire dans Gravity Forms

É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.

Formulaire de facturation

Formulaire de facturation

É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 ».

Flux du formulaire de facturation

Flux du formulaire de facturation

É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 ».

Insérer le formulaire

Insérer le 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.

Cartes de crédit via Gravity Form

Cartes de crédit via Gravity Form

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. According to BuiltWith, as of January 2018, WooCommerce powers over 8% of all online stores.

woocommerce

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.

Plugin WooCommerce Stripe Payment Gateway

Plugin WooCommerce Stripe Payment Gateway

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 ».

Paramètres de Stripe dans WooCommerce

Paramètres de Stripe dans WooCommerce

É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 ».

WooCommerce force secure checkout

WooCommerce force secure checkout

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.

Paiement par carte de crédit dans WooCommerce

Paiement par carte de crédit dans WooCommerce

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.

Commande via Stripe dans WooCommerce

Commande via Stripe dans WooCommerce

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.

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 ».

Paramètres de la passerelle de paiement Stripe sur EDD

Paramètres de la passerelle de paiement Stripe sur EDD

É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 ».

Réglages de Stripe dans EDD

Réglages de Stripe dans EDD

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.

Paiement par carte de crédit Stripe dans EDD

Paiement par carte de crédit Stripe dans EDD

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.

Paiement Stripe dans EDD

Paiement Stripe dans EDD

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 ?

54
Partages