Comment ajouter un bouton Stripe Donate dans WordPress (+ option récurrente)

Voulez-vous ajouter un bouton de don Stripe à votre site WordPress ? Stripe est l'un des meilleurs processeurs de paiement en ligne au monde car il permet à quiconque d'accepter facilement des paiements en ligne sur son site Web, y compris des dons.

Dans le passé, vous deviez utiliser un plugin de commerce électronique pour accepter les paiements, mais ce n'est plus nécessaire, surtout si vous souhaitez collecter des dons ou vendre quelques produits. Vous pouvez utiliser un simple formulaire de paiement pour faire le travail.

Dans cet article, nous allons vous montrer comment ajouter facilement un bouton de don Stripe dans WordPress.

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

Vous devrez créer un Bande Compte. 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é. SSL ajoute une couche de sécurité à votre site Web, ce qui le rend sûr pour accepter les paiements. Pour en savoir plus, consultez notre guide sur la façon d'obtenir un certificat SSL gratuit pour votre site Web.

Enfin, vous aurez besoin d'une extension WordPress pour connecter votre compte Stripe. Nous utiliserons WPFormsqui est le meilleur plugin de formulaire WordPress.

Il est livré avec un addon Stripe qui vous permet d'accepter des dons, des paiements uniques et même des paiements d'abonnement sur votre site Web. Vous aurez besoin d'au moins leur plan PRO pour accéder au module complémentaire Stripe.

Cela étant dit, voyons comment ajouter un bouton de don Stripe dans WordPress.

Didacticiel vidéo

Si vous n'aimez pas la vidéo ou avez besoin de plus d'instructions, continuez à lire.

Ajout du bouton de don Stripe dans WordPress

La première chose que vous devez faire est d'installer et d'activer le WPForms brancher. Pour plus de détails, consultez notre guide étape par étape sur la façon d'installer un plugin WordPress.

Lors de l'activation, vous devez visiter WPForms » Paramètres page pour entrer votre clé de licence. Vous pouvez trouver ces informations sous votre compte sur le site Web de WPForms.

Ensuite, vous devez visiter WPForms » Modules complémentaires page et cliquez sur le bouton “Installer l'addon” à côté de l'addon Stripe.

WPForms va maintenant installer et activer le module complémentaire Stripe pour vous.

Connectons maintenant WPForms à votre compte Stripe pour recevoir des paiements. Pour ce faire, vous devez visiter WPForms » Paramètres page et cliquez sur l'onglet Paiements.

Il vous sera demandé d'entrer vos clés API Stripe, que vous pouvez trouver sous votre tableau de bord Stripe.

Connectez-vous simplement au tableau de bord de votre compte Stripe et dans le menu de gauche, sélectionnez Développeurs » Clés API.

Vous avez besoin de deux paires de clés pour le site Web publié et pour les tests.

Tout d'abord, vous verrez les clés publiables à l'écran. Copiez et collez la clé publique, puis cliquez sur “Révéler le jeton de clé” pour copier et coller la clé secrète publiable.

Ensuite, vous devez ajouter les clés de test. Cliquez sur le bouton “Afficher les données de test”, puis copiez et collez les clés d'API de test.

Maintenant que vous avez collé les clés API, vous pouvez éventuellement activer le mode test depuis les paramètres de paiement.

Cela vous permettra de tester l'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 enregistrer vos modifications.

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

Faire un formulaire de don Stripe dans WordPress

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

Cela lancera l'interface du générateur de formulaires WordPress avec le modèle de formulaire de dons que vous avez sélectionné. Ce modèle aura déjà les champs communs requis pour créer un formulaire de don comme le nom, l'e-mail, le montant du don et le message.

Il s'agit d'un générateur de formulaires par glisser-déposer. Vous pouvez modifier les champs du formulaire en cliquant dessus, les réorganiser ou ajouter de nouveaux champs à partir de la colonne de gauche.

Puisque vous créez un formulaire de paiement Stripe, vous devez ajouter un champ de carte de crédit à 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 glisser et déposez 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 mode de paiement, puis cocher la case à côté de l'option “Activer les paiements Stripe”.

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

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

L'étape suivante consiste à configurer les paramètres de confirmation. C'est ce que vos utilisateurs verront après avoir rempli le formulaire.

Cliquez sur l'onglet Paramètres, puis sélectionnez l'option de confirmation.

De là, vous pouvez sélectionner différents types d'options de confirmation. 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 cela fait, cliquez sur le bouton Enregistrer et quittez le générateur de formulaire.

Ajout du formulaire de don Stripe dans WordPress

WPForms facilite l'ajout de vos formulaires n'importe où sur votre site Web.

Modifiez simplement la publication 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.

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

Ensuite, vous devez sélectionner votre formulaire de don Stripe dans les paramètres du widget. N'oubliez pas de cliquer sur le bouton Enregistrer pour enregistrer les paramètres de votre widget.

Nous espérons que cet article vous a aidé à ajouter facilement un bouton de don Stripe à votre site WordPress. Vous pouvez également consulter notre guide sur les plugins WordPress indispensables pour chaque site Web.

Si cet article vous a plu, abonnez-vous à notre Chaîne Youtube pour les didacticiels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.