Skip to content

Instantly share code, notes, and snippets.

@aliastim
Last active December 18, 2018 07:53
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save aliastim/f4e0d9d4f68d08a17f1d4e5dca192977 to your computer and use it in GitHub Desktop.
Save aliastim/f4e0d9d4f68d08a17f1d4e5dca192977 to your computer and use it in GitHub Desktop.

💳 Créer un site e-commerce sur wordpress avec Stripe

(Mis à jour avec Wordpress 5)

Stripe, c'est quoi ?

Il s'agit d'une passerelle de paiement qui permet d'ajouter simplement une méthode de paiement sécurisée par carte de crédit sur son site. Pour l'utiliser sur wordpress, nous allons utiliser woocommerce.
Stripe a l'avantage d'être un moyen simple à utiliser et entièrement sécurisé.

⚠️ En revanche, le service de Stripe vous coûtera 2,9 % + 0,30 $US pour chaque transaction.

Avant de démarrer

  • Créer un compte sur le site de stripe
  • Ajouter ses coordonnées bancaires pour accéder aux fonctionnalités

Pour accéder à ses clés réelles

  • Sur le dashboard de Stripe.com, dans Developers > API Keys
  • La publishable key correspond à la clé publique
  • La secret key correspond à la clé secrète

Pour accéder à ses clés de test (Sandbox)

  • Sur le dashboard de Stripe.com, dans Developers > API Keys
  • Appuyer sur le bouton "View test data"
  • La publishable key correspond à la clé publique
  • La secret key correspond à la clé secrète

1ère étape - Installation de woocommerce

Ajouter le plugin woocommerce à son site wordpress

Woocomerce installe 4 pages (qui fonctionnent avec un shortcode que l'on peut déplacer sur une autre page si besoin). Parmi ces pages, on retrouve :

  • Boutique : Liste les produits mis en vente
  • Panier : Liste les éléments sélectionnés
  • Commande : Permet de payer les produits sélectionnés
  • Mon compte : Espace personnel de l'acheteur

2 menus sont également ajoutés :

  • Le menu Woocommerce
  • Le menu Produits

⁉️ A savoir : Woocommerce fournit de base 4 moyens de paiement (Virements, Paypal, Paiment par chèque ou Paiement à la livraison)
-> Les moyens de paiement sont visible sur le menu woocommerce > Réglages > Paiements.

2ème étape - Installation de Stripe

Ajouter le plugin Stripe à son site wordpress et l'activer

3ème étape - Paramétrer Stripe

Dans le menu woocommerce > Réglages > Paiements > Stripe

Titre : Comment est présenté le mode de paiement par carte de crédit (Mettre "Carte de crédit")
Description : Explique le mode de paiement par carte de crédit
Mode Sandbox : Permet de tester la phase de paiement (mode développeur) par carte bleue
Clé secrète réelle : Clé d'API disponible sur son compte Stripe - Voir Avant de démarrer
Clé publique réelle : Clé d'API disponible sur son compte Stripe - Voir Avant de démarrer
Clé secrète de test : Clé d'API disponible sur son compte Stripe - Voir Avant de démarrer
Clé publique de test : Clé d'API disponible sur son compte Stripe - Voir Avant de démarrer
Prélèvement : Laisser activé
Fenêtre d'encaissement Stripe : Laisser désactivé

4ème étape - Mettre le site en https pour activer les achats réels

  • Dans le menu woocommerce > Réglages > Avancé :
  • Dans "Installation des pages" : Cocher la case "Forcer la commande sécurisée"

Quelques points utiles

Voir les ventes sur son compte Stripe

Sur Stripe, il est possible d'afficher les entrées d'argent sur votre compte dans Developers > Events.
-> Cette fonctionnalité est également disponible en mode test, en activant le bouton "View test data".

Tutoriels


Autres solutions e-commerce

Pour les sites à faible ou moyenne notoriété :

  • Shopify : Site de paiement tiers. Semblable à Stripe. Il a pour avantage d'être assez puissant et d'installer une solution de paiement rapidement. En revanche, il nécessite un abonnement d'une trentaine d'euros par mois pour pouvoir l'utiliser.
  • Paypal : Site de paiement tiers. Il a pour avantage d'être gratuit mais nécessite d'avoir un compte paypal. Paypal possède une notoriété discutable, elle n'est pas recommandée comme paiement par défaut.

Pour les sites à forte notoriété :

  • Woocommerce Mercanet (BNP Paribas uniquement) : Permet à votre site de se connecter directement à votre banque (BNP Paribas) sans passer par un site tiers. Nécessite un site parfaitement sécurisé. Votre banque devra vous envoyer un token. Le plugin est payant et des comissions sont prises pour les achats.

  • Woocommerce Sogenactif (Société Générale uniquement) : Permet à votre site de se connecter directement à votre banque (Société Générale) sans passer par un site tiers. Nécessite un site parfaitement sécurisé. Votre banque devra vous envoyer un token. Le plugin est payant et des comissions sont prises pour les achats.

  • Woocommerce CM-CIC (Crédit mutuel et CIC uniquement) : Permet à votre site de se connecter directement à votre banque (Crédit mutuel ou CIC) sans passer par un site tiers. Nécessite un site parfaitement sécurisé. Votre banque devra vous envoyer un token. Le plugin est payant et des comissions sont prises pour les achats.

  • Woocommerce e-Transactions (Crédit Agricole) : Permet à votre site de se connecter directement à votre banque (Crédit Agricole) sans passer par un site tiers. Nécessite un site parfaitement sécurisé. Votre banque devra vous envoyer un token. Le plugin est payant et des comissions sont prises pour les achats.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment