Comment accepter les paiements Stripe dans WordPress (étape par étape)

Voulez-vous accepter les paiements avec Stripe sur votre site WordPress ?

Bien qu'il existe plusieurs passerelles de paiement, Stripe se distingue par sa simplicité et ses fonctionnalités conviviales pour les développeurs.

Dans cet article, nous vous montrerons comment accepter les paiements avec Stripe sur votre site WordPress.

Accepter les paiements Stripe avec WordPress

Pour pouvoir installer Stripe, votre site web doit disposer d'un cryptage SSL/HTTPS. Cela garantit que les détails de paiement que vos clients partageront sur votre site sont sécurisés.

Si vous n'avez pas encore de SSL/HTTPS, voici comment vous pouvez l'l'obtenir gratuitement en quelques minutes.

Voici comment préparer votre site web à accepter les paiements avec Stripe en utilisant deux méthodes différentes :

• WPForms – Meilleur constructeur de formulaires avec intégration Stripe
• WP Simple Pay – Le meilleur plugin de paiement Stripe

Commençons.

Méthode 1 : Accepter les paiements Stripe avec WPForms

WPForms est connu comme le meilleur plugin de création de formulaires sur le marché. Mais c'est aussi l'un des meilleurs plugins de paiement pour WordPress.

Il est doté d'un constructeur de formulaires facile à utiliser par glisser-déposer qui vous permet de créer tout type de formulaire en ligne, y compris des formulaires de paiement pour accepter les paiements par carte de crédit de vos clients en utilisant Stripe, PayPal, Square ou Authorize.net. 

WPForms propose également des modèles de formulaires pré-conçus, une logique conditionnelle intelligente, des téléchargements de fichiers, des formulaires multipages, des notifications de formulaire instantanées, et bien plus encore. 

Voici comment créer un formulaire de paiement Stripe avec WPForms.

Étape 1 : Installation de WPForms

La première étape consiste à installer et activer le plugin WPForms sur votre site web.

Pour référence, consultez comment installer un plugin sur votre site WordPress.

Étape 2 : Installation du module complémentaire WPForms Stripe

Ensuite, activez le module complémentaire WPForms Stripe en accédant au tableau de bord de votre site web et en cliquant sur WPForms » Modules complémentaires.

Recherchez maintenant le module complémentaire Stripe à l'aide du champ de recherche. Une fois trouvé, cliquez sur le bouton Installer le module complémentaire.

Étape 3 : Préparation de WPForms pour accepter les paiements Stripe

Une fois le module complémentaire installé, vous pouvez maintenant passer à la page Paramètres en naviguant vers WPForms » Paramètres » Paiements.

Cliquez maintenant sur le bouton Se connecter avec Stripe. À l'étape suivante, vous devrez autoriser la connexion entre vos formulaires et Stripe.

Si vous avez déjà un compte Stripe, vous pouvez utiliser le bouton dans le coin supérieur droit pour vous connecter.

Si vous n'avez pas de compte Stripe, vous pouvez simplement en créer un en utilisant les options ci-dessous.

Une fois que vous aurez accepté les exigences, vous serez redirigé vers votre zone d'administration WordPress.

Étape 4 : Créer un formulaire de paiement avec Stripe

Maintenant que vous avez configuré le module complémentaire Stripe avec WPForms, commençons à créer votre formulaire de paiement Stripe. Pour cela, vous devez d'abord créer un formulaire. Voici comment vous pouvez créer votre formulaire.

Vous pouvez également modifier un formulaire existant et l'intégrer avec l'option Stripe.

Lors de la création de votre formulaire, assurez-vous d'ajouter le champ Carte de crédit Stripe à votre formulaire depuis la section Champs de paiement.

Une fois que vous avez ajouté tous les champs souhaités à votre formulaire, allez dans Paiements » Stripe. Maintenant, dans le panneau Stripe, sélectionnez l'option Activer les paiements Stripe.

Maintenant, sous l'option Reçu de paiement Stripe, cliquez sur le menu déroulant et sélectionnez Email. C'est là que le reçu de paiement de votre client sera envoyé.

Si vous souhaitez configurer un paiement récurrent ou par abonnement, vous devrez également sélectionner l'option Activer les paiements par abonnement récurrent sous Abonnements.

Configurez vos options de paiement récurrent et enregistrez votre formulaire.

Étape 5 : Publication de votre formulaire

WPForms est un plugin de formulaire compatible avec Gutenberg, vous pouvez donc rapidement ajouter un formulaire de paiement à votre article ou page en utilisant un bloc.

Dans votre éditeur d'article, ajoutez un nouveau bloc WPForms en cliquant sur l'icône + (plus) dans le coin supérieur gauche.

Maintenant, plusieurs options de menu vous seront proposées. Recherchez WPForms pour localiser le bloc et cliquez dessus.

Vous verrez maintenant le bloc WPForms dans l'écran de l'éditeur. Ensuite, sélectionnez le formulaire que vous souhaitez dans le menu déroulant Sélectionner un formulaire.

Vous pouvez maintenant voir le formulaire complet dans votre éditeur. Une fois terminé, publiez ou mettez à jour votre article.

Si vous utilisez toujours l'ancien éditeur classique, vous pouvez publier le formulaire en cliquant sur le bouton Ajouter un formulaire au-dessus de votre barre d'outils.

Cliquer dessus déclenchera une fenêtre pop-up. Sélectionnez le formulaire de paiement que vous avez créé dans le menu déroulant. Ensuite, cliquez sur Ajouter un formulaire.

Vous verrez maintenant qu'un shortcode est ajouté à votre éditeur d'article. Vous pouvez maintenant publier votre article.

Votre formulaire de paiement en direct ressemblera à ceci :

Votre site est maintenant prêt à collecter les paiements Stripe avec WPForms.

Méthode 2 : Accepter les paiements Stripe avec WP Simple Pay

WP Simple Pay est le plugin de paiement Stripe le plus populaire pour WordPress. Vous pouvez facilement accepter des paiements uniques ou récurrents sur votre site WordPress sans configurer de panier d'achat. 

Le constructeur de formulaires de paiement par glisser-déposer est facile à utiliser et ne nécessite aucune connaissance en codage. Vous pouvez ajouter des champs personnalisés pour collecter autant ou aussi peu d'informations que vous le souhaitez. 

WP Simple Pay est également doté de fonctionnalités telles que les codes de réduction, les montants personnalisés, la prise en charge multilingue et multi-devises, et plus encore. 

Si vous souhaitez en savoir plus, vous pouvez consulter notre avis complet sur WP Simple Pay !

Voici comment créer un formulaire de paiement Stripe avec WP Simple Pay. 

Étape 1 : Installation de WP Simple Pay

Tout d'abord, visitez le site web de WP Simple Pay pour acheter et télécharger le plugin. 

Ensuite, installez et activez le plugin sur votre site WordPress. Si vous avez besoin d'aide, consultez notre guide étape par étape sur comment installer un plugin WordPress. 

Une fois le plugin activé, vous devrez vous rendre dans WP Simple Pay » Paramètres dans votre tableau de bord WordPress et saisir votre clé de licence. 

Vous pouvez trouver votre clé de licence dans le reçu par e-mail ou dans votre espace client WP Simple Pay. 

Après avoir tapé ou collé votre clé de licence, cliquez sur le bouton Activer.

Étape 2 : Connexion de WP Simple Pay à Stripe

Ensuite, vous serez invité à connecter le plugin WP Simple Pay à votre compte Stripe.

Cliquez sur le bouton Se connecter avec Stripe et vous serez redirigé vers Stripe.com où vous pourrez vous connecter à votre compte existant ou en créer un nouveau.

Après avoir saisi vos informations de connexion, cliquez sur le bouton Se connecter.

Vous serez ensuite redirigé vers le plugin WP Simple Pay. Notez que votre compte Stripe est connecté en Mode Test. Nous vous recommandons vivement de rester en Mode Test jusqu'à ce que vous ayez terminé la configuration de votre formulaire de paiement.

Il est maintenant temps de commencer à créer votre premier formulaire de paiement...

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

Pour créer un formulaire de paiement Stripe, cliquez sur le bouton Créer votre formulaire de paiement. Alternativement, vous pouvez aller dans WP Simple Pay » Ajouter nouveau depuis votre tableau de bord WordPress.

Après avoir cliqué sur le bouton, vous serez dirigé vers le constructeur de formulaires où vous pourrez commencer à créer votre formulaire de paiement.

Tout d'abord, dans l'onglet Général, vous pouvez donner un titre et une description à votre formulaire de paiement.

Juste en dessous du titre et de la description, sélectionnez le Type de formulaire que vous souhaitez. Vous avez trois options au choix : 

• Intégré – Intégrez un formulaire de paiement directement sur votre site WordPress.
• Superposition – Créez un formulaire en superposition, similaire à une fenêtre contextuelle.
• Paiement Stripe – Utilisez un flux de paiement hors site optimisé pour les conversions.

Pour ce tutoriel, nous allons créer un formulaire intégré afin que les utilisateurs restent sur le site pendant tout le processus de paiement. 

Sur la même page, vous pouvez également définir votre Page de succès du paiement et activer le reCAPTCHA anti-spam. 

Ensuite, cliquez sur l'onglet Paiement et faites défiler jusqu'à la section Options de prix.

Ici, vous pouvez ajouter une Étiquette d'affichage facultative à utiliser comme description de l'article par Stripe. Sous Montant, vous pouvez définir le prix et la devise. 

Vous pouvez également choisir entre un paiement Unique et un paiement par Abonnement. Les paiements par abonnement ne sont disponibles qu'avec la licence Plus ou supérieure, donc pour ce tutoriel, nous choisirons l'option de paiement unique.

Ensuite, cliquez sur l'onglet Champs du formulaire pour personnaliser votre formulaire. Comme vous pouvez le voir, quatre champs de formulaire sont ajoutés automatiquement, notamment l'adresse e-mail, les options de prix (si vous avez plus d'un prix), le mode de paiement et le bouton de paiement.

Vous pouvez ajouter des champs supplémentaires à votre formulaire en cliquant sur la liste déroulante Choisir un champ. Il existe des champs tels que le nom du client, le numéro de téléphone, le coupon, et plus encore. Sélectionnez les champs que vous souhaitez et cliquez sur le bouton Ajouter un champ pour les ajouter à votre formulaire. 

Vous pouvez également réorganiser l'ordre de vos champs en les faisant glisser et en les déposant, ainsi que configurer les paramètres de chaque champ en cliquant dessus. 

Assurez-vous de cliquer sur le bouton Mettre à jour pour enregistrer vos modifications.

Vous pouvez également cliquer sur le bouton Aperçu pour voir à quoi ressemble votre formulaire, il devrait ressembler à ceci :

Si votre formulaire vous convient, il est temps de l'ajouter à votre site web.

Étape 4 : Publication de votre formulaire

Pour ajouter votre formulaire de paiement à votre site, assurez-vous qu'il est publié et copiez le Code court du formulaire, qui ressemble à ceci : [[simpay id=”90”]]

Ensuite, créez une nouvelle page ou un nouvel article WordPress, ou modifiez-en un existant. Ensuite, collez le code court dans l'éditeur WordPress. Cela ajoutera automatiquement le widget Code court à votre page.

Vous pouvez maintenant cliquer sur le bouton Aperçu ou Publier/Mettre à jour la page pour voir à quoi ressemble votre formulaire de paiement sur votre site.

Étape 5 : Effectuer un paiement de test

Comme nous l'avons mentionné précédemment, il est préférable de laisser votre formulaire de paiement en mode test jusqu'à ce que vous sachiez qu'il fonctionne correctement. 

Alors, visualisons votre formulaire maintenant et effectuons un paiement de test. Remplissez les champs du formulaire, y compris un numéro de carte de test, que Stripe fournit sur son site web.

Une fois que vous avez soumis le formulaire, Stripe traitera le paiement et vous devriez voir une page de confirmation comme celle ci-dessous :

Maintenant que vous savez que votre formulaire de paiement fonctionne, vous pouvez désactiver le mode test en allant dans WP Simple Pay » Paramètres depuis le tableau de bord WordPress. Dans l'onglet Stripe, choisissez l'option Désactivé sous Mode Test.

Ensuite, cliquez sur Enregistrer les modifications. 

Vous êtes maintenant prêt à accepter les paiements Stripe sur votre site WordPress !

C'est tout. Nous espérons que ce guide sur l'acceptation des paiements avec Stripe vous a plu. Vous pourriez également vouloir consulter les meilleurs plugins de paiement Stripe pour votre site WordPress.

FAQ sur les paiements Stripe pour WordPress

Stripe est-il gratuit ou payant ?

L'inscription à Stripe est gratuite. Une fois que vous commencez à recevoir des paiements, vous paierez des frais de transaction selon un modèle de tarification paiement à l'usage. Il n'y a pas de frais d'installation, de frais mensuels ou de frais cachés.

Puis-je utiliser Stripe dans WooCommerce ?

Oui, vous pouvez activer les paiements Stripe dans les paramètres du plugin WooCommerce. Dans l'onglet Paramètres » Paiements, vous pouvez activer n'importe quel mode de paiement, puis utiliser le bouton Configurer pour le personnaliser.

Lequel est le mieux, Stripe ou PayPal pour WordPress ?

PayPal convient mieux aux particuliers et aux petites entreprises qui débutent. Stripe est une passerelle de paiement plus avancée qui permet à vos clients de payer selon leur méthode préférée. Il est également doté de fonctionnalités de gestion des paiements, ce qui le rend plus adapté aux entreprises de toutes tailles.

Ensuite, vous pouvez consulter notre guide sur comment ajouter des paiements Square dans WordPress.