Stripe & WooCommerce : la passerelle de paiement par carte bancaire gratuite

WooThemes a récemment annoncé la gratuité de son extension Stripe Payment Gateway qui faisait office de passerelle entre WooCommerce et Stripe, soit une économie de $79. Stripe est un service capable d’accepter les cartes bancaires directement sur votre site et qui connait une popularité croissante auprès des développeurs de sites Internet. Nous l’utilisons par exemple sur WP Alacarte, notre boutique de produits et services pour WordPress.

À propos de Stripe

Stripe est un service en ligne utilisé pour accepter des paiements par carte bleue sur votre site e-commerce. À la différence de Paypal, vous aurez besoin d’un certificat SSL pour crypter les données échangées entre votre serveur et la banque car la saisie des informations confidentielles s’effectuera directement depuis votre site. Stripe fonctionne en marque blanche ce qui présente l’énorme avantage de garder vos clients chez vous et non de les renvoyer sur une page de paiement externe. Quand on connait l’importance de fluidifier au maximum l’expérience d’achat afin de minimiser les abandons, ce type de solution s’avère incontournable.

Côté tarif, c’est la solution la plus économique du marché avec :

  • 1,4% taxé sur chaque transaction plus 25 centimes de frais pour les cartes européennes ;
  • 2,9% taxé sur chaque transaction plus 25 centimes de frais pour les cartes non européennes ;

Pour de gros volumes de transactions, il sera intéressant de négocier un rabais mais également de contacter votre banque pour envisager une solution potentiellement plus économique.

Rappelons que 25% des sites e-commerce en France sont développés à partir de WooCommerce contre 34% pour PrestaShop selon BuiltWith (avril 2016). Pour être plus précis, nous devrions parler de WordPress et non de WooCommerce qui est une extension gratuite mais pas la seule pour réaliser un site e-commerce avec cette formidable plateforme de gestion de contenu. Et c’est sans doute là une de ses forces principales : être capable de propulser n’importe quelle type d’architecture de contenu au travers d’un même outil.

Déployer Stripe sur votre WooCommerce

Afin de déployer une telle solution, vous devrez suivre les étapes que voici :

  1. Créer un compte Stripe : c’est gratuit et l’interface est particulièrement bien conçue. Une application pour smartphone existe également et vous permet d’être notifié de la réception d’un nouveau paiement. Une limite malgré tout : l’absence de traduction française de l’interface du compte Stripe, du moins pour l’instant ;
  2. Déployer un certificat SSL : c’est sans doute l’étape la plus compliquée. Du choix du certificat à l’installation sur votre serveur, une assistance conseil et technique est incontournable ;
  3. Lier votre compte bancaire à Stripe : un simple RIB fera l’affaire ;
  4. Installer et configurer l’extension Stripe Payment Gateway : c’est elle qui assurera la liaison entre votre WooCommerce et votre compte Stripe. Elle est gratuite depuis quelques semaines, soit une économie d’environ 80 euro pour l’achat d’une licence ;
  5. Effecter un paiement d’essai : comme toute passerelle de paiement qui se respecte, vous disposez d’un mode TEST vous permettant de procéder à des paiements de tests sur votre boutique en ligne ;

Étape n°1 – Création du compte Stripe

Rendez-vous sur Stripe.com et cliquez sur Register. Vous pouvez également ne pas créer de compte et tester la plateforme en mode démonstration.

woocommerce-stripe-1

La procédure de création est relativement simple et l’ensemble des données de configuration du compte se retrouve dans Account Settings via le menu accessible en haut à droite.

woocommerce-stripe-2

Une fenêtre modale s’affiche alors et vous permet d’indiquer vos informations publiques telles que votre logo ou encore l’adresse de facturation. Prenez donc le temps de parcourir l’interface afin de saisir les données obligatoires. Certaines relèvent de l’image de marque de votre entreprise et seront utilisées au cours du processus d’achat. Il est donc essentiel de paramétrer ces réglages avec soin.

Étape n°2 – Obtenir un certificat SSL

De même que vous pouvez acheter un nom de domaine et un service d’hébergement, il existe des prestataires qui proposent la vente de certificats SSL. En réalité, il s’agit bien souvent de revendeurs de certificats dont les autorités de validation sont Comodo, GeoTrust, Thawte, Symantec, etc. Ce sont elles qui vont légitimer en quelque sorte la sécurité de vos échanges de données.

Quelques notions importantes à connaître à propos des certificats SSL :

  • Le prix varie en fonction des fonctionnalités offertes par le certificat : degré de sécurité, montant de l’assurance sur les transactions, prise en charge mobile, barre verte pour les sites e-commerce, vérification administrative, etc. Les prix oscillent entre 5 € et 800 € / an, autant dire que ce n’est pas toujours simple de s’y retrouver. Pour une boutique e-commerce, comptez environ 80 € / an pour disposer notamment de la fameuse barre verte dans le navigateur Web comme c’est le cas sur ce site.
  • Un serveur dédié est bien souvent requis pour déployer un certificat SSL. Certains hébergeurs mutualisés vous proposeront des certificats SSL à bas prix. Comme indiqué précédemment, faites attention aux fonctionnalités proposées notamment pour un site e-commerce. Pour ma part, je considère qu’héberger une boutique en ligne sur un serveur mutualisé à bas coût est une erreur ;
  • Les procédures de vérification administrative peuvent vous faire perdre du temps. Pour obtenir le certificat, vous devrez montrer patte blanche en fournissant des données publiques (raison sociale, adresse postale, etc.) faciles à vérifier par l’organisme compétent (Infogreffe, Pages Jaunes, etc.). Il est donc important que le propriétaire du nom de domaine soit bien la même entité qui achète le certificat SSL ;
  • Utilisez des outils pour vérifier le bon déploiement de votre certificat SSL sur votre serveur avec SSL Certificate Checker ou encore GeoCerts SSL Checker. Un autre outil dénommé SSL Server Test vous permet d’obtenir une note globale sur la qualité de votre certificat ;

Pour en savoir plus sur le passage de WordPress en HTTPS, je vous recommande le tutoriel de chez WP Formation.

Étape n°3 – Relier votre compte bancaire à Stripe

Si vous avez déjà relié un compte Paypal à celui de votre banque, sachez que la procédure pour Stripe est nettement plus simple et rapide. Dans l’onglet Transfers, vous avez la possibilité d’enregistrer un ou plusieurs comptes bancaires en fonction de la devise de votre pays de production.

woocommerce-stripe-3

Une fois le compte ajouté, vous recevrez vos paiements sous 7 jours de façon automatique. Rapide et efficace !

Étape n°4 – Installation / configuration de l’extension

Commencez par télécharger l’extension Stripe officielle développée par WooThemes.

Stripe

Acceptez les cartes Visa, MasterCard, American Express, Discover, JCB et Dinners Clud directement sur votre boutique avec la passerelle de paiement Stripe pour WooCommerce.

Taille : 37,1 KiB  •  Date : 10 avril 2016 •  Hits : 102

Depuis votre administration WordPress, faites Extensions puis Ajouter. Cliquez ensuite sur le bouton Mettre une extension en ligne puis téléversez l’archive à l’aide du bouton d’envoi de fichiers.

La traduction française de cette extension est disponible chez WP Trads de l’ami Wolforg.

Une fois l’extension installée, cliquez donc sur Activer maintenant.

La configuration en soi n’est guère très compliquée. Elle consiste principalement à lier votre WooCommerce à Stripe en spécifiant des clés API. Ces clés sont nécessaires pour que les deux applications puissent communiquer entre elles de manière sécurisée et transparente.

Pour les obtenir, retournez sur votre compte Stripe dans l’onglet API Keys. 4 clés sont fournies : Live Secret Key, Live Publishable Key, Test Secret Key et Test Publishable Key. Les deux premières sont utilisées lorsque votre site est production, les deux autres lorsque vous êtes en mode test.

woocommerce-stripe-4

Ces 4 clés doivent être copiées puis collées dans WooCommerce. Allez dans Paramètres puis Commande et cliquez sur l’onglet Stripe. Nous allons passer en revue les quelques options disponibles :

  • Activer / désactiver : cochez Activer Stripe pour faire fonctionner cette passerelle de paiement ;
  • Titre : indiquez le nom que verront les clients lors du processus d’achat. Par exemple, spécifiez Carte bancaire au même titre que vous auriez indiqué Virement ou Chèque ;
  • Description : c’est le texte d’aide qui s’affichera au cours de la commande. Soyez clair et explicite pour vos clients ;
  • Test mode : cochez cette case pour procéder aux paiements de tests avec Stripe ;
  • Test Secret Key / Test Publishable Key : les 2 clés nécessaires pour un site en test ;
  • Live Secret Key / Live Publishable Key : les 2 clés nécessaires pour un site en production ;
  • Capturer les paiements immédiatement : laissez cocher afin de prélever la somme instantanément ;
  • Stripe Checkout : c’est un mode d’affichage propre à Stripe qui génère un bouton de paiement déclenchant l’ouverte d’une fenêtre modale pour un processus d’achat plus fluide. À voir en fonction de vos besoins. Laissez décocher par défaut ;
  • Stripe Checkout locale : la langue utilisée par le système Stripe Checkout. Ne tenez pas compte de cette option si Stripe Checkout n’est pas activé ;
  • Bitcoin Currency : cochez pour autoriser les paiements en Bitcoin ;
  • Stripe Checkout image : indiquez l’URL de votre marque ou produit pour un affichage dans Stripe Checkout ;
  • Cartes enregistrées : cochez pour enregistrer les cartes de paiements dans les espaces clients. Les données sont stockées de manière sécurisée sur les serveurs de Stripe et non chez vous. Bien que cela soit de plus en plus populaire chez les grosses boutiques en ligne (Amazon, Apple, etc.), prenez garde à ne pas casser la confiance qui vous lie à vos clients. Une telle option est surtout utile pour des achats fréquents sur votre e-commerce ;

Une fois que vous avez terminé, n’oubliez pas de cliquer sur Enregistrer les changements.

Étape n°5 – Procéder à un paiement factice

Cette étape est sans doute la plus simple !

Rendez-vous sur votre boutique, ajoutez un produit dans votre panier puis optez pour un paiement par carte bancaire.

woocommerce-stripe-6

Saisissez des coordonnées bancaires à partir de cette liste puis validez la commande.

4242424242424242Visa
4012888888881881Visa
4000056655665556Visa (debit)
5555555555554444MasterCard
5200828282828210MasterCard (debit)
5105105105105100MasterCard (prepaid)
378282246310005American Express
371449635398431American Express
6011111111111117Discover
6011000990139424Discover
30569309025904Diners Club
38520000023237Diners Club
3530111333300000JCB
3566002020360505JCB

Celle-ci devrait apparaitre dans WooCommerce et le paiement dans Stripe.

Si tout vous paraît opérationnel, passez en mode Live en basculant la case sur votre compte Stripe. Décochez également Test mode dans les paramètres de WooCommerce (cf. étape n°4).

woocommerce-stripe-5

Vous disposez à présent du manuel complet pour déployer une passerelle de paiement Stripe sur votre site WooCommerce. Plus d’excuses pour ne pas accepter les cartes bancaires de manière professionnelle sur votre e-commerce dorénavant.

49 commentaires

  1. Wolforg

    Hey, merci pour le lien Wp Channel. Il est à noter que cette traduction était payante que l’extension l’était et qu’elle est devenue gratuite quand l’extension est devenue gratuite

  2. Gilles

    Il y a aussi le projet Let’s Encrypt qui malgré quelques défauts est gratuit.
    Et si l’hébergeur est bien fichu, c’est possible d’automatiser la création/renouvellement de certificats.

  3. Gilles

    Mouais, PayPal reste gratuit et ne nécessite pas de s’inscrire, reste connu de Mme Michu :p et donc… sans frais excessifs par rapport aux banques « traditionnelles » pour les clients.
    Je ne connais pas le % pris par PayPal, il faudrait comparer.

    1. Aurélien Denis auteur de l’article

      Les frais Paypal sont nettement plus élevés. De plus, il n’est pas possible de prendre les cartes bancaires directement sur le site ce qui freine énormément les ventes.

      Aujourd’hui, Paypal est la solution de facilité en termes de configuration. Stripe est la plus intéressante en termes de conversion. Les solutions bancaires sont réservés à de plus gros volumes de vente.

      1. Gilles

        Je crois que le coût global est à étudier.
        D’un côté : prix du certificat SSL, voire prix de l’installation technique + frais liés à Stripe.
        De l’autre côté : frais liés à PayPal.
        J’ai en tête un site qui vendrais peu (qui ferait un bénéf. faible donc) au départ, comme je l’ai lu ailleurs sur le Net, PayPal peut sembler intéressant pour débuter, sans entrer dans Stripe.
        Par contre, en effet, une fois que les volumes de ventes décollent (ce qu’on peut souhaiter), le passage en paiement direct en CB est à étudier.
        De toute façon, j’avais regardé du côté de PrestaShop, les modules de CB étaient plutôt de l’ordre de 280 €…

  4. Gilles

    J’ai bien relu la partie sur SSL, je ne vois pas pourquoi un certificat Let’s Encrypt ne permettrait pas de gérer Stripe.
    Le certificat SSL est un certificat SSL, sans différence entre du Comodo, VeriSign, etc.
    Ou alors je veux bien de l’argumentation technique

    1. Aurélien Denis auteur de l’article

      Je t’invite à relire l’étape n°2 et le premier paragraphe de la liste.

      Exemple très simple : avoir la barre verte dans le navigateur est plus cher mais indispensable pour un e-commerce. Autre point incontournable, le montant de l’assurance en cas de fraude qui est fondamentale sous peine de voir couler la société. On peut également penser à une gestion multi-domaine avec le même certificat.

      Un certificat gratuit n’offre pas de ce type fonctionnalité, ils sont surtout intéressants pour des sites sans e-commerce que l’on souhaite crypter.

    1. Gilles

      En fait, sur un hébergement mutualisé comme O2Switch, c’est automatisé pour avoir du SSL sur son site…
      Mais de manière générale, la gestion de certificats SSL, surtout en liaison avec du e-commerce, ça demande de l’investissement technique, ce qui me semble normal…

  5. gilper

    Mais c’est vraiment beaucoup trop long ! Je ne me vois pas faire partir de la marchandise sans être payé ;-(
    Et puis si on ne peut pas installer les certificat sans être ingénieur, ça enlève beaucoup de l’intérêt de cette formule.

    1. Aurélien Denis auteur de l’article

      Le client aura bien payé, c’est le délai de transfert de Stripe à votre compte bancaire qui est évoqué ici. Si cela est trop problématique, une solution WooCommerce + passerelle de votre banque devra être envisagée.

      Pour le second point, tout site e-commerce nécessite de faire appel à un prestataire spécialisé. C’est incontournable.

  6. gilper

    Pourriez-vous faire un Tuto pour installer ce certificat SSL sur WordPress+Woocommerce SVP ? Je n’ai aucunement envie de payer une société externe pour faire ça dans la mesure où je ne sais pas où je vais avec mon projet d’eCommerce.

  7. Gilles

    Je te donne un exemple : https://www.cyrille-borne.com/
    Cadenas vert, tout est sécurisé, avec Let’s Encrypt, dans mon Firefox
    Bref, si je dois passer sur du WooCommerce+Let’s Encrypt, je verrai bien
    L’intérêt de Let’s Encrypt, c’est justement de fournir comme les autorités VeriSign and co qui font payer cher mais en gratuit, grâce aux soutiens de nombreux acteurs.
    Les certifs Let’s Encrypt ont 2 ou 3 soucis mais je ne rentrerai pas dans les détails.
    J’y crois
    Du coup, ça réduit le coût final pour l’utilisateur/client et si on imagine du Stripe « gratuit » (hors frais) + Let’s Encrypt gratuit, c’est du tout bon pour monter un site d’e-commerce sans « trop » débourser au départ.
    En tout cas, merci pour l’info et le tuto pour Stripe !

    1. Aurélien Denis auteur de l’article

      Cadenas oui mais pas de barre verte comme c’est le cas sur ce site.

      Mais sinon je suis d’accord Let’s Encrypt est un projet à suivre mais c’est encore en beta. Selon moi, c’est une première avancée pour crypter l’Internet dans son ensemble quel que soit le site.

  8. SERGE FIEDLER

    Sur Paypal les cartes bancaires sont prises directement, aucune contrainte pour le client utilisateur.
    Et les fonds sont disponibles immédiatement.
    Il y a un taux qui est inférieur à 3%
    c’est simple et gratuit à la mise en place.

    1. Aurélien Denis auteur de l’article

      Sur une page externe et bien souvent il est demandé à l’utilisateur de créer un compte Paypal.

      Les fonds sur le compte sont disponibles après demande de virement bancaire à la demande ce qui prend 3 jours.

      Simple et gratuit, oui c’est la solution de facilité.

  9. shiva

    Enfin une bonne nouvelle Après le choix entre Cb et Paypal, est au vue de l’activité et des négociations avec le banquier. Si abonnement ou pas, déjà ça peut faire la différence..
    Le passage au SSL demande si mes souvenirs sont bon de passer au HTTPS et la, si c’est pas déja fait. Faut s’attendre à une baisse dans les SERP…

  10. Nicolas Maillard

    WooCommerce n’est pas Prestashop, les passerelles de paiement bancaires sont disponibles dès 59€ H.T. et certaines sont mêmes gratuites.
    Les commissions sont négociables (je suis à 0,6% + 30 cents par transaction + abonnement de 17€ avec Monetico), l’argent est directement sur votre compte bancaire. Suivant votre panier moyen et votre chiffre d’affaire, la solution bancaire peut représenter une véritable économie, à vos calculettes !

    1. MAURY

      BONJOUR ?
      J AI UN GROS PROBLEME . J AI EU UN PAYEMENT PAR CARTE BLEUE VALIDEE DEPUIS 1 MOIS DE 2000 EURO ET JE N ARRIVE PAS A LE RETRANSFERER SUR MON COMPTE PERSO . MANUELLEMENT CELA ME DIS IMPOSSIBLE ET AUTOMATIQUEMENT LE VIREMENT EST ESTIMATION ET REPOUSSE TOUS LES JOURS . COMMENT FAIRE ? IMPOSSIBLE DE JOINDRE QUELQU UN . PERSONNE NE REPONDS A MES MAILS ET IL N Y A PAS DE TELEPHONE . MERCI D AVANCE .

  11. Michel67

    Bonjour à tous,
    J’ai beaucoup apprécié ce post.
    J’aimerai savoir ce que vous pensez d’un site WordPress hébergé sur infomaniak avec certificat ssl gratuit Let’s Encrypt inclut, pour créer sa boutique en ligne, le tout pour 5.75€/mois.
    Merci pour vos réponses.

      1. Gilles

        C’est faux.
        Let’s Encrypt est aussi « sérieux » que d’autres payants, leur but étant de fournir la même chose que les « payants » mais en gratuit.
        Et au passage, l’un des gros « payant » (StartSSL, qui fait du gratuit et du payant cher) va proposer du gratuit comme LE.
        Dire que Let’s Encrypt n’est pas viable, c’est comme dire que les CMS gratuits sont moins fiables que les payants.

  12. michel67

    En fait, le certificat proposé par Infomaniak n’est pas véritablement gratuit dans le sens qu’il est inclut à un abonnement mensuel. S’il n’était pas fiable pour une boutique en ligne, alors pourquoi Infomaniak le proposerait : cet hébergeur est plutôt sérieux, qu’en dites-vous? j’aimerai vraiment lever le doute. Merci pour vos réponses.

  13. michel67

    D’accord, j’ai bien relu, merci beaucoup, mais j’aurai encore une petite question:
    Certains sites ont un cadenas vert puis https uniquement, tandis que d’autres ont en plus le nom de l’entreprise, comme sur ce site, formant ainsi une barre verte, y-a-t-il une différence entre les deux certificats ssl?
    Merci pour vos réponses.

    1. Aurélien Denis auteur de l’article

      La barre verte fait partie des fonctionnalités présentes dans les certificats SSL payants. Elle apporte un énorme gain de confiance, c’est un élément indispensable en matière de conversion sur les sites e-commerce.

      1. Olivier Pesquié

        Bonjour Aurélien et merci pour cet article,

        Concernant les certificats SSL et côté technique, quelle est la différence entre celui de ce site et les autres ? Je ne suis pas un expert en certificat, je pose donc la question en toute humilité

        J’ai testé un certificat via SSL Server Test. Celui d’un de mes clients (déployé gratuitement par OVH) est noté A.

  14. Yoan

    Bonjour,
    Il existe aussi BluePaid comme solution de paiement CB sur un site woocommerce. C’est facile, ça fonctionne très bien, même sur un boutique hébergée sur un mutualisé en http. Le problème est que ça coute très cher. Même taux que Paypal avec des frais supplémentaires comme les erreurs de manip du client qui sont facturées 30cts.

    J’ai remplacé bluepaid par Stripe il y a peu car c’est beaucoup moins cher et plus clair. En outre, le « dashboard » pour accéder à son compte et beaucoup plus moderne. Celui de bluepaid est très vieillot.
    Néanmoins, je n’ai pas encore trouvé où récupérer mes factures de commission pour ma compta.
    Par ailleurs, impossible de créer un lien de paiement avec Stripe, le support est en anglais et par mail. Celui de bluepaid est en français et via un chat, les réponses sont immédiates.

    1. Li-An

      Ça ne correspond pas trop au sujet de la discussion puisque ça dit que des pirates utilisent des certificats Let’s Encrypt pour faire passer des sites comme « dignes de confiance » alors qu’ils ne le sont pas. Avant, ils utilisaient des versions volées. Ça ne remet pas en cause l’efficacité de Let’s Encrypt – plutôt sa politique via à vis des pirates une fois la fraude constatée.

Laisser un commentaire