Souhaitez-vous accepter des paiements avec Stripe sur WordPress? Stripe simplifie pour les propriétaires la réception des paiements sur leurs sites WordPress. Dans ce tutoriel, nous allons vous montrer comment accepter facilement des paiements avec Stripe sur WordPress.

Comment accepter les paiements stripe sur wordpress

Remarque: Stripe exige que votre site utilise le protocole crypté SSL / HTTPS. Si vous ne possédez déjà un certificat SSL pour votre site web, alors vous pouvez consulter notre tutoriel étape par étape sur la façon d’ajouter du SSL sur WordPress. Certains fournisseurs d’hébergement WordPress offrent maintenant le SSL gratuit avec Let Encrypt.

Il existe de nombreuses façons d’accepter des paiements avec Stripe sur WordPress. Nous allons couvrir 4 méthodes différentes (mais deux dans ce tutoriel), afin que vous puissiez choisir celle qui convient le mieux à vos besoins.

Formulaire de commande personnalisé Stripe avec WPForms

WPForms est un plugin pour formulaires sur WordPress. Il vous permet de créer des formulaires de paiement sur mesure et d’accepter des paiements sur votre site WordPress en utilisant Stripe et PayPal facilement.

WPForms est un plugin premium, et vous aurez besoin du plan Pro afin d’utiliser les extensions Stripe et PayPal.

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

Après l’activation, vous devez visiter « WPForms > Setting » pour entrer votre clé de licence. Vous pouvez obtenir cette clé de licence de votre compte WPForms.

Installation wpforms sur wordpress

Après la vérification, vous devez dirigez-vous vers « WPForms > Addons ».

Faites défiler jusqu’à « Stripe » et cliquez sur le bouton « Install Addon ».

Installation de stripe comme extension

WPForms installera automatiquement les formulaires de Stripe. Vous devrez cliquer sur le bouton d’activation pour commencer à utiliser cette extension.

Ensuite, vous devez visiter « WPForms > Settings » et cliquez sur l’onglet des paiements.

Une fois là, vous devez vous connecter Stripe à votre site WordPress en entrant les clés de l’API. Vous pouvez obtenir ces clés depuis votre tableau de bord Stripe.

Onglet payment stripe

Après avoir saisi les clés de l’API n’oubliez pas de cliquer sur le bouton Enregistrer pour sauvegarder vos réglages.

Vous êtes maintenant prêt à accepter des paiements en utilisant Stripe sur WordPress.

Ensuite, vous devez créer un formulaire pour accepter des paiements sur votre site WordPress.

Rendez-vous sur « WPForms > Add new ». Cela permet de lancer l’interface de conception des formulaires.

Création de formulaire pour recevoir des paiements stripe

WPForms est livré avec des modèles de formulaire prêt à l’emploi. Vous pouvez sélectionner un formulaire de commande ou de facturation, un formulaire de dons, ou créer un formulaire vierge.

Conception de formulaire stripe

Vous pouvez ajouter de nouveaux champs sur le formulaire en cliquant sur les éléments de la colonne de gauche. Vous pouvez également modifier un champ du formulaire en cliquant simplement dessus.

Une fois que vous êtes satisfait de votre formulaire, vous devez cliquer sur l’onglet « Payment > Stripe ».

Conception de formulaire onglet stripe

Maintenant, vous devez cocher la case « Enable Stripe Payment » et entrez une description pour le paiement. Vous pouvez également choisir d’envoyer un reçu de paiement.

N’oubliez pas de cliquer sur le bouton d’enregistrement pour sauvegarder vos réglages.

Vous êtes maintenant prêt à ajouter ce formulaire à un article ou page WordPress.

Il suffit d’ajouter votre nouveau formulaire sur une nouvelle page/article ou un déjà existant.

Ajouter un formulaire wpforms sur wordpress

Cela fera apparaître une fenêtre où vous devez sélectionner le formulaire que vous venez de créer et cliquez sur le bouton du d’ajout du formulaire.

Insérer un formulaire wpforms

WPForms va maintenant ajouter le shortcode du formulaire à votre éditeur d’article/page WordPress.

Vous pouvez maintenant enregistrer ou de publier votre page et cliquez sur le bouton d’aperçu pour voir votre formulaire en action.

Formulaire en action wpforms

Comment ajouter un bouton de paiement avec WP Simple Pay

Cette méthode vous permet d’ajouter un bouton de paiement sur votre site WordPress. Contrairement à WPForms, cette méthode ne permet pas de créer des formulaires de paiement personnalisés avec vos propres champs.

La première chose que vous devez faire est d’installer et d’activer le plugin WP Simple Lite Pay for Stripe. Pour plus de détails, consultez notre guide étape par étape sur la façon d’installer un plugin WordPress.

Après l’activation, le plugin va ajouter un nouvel élément de menu intitulé «Simple Lite Pay» à votre tableau de bord WordPress. En cliquant dessus, cela vous amènera à la page des paramètres du plugin.

Configuration du plugin simple pay

Sur la première option, vous remarquerez que les réglages sont en mode « direct ». Par défaut, c’est désactivé. Cela vous permet d’ajouter Stripe en mode de test. Une fois que vous êtes prêt utiliser effectivement Stripe, vous pouvez activer l’option.

Ensuite, vous devrez fournir vos clés API Stripe. Vous pouvez les obtenir à partir de votre compte Stripe.

Après avoir entré vos clés API n’oubliez pas de sauvegarder vos réglages.

Ensuite, vous devez cliquer sur l’onglet « Réglages » par défaut sur la page des paramètres du plugin.

Onglet défaut des paramètres du plugin

C’est à cet endroit que vous pouvez définir le nom du site, la monnaie, le logo, le bouton de paiement, etc.

Vous pouvez également ajouter des URL de redirection lorsqu’un paiement a réussi ou pas. Celles-ci peuvent conduire vers des pages sur votre blog WordPress.

N’oubliez pas de cliquer sur le bouton « Enregistrer les modifications » pour sauvegarder vos configurations.

Maintenant, vous êtes prêt à ajouter un formulaire de paiement Stripe sur votre blog WordPress.

Il suffit de créer une nouvelle page ou modifier une page où vous souhaitez afficher le formulaire de paiement. Vous aurez besoin d’ajouter un shortcode pour afficher votre formulaire de paiement de Stripe, comme ceci:

[stripe name= »My Store » description= »My Product » amount= »19.99″]

N’oubliez pas de remplacer les valeurs des propriétés « name », « description » et « amount » (pour le prix).

Vous pouvez maintenant enregistrer vos modifications et visiter votre site pour voir le formulaire en action.

Présentation du formulaire en action

C’est tout pour ce tutoriel, nous allons continuer prochainement avec l’utilisation de Stripe sur WooCommerce et Easy Digital Downloads.

N’hésitez pas à partager ce tutoriel avec vos amis sur vos réseaux sociaux préférés.