Comment ajouter un bouton de don Stripe dans WordPress (avec option récurrente)

Vous cherchez à ajouter un bouton de don Stripe à votre site WordPress ?

Chez WPBeginner, nous avons aidé d'innombrables utilisateurs à intégrer des solutions de paiement sécurisées et efficaces sur leurs sites web. Stripe se distingue comme l'un des principaux processeurs de paiement en ligne au monde, ce qui rend incroyablement facile l'acceptation des paiements en ligne, y compris les dons.

Par le passé, l'ajout d'options de paiement nécessitait des plugins e-commerce complexes. Cependant, pour ceux qui cherchent à collecter des dons ou à vendre quelques produits, un simple formulaire de paiement suffit.

Dans cet article, nous vous guiderons à travers le processus d'ajout d'un bouton de don Stripe à votre site WordPress.

Ce dont vous avez besoin pour accepter les dons Stripe sur votre site web

Vous devrez créer un compte Stripe. Vous pouvez créer un compte gratuitement et ne serez facturé que pour les transactions.

Vous aurez également besoin d'un site web WordPress avec SSL activé. Le SSL ajoute une couche de sécurité à votre site web, le rendant sûr pour accepter les paiements. Pour en savoir plus, consultez notre guide sur comment obtenir un certificat SSL gratuit pour votre site web.

Enfin, vous aurez besoin d'une extension WordPress pour connecter votre compte Stripe. Nous vous montrerons deux options différentes, WP Simple Pay (gratuit) et WPForms (Pro), afin que vous puissiez choisir celle qui convient le mieux à vos besoins.

Nous partagerons également un plugin bonus qui offre des fonctionnalités complètes de gestion des donateurs si vous recherchez une solution plus avancée.

Cela dit, examinons comment ajouter un bouton de don Stripe dans WordPress.

• Method 1. Adding the Stripe Donate Button in WordPress with WP Simple Pay
• Method 2. Adding the Stripe Donate Button in WordPress with WPForms
• Bonus : Plugin de dons WordPress complet

Tutoriel vidéo

S'abonner à WPBeginner

Si la vidéo ne vous plaît pas ou si vous avez besoin d'instructions supplémentaires, continuez à lire.

Méthode 1. Ajouter le bouton de don Stripe dans WordPress avec WP Simple Pay

WP Simple Pay est l'un des meilleurs plugins de paiement Stripe pour WordPress. Vous pouvez l'utiliser pour accepter facilement des dons uniques ou récurrents sur votre site Web.

Vous pouvez rapidement commencer avec la version gratuite du plugin. Mais pour les besoins de ce tutoriel, nous utiliserons la version premium afin de pouvoir démontrer toutes les fonctionnalités supplémentaires.

Tout d'abord, vous devez installer et activer le plugin WP Simple Pay sur votre site WordPress. Pour plus de détails, consultez notre guide étape par étape sur comment installer un plugin WordPress.

Une fois le plugin activé, vous devez accéder à la page WP Simple Pay » Paramètres et cliquer sur l'onglet Licence.

Copiez la clé de licence de votre compte sur le site Web WP Simple Pay, collez-la dans le champ prévu à cet effet et cliquez sur le bouton « Activer ».

Ensuite, vous devez connecter votre compte Stripe. 

Sur la page des paramètres, cliquez sur l'onglet Stripe, puis sur le bouton « Se connecter avec Stripe ».

Après cela, vous verrez le site Web Stripe où vous pourrez vous connecter à votre compte.

Si vous n'avez pas de compte Stripe, vous pouvez en créer un nouveau.

Une fois que vous aurez terminé de connecter votre compte, vous serez redirigé vers la page des paramètres de votre tableau de bord administrateur. 

N'oubliez pas de cliquer sur le bouton Enregistrer les modifications pour sauvegarder la connexion de votre compte Stripe. 

Vous pouvez maintenant créer un formulaire de don Stripe.

Créer un formulaire de don Stripe dans WordPress avec WP Simple Pay

Pour créer un nouveau formulaire de don, accédez à la page WP Simple Pay » Ajouter un nouveau. À partir de là, vous pouvez sélectionner un modèle pour accélérer le processus de création d'un formulaire.

Survolez l'option de modèle de bouton de don et cliquez sur le bouton « Utiliser le modèle ».

Ensuite, vous verrez l'onglet Paramètres généraux de votre formulaire de don.

C'est ici que vous pouvez ajouter un titre et une description pour le formulaire, ainsi que choisir le type de formulaire.

Pour ce tutoriel, nous choisirons le type de formulaire « Intégré ». Cela vous permettra d'intégrer le formulaire de don directement sur n'importe quel article ou page WordPress.

Ensuite, cliquez sur l'onglet Paiement. WP Simple Pay vous permet d'ajouter plusieurs options de don afin que les donateurs puissent choisir le montant qu'ils souhaitent donner.

Par exemple, vous pouvez créer des options de don pour 1 $, 5 $ et 10 $. Cliquez simplement sur le bouton « Ajouter un prix » et entrez le montant. Répétez ce processus pour ajouter autant d'options que vous le souhaitez.

Si vous souhaitez accepter les dons récurrents, cliquez sur la flèche déroulante à côté d'une option de prix. Ensuite, cliquez sur le bouton « Abonnement » et sélectionnez la période de facturation souhaitée.

Ensuite, cliquez sur l'onglet Champs du formulaire.

Le modèle de formulaire de don comprend déjà tous les champs dont vous avez besoin, y compris les options de prix, le bouton de paiement et le bouton de paiement.

Si vous souhaitez ajouter des champs de formulaire supplémentaires tels que le nom ou l'adresse e-mail, vous pouvez la choisir dans le menu déroulant et cliquer sur le bouton « Ajouter un champ ».

Vous pouvez réorganiser les champs du formulaire en les faisant glisser et en les déposant à leur place. Vous pouvez également cliquer sur l'un des champs pour personnaliser le texte du bouton ou choisir le style du bouton.

Ajout du formulaire de don Stripe dans WordPress avec WP Simple Pay

Pour ajouter votre formulaire de don à n'importe quel article ou page, cliquez sur le bouton Publier sur le côté droit de l'écran.

Ensuite, vous devez copier le shortcode simple situé au-dessus du bouton Publier.

Il ressemble à ceci : [[simpay id=”285”]]

Ensuite, vous pouvez coller le shortcode dans n'importe quel article ou page WordPress.

Une fois que vous aurez ajouté le shortcode à l'éditeur WordPress, le widget de shortcode sera automatiquement ajouté.

Ensuite, publiez l'article ou la page.

Vous pouvez maintenant visiter votre site Web pour voir à quoi ressemble votre formulaire de don sur le front.

Méthode 2. Ajout du bouton de don Stripe dans WordPress avec WPForms

WPForms est le meilleur plugin de formulaire WordPress utilisé par plus de 5 millions de propriétaires de sites Web. Il est livré avec un module complémentaire Stripe qui vous permet d'accepter des dons, des paiements uniques et même des paiements par abonnement sur votre site Web.

Vous aurez besoin au moins de leur plan PRO pour accéder au module complémentaire Stripe Pro, qui offre l'option récurrente et zéro frais de transaction supplémentaires. Vous bénéficierez également de fonctionnalités avancées telles que la logique conditionnelle, les formulaires multipages, les enquêtes et les sondages, plus de 700 modèles de formulaires, et plus encore.

Note : Il existe une version gratuite de WPForms qui vous permet de collecter des paiements Stripe uniques. Mais il y a des frais de transaction de 3 % sur les paiements effectués via vos formulaires.

La première chose à faire est d'installer et d'activer le plugin WPForms. Pour plus de détails, consultez notre guide étape par étape sur comment installer un plugin WordPress.

Après l'activation, vous devez visiter la page WPForms » Paramètres pour saisir votre clé de licence. Vous trouverez ces informations dans votre compte sur le site Web de WPForms.

Une fois que vous avez saisi votre clé de licence, cliquez sur le bouton « Vérifier la clé ».

Ensuite, vous devez visiter la page WPForms » Extensions et cliquer sur le bouton « Installer l'extension » à côté de l'extension Stripe.

WPForms va maintenant installer et activer l'extension Stripe pour vous.

Maintenant, connectons WPForms à votre compte Stripe pour recevoir des paiements. Pour ce faire, vous devez visiter la page WPForms » Paramètres et cliquer sur l'onglet Paiements. De là, cliquez sur le bouton « Se connecter avec Stripe ».

Après cela, vous serez invité à autoriser la connexion entre vos formulaires et Stripe.

Ce que vous verrez à l'écran différera selon que vous avez activé votre compte Stripe ou non.

Suivez simplement les étapes de l'assistant Stripe Connect pour autoriser la connexion.

Lorsque vous aurez terminé, vous serez redirigé vers la page Paramètres de WPForms. Ici, vous devriez voir une coche verte dans la section État de la connexion.

Vous pouvez également activer le mode test facultativement depuis la page des paramètres de paiement.

Cela vous permettra de tester votre intégration Stripe sans paiements réels. Cependant, vous devez décocher cette option lorsque votre site Web est prêt à accepter des dons sur votre site Web.

N'oubliez pas de cliquer sur le bouton « Enregistrer les paramètres » pour sauvegarder vos modifications.

Maintenant que vous avez configuré les paiements, il est temps de créer un formulaire de don Stripe pour votre site Web.

Créer un formulaire de don Stripe dans WordPress avec WPForms

Tout d'abord, vous devez visiter la page WPForms » Ajouter un nouveau pour créer un nouveau formulaire. Il vous sera demandé de fournir un titre pour votre formulaire et de choisir un modèle. Vous devez sélectionner le modèle « Formulaire de don ».

Cela lancera l'interface du constructeur de formulaires WordPress avec votre modèle de formulaire de dons sélectionné.

De plus, ce modèle contiendra déjà les champs courants requis pour créer un formulaire de don tels que le nom, l'e-mail, le montant du don et le message.

Ceci est un constructeur de formulaires par glisser-déposer. Vous pouvez modifier les champs du formulaire en cliquant dessus, en les réorganisant ou en ajoutant de nouveaux champs depuis la colonne de gauche.

Étant donné que vous créez un formulaire de paiement Stripe, vous devez ajouter le champ « Carte de crédit Stripe » à votre formulaire. Vous le trouverez dans la section Champs de paiement dans la colonne de gauche.

Cliquez simplement pour ajouter le champ à votre formulaire, puis faites-le glisser pour réorganiser sa position dans le formulaire.

Une fois que vous êtes satisfait du formulaire, cliquez sur l'onglet « Paiements » dans le coin gauche pour modifier les paramètres de paiement. À partir de là, vous devez sélectionner Stripe comme méthode de paiement, puis cocher la case à côté de l'option « Activer les paiements Stripe ».

Vous pouvez fournir une description pour le paiement et sélectionner le champ e-mail pour envoyer aux donateurs un reçu.

WPForms prend également en charge les paiements récurrents Stripe. Vous pouvez utiliser cette option pour configurer des dons ou des abonnements récurrents.

Si vous choisissez d'activer les paiements par abonnement récurrent, des paramètres supplémentaires apparaîtront. Par exemple, vous pouvez choisir la fréquence à laquelle les paiements récurrents doivent avoir lieu : Quotidien, Hebdomadaire, Mensuel, Trimestriel, Semestriel ou Annuel.

L'étape suivante consiste à configurer les paramètres de confirmation, qui sont ce que vos utilisateurs verront après avoir rempli le formulaire. Cliquez sur l'onglet Paramètres, puis sélectionnez l'option « Confirmations ».

À partir de là, vous pouvez sélectionner différents types de confirmations. Par exemple, vous pouvez remercier les utilisateurs avec un simple message, ou les rediriger vers une page de remerciement ou toute autre URL.

Une fois terminé, cliquez sur le bouton Enregistrer pour sauvegarder vos modifications.

Ajout du formulaire de don Stripe dans WordPress avec WPForms

WPForms rend très facile l'ajout de vos formulaires n'importe où sur votre site Web.

Cliquez simplement sur le bouton « Intégrer » en haut du constructeur de formulaire et choisissez une page existante ou créez une nouvelle page. Pour ce tutoriel, nous cliquerons sur l'option « Sélectionner une page existante ».

Ensuite, choisissez la page existante sur laquelle vous souhaitez intégrer le formulaire à l'aide du menu déroulant.

Ensuite, cliquez sur le bouton « C'est parti ! ».

WPForms ajoutera maintenant automatiquement le formulaire à votre éditeur de contenu WordPress.

Vous pouvez également le faire manuellement en modifiant l'article ou la page où vous souhaitez ajouter le formulaire de don. Ensuite, ajoutez le bloc WPForms à votre contenu et sélectionnez le formulaire de don que vous avez créé précédemment.

WPForms va maintenant récupérer et intégrer le formulaire pour vous. Vous pouvez maintenant visiter votre site Web pour le voir en action.

De plus, vous pouvez ajouter le formulaire de don à la barre latérale de votre blog ou à toute autre zone prête pour les widgets. Rendez-vous sur la page Apparence » Widgets et ajoutez le widget WPForms à une barre latérale.

Ensuite, vous devez sélectionner votre formulaire de don Stripe dans le menu déroulant.

N'oubliez pas de cliquer sur le bouton Enregistrer pour stocker les paramètres de votre widget.

Bonus : Plugin de dons WordPress complet

Bien que WP Simple Pay et WPForms vous permettent de créer un bouton de don Stripe, ils n'offrent pas la gestion complète des donateurs ni les autres fonctionnalités avancées dont les organisations à but non lucratif ont besoin.

Si vous recherchez un plugin de dons WordPress complet, nous vous recommandons d'utiliser WP Charitable. Plus de 10 000 organisations à but non lucratif et propriétaires de sites Web dans le monde utilisent Charitable pour créer des campagnes de collecte de fonds et collecter plus d'argent en ligne. 

Il est doté de toutes les fonctionnalités dont vous avez besoin, notamment des formulaires de don entièrement personnalisables, la possibilité d'accepter des dons ponctuels ou récurrents, un tableau de bord de gestion des dons facile à utiliser, la conformité RGPD, des reçus annuels pour les donateurs, des dons en l'honneur de quelqu'un d'autre, une réduction des frais qui permet aux donateurs de couvrir les frais de traitement des paiements, et plus encore.

Vous pouvez également utiliser Charitable pour des campagnes de collecte de fonds pair-à-pair, et il vous permet même de créer votre propre plateforme de financement participatif comme GoFundMe ou Indiegogo.

Charitable dispose d'intégrations de paiement intégrées pour Stripe, PayPal, Authorize.net, Braintree, Mollie, GoCardless, Paystack, Payfast, Payrexx, Windcave, et plus encore.

Vous pouvez également utiliser la version gratuite de Charitable pour commencer. 

Nous espérons que cet article vous a aidé à ajouter facilement un bouton de don Stripe à votre site WordPress. Vous voudrez peut-être aussi consulter notre guide sur les plugins WordPress indispensables pour chaque site Web ou consulter notre tutoriel sur comment améliorer votre classement SEO WordPress.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.