Vous voulez ajouter un bouton de don Stripe à votre site WordPress ? Stripe permet d’accepter facilement les paiements par carte bancaire, ce qui est un moyen pratique pour vos visiteurs de faire un don à votre site.

Bien qu’il existe de nombreuses autres extensions de don complètes, nous allons simplement nous concentrer sur la création d’un bouton de don très simple dans cet article. Pour ce faire, nous partagerons des tutoriels pour deux extensions gratuites différentes :

  • WP Simple Pay : cette extension est bonne si vous voulez offrir un montant de don fixe. Mais vous devez payer si vous voulez que vos visiteurs puissent donner des montants personnalisés. Celle–ci est l’extension de paiement Stripe la plus populaire.
  • Stripe Payments : cette extension vous permet d’accepter gratuitement des montants de dons personnalisés, ce qui peut rendre les choses plus attrayantes si vous avez un budget limité et que vous voulez accepter des montants de dons personnalisés de vos visiteurs.

Nous commencerons par un tutoriel rapide sur la façon de créer votre compte Stripe et de trouver les clés API dont vous aurez besoin pour configurer les deux extensions.

Ensuite, nous examinerons comment créer un bouton de don Stripe avec WP Simple Pay ou Stripe Payments.

Comment obtenir vos clés API Stripe

Peu importe laquelle des deux extensions vous choisissez, vous devrez saisir vos clés d’API Stripe afin de créer votre bouton de don Stripe.

Ces clés API sont ce qui relie votre site WordPress au service de traitement des paiements de Stripe. Elles sont essentielles, mais elles sont aussi faciles à créer avec Stripe. Alors ne vous inquiétez pas !

Plutôt que d’essayer d’expliquer cela dans les instructions étape par étape pour chaque extension, nous allons juste l’expliquer une fois maintenant. De cette façon, vous saurez exactement où trouver vos clés API lorsque vous configurerez l’une ou l’autre extension.

Étape 1 : Créer un compte Stripe gratuit

Pour commencer, vous devez vous inscrire pour obtenir un compte Stripe gratuit. Il n’y a pas d’informations compliquées – vous n’avez qu’à saisir votre e-mail, votre nom et votre mot de passe (bien que vous devrez fournir plus d’informations pour commencer à accepter les paiements pour de vrai).

Pour ce faire, cliquez ici.

Étape 2 : Trouver les clés API

Pour trouver vos clés API, cliquez ici.

Faites attention à la différence entre les clés d’API de test et les clés d’API de production :

  • Les clés de l’API de test vous permettent de tester votre bouton de don en toute sécurité sans avoir à envoyer de vrais détails de paiement.
  • Les clés d’API de production sont destinées au moment où vous voulez réellement commencer à accepter les paiements pour de vrai.

Vous pouvez passer de l’un à l’autre en cliquant sur le bouton de basculement, et les deux extensions incluront des cases pour vous permettre de saisir à la fois vos clés de test et de production, ainsi qu’un réglage qui vous permet de passer du mode test au mode production :

Vos clés API Stripe
Vos clés API Stripe

Gardez ces clés à portée de main, car vous en aurez besoin pour configurer l’une ou l’autre extension.

Comment ajouter un bouton de don Stripe avec WP Simple Pay

Pour commencer, installez et activez l’extension gratuite WP Simple Pay depuis WordPress.org.

Ensuite, voici comment configurer votre bouton de don….

Étape 1 : Saisie des clés API

Pour commencer, allez sur Simple Pay Lite → Réglages et saisissez vos clés de et de production. Assurez-vous que le mode de test reste activé pour le moment :

Saisissez les clés API
Saisissez les clés API et assurez vous que le mode de test est activé.

Étape 2 : Configurer la devise (par défaut : USD)

Par défaut, WP Simple Pay utilise l’USD comme devise pour votre bouton de don. Si vous souhaitez utiliser une devise différente, vous pouvez la modifier en allant dans l’onglet des réglages généraux :

Comment changer la devise
Comment changer la devise

Étape 3 : Créer un nouveau formulaire de paiement

Un formulaire de paiement est essentiellement un bouton de don spécifique que vous souhaitez utiliser. Pour en créer un, allez dans Simple Pay Lite → Ajouter un nouveau.

Dans l’onglet Options de paiement, saisissez le montant que vous voulez que les visiteurs puissent donner (si vous voulez que les visiteurs puissent donner leur propre montant personnalisé, vous aurez besoin de la version payante de l’extension) :

Saisissez le montant du don fixe
Saisissez le montant du don fixe

C’est tout ce que vous devez faire techniquement. Mais pour offrir un formulaire plus personnalisé, vous pouvez modifier le texte qui s’affiche sur votre formulaire dans les onglets Affichage du formulaire sur la page et Affichage de la superposition de commande.

Par exemple, dans la zone d’affichage du formulaire sur la page, vous pouvez modifier le texte de sorte que le bouton se lise « Donner avec une carte » au lieu de « Payer avec une carte » :

Canger le texte du bouton de don
Canger le texte du bouton de don

Une fois que vous avez terminé, cliquez sur Créer pour publier votre formulaire.

Pour afficher votre formulaire sur l’interface publique de votre site, vous devrez ajouter le code court dans l’article, la page ou le widget texte à l’endroit où vous voulez qu’il s’affiche :

Le code court WP Simple Pay
Le code court WP Simple Pay

Étape 4 : Testez votre formulaire puis activez le mode de production

Le mode test étant activé, vous pouvez tester votre formulaire en saisissant certaines données de test :

Exemple de bouton de don
Exemple de bouton de don

Une fois que vous êtes satisfait de la façon dont tout fonctionne, vous pouvez activer le mode Production pour commencer à accepter les paiements réels en allant sur Simple Pay Lite → Réglages et désactiver le mode Test :

Comment désactiver le mode test
Comment désactiver le mode test

Et si vous voulez modifier la page que les utilisateurs voient après avoir envoyé un paiement, vous n’avez qu’à modifier la page de confirmation de paiement que WP Simple Pay a créé.

Comment ajouter un bouton de don Stripe avec Stripe Payments

Bien que les Stripe Payments ne soit pas aussi populaire que WP Simple Pay, son avantage est que vous pouvez accepter des montants de dons personnalisés sans avoir à payer pour une version supérieure.

Une fois que vous l’avez installé et activé à partir de WordPress.org, voici comment l’utiliser…

Etape 1 : Ajout des clés API et configuration des réglages basiques

Pour commencer, allez à la section Stripe Payments → Réglages pour ajouter vos clés API :

Comment saisir vos clés API
Comment saisir vos clés API

Assurez-vous que le mode de production n’est pas coché pour le moment.

Vous pouvez également configurer la devise de votre bouton de don dans cette zone, ainsi que le texte du bouton. Vous voudrez probablement changer le champ Texte du bouton pour quelque chose comme « Faire un don » :

Configurer la devise et le texte du bouton
Configurer la devise et le texte du bouton

Étape 2 : Ajouter un nouveau produit

Ensuite, allez dans Stripe Payments → Ajouter un nouveau produit. Il y a beaucoup d’options, mais la plupart d’entre elles sont inutiles pour un bouton de don basique.

Les sections que vous devez configurer sont :

  • Description courte – s’affiche dans la fenêtre Paiement Stripe.
  • Prix et devise – laissez le champ Prix vide si vous voulez que les visiteurs puissent saisir un montant personnalisé.
  • URL de la page de remerciements – ceci vous permet de rediriger les utilisateurs vers une page spéciale de remerciements après avoir fait un don.
Choisissez un montant de don fixe ou personnalisé
Choisissez un montant de don fixe ou personnalisé

Une fois la configuration terminée, cliquez sur Publier. Ensuite, copiez le code court depuis le bas de l’éditeur et ajoutez-le à l’article, la page ou le widget texte où vous voulez afficher votre bouton de don Stripe.

Étape 3 : Tester le bouton de don puis passer en production

Comme vous êtes toujours en mode test, vous pouvez tester votre bouton de don en toute sécurité en saissant les données factices de Stripe :

Exemple de formulaire de montant de don personnalisé
Exemple de formulaire de montant de don personnalisé

Une fois que vous avez vérifié que tout fonctionne correctement, vous pouvez activer les paiements réels en allant dans les réglages de Stripe Payments → et en activant le mode de production :

Comment désactiver le mode test
Comment désactiver le mode test

Résumé

Quel que soit l’extension que vous choisissez, l’ajout d’un bouton de don Stripe à votre site WordPress est assez simple et sans douleur. Les deux extensions vous permettent également de créer plusieurs boutons, de sorte que vous pouvez facilement créer différents boutons de don pour différentes utilisations.

Si vous n’êtes pas satisfait de Stripe après avoir créé votre propre bouton, vous pouvez également accepter des dons via PayPal ou Bitcoin. Dans ce guide, nous avons rassemblé tous les avantages et les inconvénients de l’utilisation de Stripe ou PayPal.

Vous avez d’autres questions sur l’ajout d’un bouton de don à votre site WordPress ? Ou vous avez besoin de fonctionnalités différentes que nous n’avons pas décrites ? Laissez un commentaire et nous essaierons de vous aider !

Brian Jackson

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.