Comment configurer WordPress Stripe Webhook (sans WooCommerce)

Publié: 2023-10-11

Vous êtes-vous déjà demandé comment intégrer un webhook WordPress Stripe pour un processus de paiement en ligne fluide ?

En exploitant les capacités des webhooks Stripe, vous pouvez intensifier votre jeu de paiement et garantir une expérience utilisateur transparente.

Ce didacticiel vous apprendra comment intégrer les webhooks Stripe à WPForms en un clin d'œil, en gardant votre site synchronisé avec vos activités Stripe.

Configurer le webhook Stripe avec WPForms

Comment configurer les webhooks Stripe (sans WooCommerce)

Vous pouvez facilement configurer des webhooks Stripe à l'aide de l'intégration Stripe native de WPForms. Suivez les étapes ci-dessous pour commencer :

Dans cet article

  • 1. Installation et activation de WPForms
  • 2. Connecter Stripe à votre site WordPress
  • 3. Configuration manuelle du webhook Stripe
  • 4. Création d'un point de terminaison Webhook dans Stripe
  • 5. Tirer parti des fonctionnalités de paiement améliorées

1. Installation et activation de WPForms

WPForms facilite la création de formulaires sur votre site. Il fonctionne avec Stripe et d’autres plateformes de paiement, ce qui en fait l’un des meilleurs plugins de paiement WordPress.

De plus, le plugin gratuit WPForms facilite la connexion de vos formulaires de commande à Stripe, en facturant des frais nominaux de 3 % par transaction + frais Stripe.

Tous les niveaux de licence, y compris les clients WPForms Lite, peuvent également utiliser un webhook pour une connexion bidirectionnelle à Stripe, ce qui est moins compliqué et prend moins de temps que WooCommerce.

Si vous souhaitez supprimer les frais supplémentaires, vous pouvez passer à WPForms Pro pour réduire les coûts à long terme et accéder à des fonctionnalités plus avancées.

WPForms homepage

Une fois que vous avez choisi votre version WPForms et que vous êtes prêt à continuer, téléchargez et activez le plugin sur votre site WordPress !

Super! Il est maintenant temps de configurer la connexion Stripe avec WPForms et d'activer les webhooks Stripe pour synchroniser votre site Web avec vos activités Stripe.

2. Connecter Stripe à votre site WordPress

Pour commencer, vous devrez ouvrir WPForms » Paramètres dans le menu de gauche de votre tableau de bord WordPress. De là, cliquez sur l'onglet Paiements .

WPForms payments tab

Si vous souhaitez modifier la devise utilisée sur votre site, sélectionnez la devise souhaitée dans le menu déroulant avant de continuer.

Payment currency selection

Une fois que vous êtes prêt à intégrer les paiements Stripe dans votre plateforme, faites défiler vers le bas et cliquez sur le bouton bleu Se connecter avec Stripe .

Connect with Stripe

Après cela, vous devrez saisir vos informations de connexion Stripe afin de connecter votre compte Stripe à WPForms. Si vous n'avez pas de compte Stripe, c'est peut-être le bon moment pour en créer un.

WPForms Stripe account

Après avoir suivi toutes les étapes de l'assistant Stripe Connect, vous serez redirigé vers la zone d'administration de votre site. Ici, vous devriez voir une coche verte à côté de Connection Status .

Stripe connection status

Remarque : Le webhook se configurera automatiquement lorsque vous connecterez votre site à Stripe. Il tentera la configuration automatique plusieurs fois en arrière-plan.

Cependant, dans de rares cas, la configuration automatique peut ne pas fonctionner pour votre compte. Ainsi, WPForms affichera alors des champs pour le configurer manuellement.

Pour configurer manuellement le webhook Stripe, vous devrez créer un point de terminaison dans le tableau de bord Stripe et copier les clés de configuration dans WPForms.

3. Configuration manuelle du webhook Stripe

Pour ce faire, accédez à WPForms » Paramètres dans le menu de gauche du site WordPress. Cliquez sur l'onglet Paiements .

Ensuite, faites défiler vers le bas jusqu'à ce que vous atteigniez la zone intitulée Stripe . Pour commencer, activez l'option Activer les Webhooks à partir d'ici.

enable webhooks option

Ensuite, au bas de la page, cliquez sur Enregistrer les paramètres . La page va maintenant s'actualiser et vous devriez pouvoir voir des champs supplémentaires pour une configuration ultérieure des webhooks.

webhooks field

Vous pouvez utiliser votre compte Stripe pour créer un nouveau point de terminaison, qui vous fournira les données dont vous avez besoin pour ces champs.

Remarque : des configurations individuelles sont requises pour les modes Live et Test. Utilisez les champs Webhooks Test ID et Webhooks Test Secret pour le mode test.

Utilisez les champs Webhooks Live ID et Webhooks Live Secret pour le mode Live. Assurez-vous que le mode de votre site correspond aux paramètres de Stripe.

Vous pouvez ensuite basculer entre les modes de synchronisation Live et Test en visitant *domain*/wp-admin/admin.php?page=wpforms-settings&view=payments&webhooks_settings .

4. Création d'un point de terminaison Webhook dans Stripe

Connectez-vous à votre compte Stripe et accédez à votre tableau de bord Stripe à partir d'un nouvel onglet afin de pouvoir revenir ultérieurement à la page Paramètres WPForms.

Lorsque vous vous connectez à votre compte Stripe, un bouton bascule du mode Test apparaîtra dans le coin supérieur droit de la page.

Stripe dashboard test mode

Remarque : Si vous êtes en mode Test, la bascule doit être activée et si vous êtes en mode Live, elle doit être désactivée .

Pour continuer, vous devrez accéder à l'option Développeurs , qui se trouve dans le coin supérieur droit de la page.

Stripe dashboard developers option

Après avoir ouvert la page Développeurs, accédez simplement à l'onglet Webhooks et cliquez dessus.

webhooks tab Stripe dashboard

Ensuite, cliquez sur l'icône Ajouter un point de terminaison dans la page Webhooks pour créer un nouveau point de terminaison webhook.

add an endpoint

Cela fait apparaître une page d'événements de webhook Écouter Stripe où vous devez remplir les informations nécessaires pour configurer votre webhook.

Stripe events page

Maintenant, revenez à WPForms » Paramètres » Paiements . Une fois sur place, copiez le point de terminaison Webhooks en cliquant sur l'icône de copie.

copy webhooks endpoint

Une fois le point de terminaison Webhooks copié, accédez à votre compte Stripe et saisissez-le dans le champ URL du point de terminaison .

endpoint url in Stripe account

Ensuite, les options Écouter et Version apparaîtront. Laissez-les tranquilles, puis cliquez sur le bouton + Sélectionner les événements .

select events button

Pour compléter votre sélection d'événements, cochez l'option Sélectionner tous les événements , puis cliquez sur le bouton Ajouter des événements .

Stripe add events

Une fois que vous avez terminé, faites défiler vers le bas de la page et cliquez sur le bouton Ajouter un point de terminaison .

Stripe add endpoint

Après avoir configuré le webhook, vous trouverez l'ID du webhook affiché en haut à droite de la page. Cliquez simplement dessus pour copier.

Stripe copy webhook id

Revenez à WPForms »Paramètres»Paiements et collez l'ID du webhook dans la zone Webhooks Live ID .

paste webhooks live id

Après cela, revenez à votre compte Stripe, localisez la section Clé secrète de signature , puis cliquez sur l'option Révéler .

Stripe reveal signing secret

Lorsque le secret de signature est révélé, copiez sa valeur et collez-la dans le champ Webhooks Live Secret de vos paramètres WPForms.

webhooks live secret

Ensuite, cliquez sur Enregistrer les paramètres et vous aurez terminé la configuration ! Vos statuts de paiement seront désormais synchronisés en temps réel entre WPForms et Stripe.

5. Tirer parti des fonctionnalités de paiement améliorées

Une fois que vous êtes prêt à recevoir des paiements via Stripe et WPForms, vous pouvez effectuer diverses actions sans accéder fréquemment au tableau de bord Stripe.

Par exemple, vous pouvez accéder à tous les paiements WPForms dans votre tableau de bord WordPress en accédant à WPForms »Paiements et en sélectionnant l'onglet Présentation .

Vous pouvez modifier ce que montre le graphique et voir rapidement les données qui vous intéressent le plus en cliquant sur les options situées sous le graphique, telles que :

  • Paiements totaux
  • Ventes totales
  • Total remboursé
  • Nouveaux abonnements
  • Renouvellements d'abonnement
  • Coupons échangés

WPForms payments summary graph

De plus, vous pouvez filtrer les paiements en fonction de divers critères en utilisant les listes déroulantes en haut du tableau des paiements, notamment :

  • Tous types : le type de paiement, qui comprend les paiements uniques et les abonnements.
  • Toutes les passerelles : le mode de paiement utilisé pour gérer et approuver la transaction de paiement, notamment PayPal Standard, PayPal Commerce, Stripe, Square et Authorize.net.
  • Tous les abonnements : l'état actuel du paiement basé sur l'abonnement, qui peut être l'un des éléments suivants : Actif, Annulé ou Non synchronisé.

wpforms payment filter options

Remarque : L'option de filtre Toutes les passerelles n'est disponible que si vous avez activé plusieurs passerelles de paiement dans WPForms.

Si vous avez besoin de plus d'informations sur un paiement spécifique, cliquez simplement sur l'e-mail du payeur situé sous la colonne Paiement .

click individual payment

Vous pourrez désormais consulter toutes les informations nécessaires concernant ce paiement sur sa page de paiement dédiée.

individual payments page

Si nécessaire, vous pouvez cliquer sur Afficher dans Stripe pour accéder aux détails du paiement directement sur la plateforme de passerelle de paiement respective.

view in stripe

Ou, si vous souhaitez initier un remboursement via la passerelle de paiement pour le paiement concerné, cliquez sur le bouton Rembourser .

refund payment

Vous pouvez également annuler un abonnement directement depuis le tableau de bord WordPress en cliquant sur le bouton Annuler du paiement correspondant.

cancel subscription

Pour plus d'informations sur la navigation et l'affichage des détails de la page d'entrée individuelle, reportez-vous à notre guide sur les entrées par formulaire.

Plus de questions sur le webhook WordPress Stripe

L'intégration de Stripe Webhook dans WordPress est un sujet populaire parmi nos lecteurs. Voici les réponses à quelques questions courantes à ce sujet.

Comment basculer entre le mode live et le mode test pour le webhook Stripe ?

Vous pouvez basculer entre les modes de synchronisation Live et Test en visitant *domain*/wp-admin/admin.php?page=wpforms-settings&view=payments&webhooks_settings

Comment ajouter des Webhooks Stripe à WordPress ?

Vous pouvez utiliser l'intégration native Stripe de WPForms pour une configuration transparente du webhook sur votre site WordPress, sans aucune connaissance en codage.

WordPress prend-il en charge les webhooks ?

Oui, WordPress prend en charge les webhooks et des outils comme WPForms rendent l'intégration encore plus simple avec Stripe.

Stripe est-il gratuit sur WordPress ?

Bien que Stripe ait des frais de traitement, son intégration à WordPress à l'aide de la fonctionnalité Stripe native de WPForms n'impose pas de coûts supplémentaires du côté du plugin.

Ensuite, découvrez comment créer un coupon à usage unique dans WordPress

Vous voulez apprendre à créer des coupons à usage unique sans WooCommerce ? Découvrez le moyen le plus simple de créer un formulaire pour gérer et distribuer des coupons à usage unique avec WPForms.

Créez votre formulaire WordPress maintenant

Prêt à créer votre formulaire ? Commencez dès aujourd’hui avec le plugin de création de formulaires WordPress le plus simple. WPForms Pro comprend de nombreux modèles gratuits et offre une garantie de remboursement de 14 jours.

Si cet article vous a aidé, suivez-nous sur Facebook et Twitter pour plus de tutoriels et de guides WordPress gratuits.