Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment accepter les paiements avec Stripe dans WordPress

Note éditoriale : Nous percevons une commission sur les liens des partenaires sur WPBeginner. Les commissions n'affectent pas les opinions ou les évaluations de nos rédacteurs. En savoir plus sur Processus éditorial.

Voulez-vous accepter des paiements avec Stripe dans WordPress ?

Stripe permet aux propriétaires de sites d’accepter plus facilement les paiements sur leurs sites WordPress. C’est une passerelle de paiement de premier plan que vous pouvez utiliser pour votre magasin en ligne, votre site de blog, votre site de donateur/donatrice, et plus encore.

Dans cet article, nous allons vous afficher comment accepter facilement les paiements avec Stripe dans WordPress.

How to accept payments with stripe WordPress

Pourquoi utiliser Stripe pour accepter les paiements sur WordPress ?

Stripe est une passerelle de paiement prospect qui permet aux propriétaires d’entreprises d’accepter les paiements en ligne sans effort.

Il s’intègre facilement à tous les types de sites WordPress, qu’il s’agisse d’une boutique e-commerce, d’un site de blog, d’un site à but non lucratif ou d’un site d’adhésion. Avec Stripe, vous pouvez gérer les paiements récurrents ou offrir aux utilisateurs/utilisatrices un moyen de payer leur achat unique.

Notez simplement que Stripe nécessite que votre site utilise le chiffrement SSL/HTTPS. Si vous n’avez pas encore de certificat SSL pour votre site, veuillez consulter notre guide étape par étape sur l’ajout de SSL dans WordPress.

Cela dit, il existe différentes façons d’accepter les paiements avec Stripe dans WordPress. Nous allons couvrir 4 méthodes différentes, afin que vous puissiez choisir celle qui correspond le mieux à vos besoins.

Pour une navigation rapide, n’hésitez pas à utiliser les liens de navigation ci-dessous :

Outil de personnalisation des formulaires de commande Stripe dans WordPress avec WPForms

WPForms est la meilleure extension de formulaire WordPress. Il vous permet de créer des formulaires de paiement personnalisés et d’accepter facilement les paiements sur votre site WordPress en utilisant Stripe et PayPal.

Pour ce tutoriel, nous utiliserons le plan WPForms Pro car il inclut le module complémentaire Stripe Pro, qui offre des champs de formulaire de paiement plus puissants et aucun frais de transaction supplémentaire.

Note : Il existe également une version WPForms Lite que vous pouvez utiliser gratuitement. Elle vous permet d’accepter les paiements Stripe, mais il y a des frais de transaction de 3 % pour les paiements effectués via vos formulaires.

La première chose à faire est d’installer et d’activer l’extension WPForms. Pour plus de détails, consultez notre guide étape par étape sur l ‘installation d’une extension WordPress.

Lors de l’activation, vous devez vous rendre sur la page  » Réglages » de WPForms pour saisir votre clé de licence. Vous pouvez obtenir cette clé de licence depuis votre compte sur le site de WPForms.

WPForms license key

Après vérification, vous devez vous rendre sur la page WPForms  » Addons.

Défilez jusqu’à  » Stripe Addon  » et cliquez sur le bouton  » Install Addon  » situé à côté.

Installing the Stripe addon

WPForms installera et activera automatiquement le module de formulaires Stripe.

Ensuite, vous devez vous rendre sur la page Réglages de WPForms et cliquer sur l’onglet ‘Paiements’.

Une fois sur place, vous devez cliquer sur le bouton  » Se connecter avec Stripe « .

Click the connect with Stripe button

Après cela, connectez-vous à votre compte Stripe et connectez votre compte à WPForms.

Une fois cela défini, vous serez redirigé vers la page des réglages de paiement de WPForms. Vous pouvez voir une coche verte dans la section État de connexion, affichant que votre compte est connecté.

See connected status

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

Il suffit de se rendre sur la page WPForms  » Ajouter une nouvelle. Cela lancera l’interface du Constructeur de formulaires WPForms par glisser-déposer.

Select the ‘Billing / Order Form’ Template

WPForms est livré avec des modèles de formulaires prêts à l’emploi.

Vous pouvez sélectionner un formulaire de commande/facturation, un formulaire de donateurs/donatrices ou créer un formulaire vierge pour accepter les paiements Stripe.

Customize your billing form

Vous pouvez ajouter de nouveaux champs de formulaire en les faisant simplement glisser de la colonne de gauche vers le modèle. Vous pouvez également modifier un champ de formulaire en cliquant simplement dessus.

Pour accepter les paiements en ligne, vous devez ajouter un champ de formulaire « Carte bancaire Stripe ». Vous trouverez ce champ dans la section Champs de paiement.

Add stripe payment field

Si vous cliquez ensuite sur le champ Carte de crédit Stripe, vous trouverez d’autres options de personnalisation, comme la modification du libellé et l’ajout d’une description.

Une fois que vous êtes satisfait du formulaire, vous devez cliquer sur l’onglet Paiements  » Stripe dans le Constructeur de formulaires de WPForms.

Enable Stripe payments

Vous devez maintenant cocher la case à côté de l’option « Activer les paiements Stripe » et saisir une description pour le paiement. Vous pouvez également sélectionner l’envoi d’un reçu de paiement.

N’oubliez pas d’enregistrer vos Réglages lorsque vous avez terminé.

Vous êtes maintenant prêt à ajouter ce formulaire à n’importe quelle publication ou page WordPress.

Il existe plusieurs façons d’embarquer votre formulaire de paiement. Vous pouvez simplement cliquer sur le bouton « Contenu embarqué » dans le constructeur de formulaires et sélectionner une page existante ou créer une nouvelle page.

Click the 'Create New Page' Button

Pour ce tutoriel, nous choisirons l’option « Créer une nouvelle page ».

Saisissez/saisie un nom pour votre page et cliquez sur le bouton « Let’s Go ».

Enter the name of the page

WPForms va maintenant ajouter le formulaire à votre éditeur/éditrices de contenu WordPress.

Vous pouvez également ajouter manuellement le formulaire à votre site en utilisant le bloc WPForms et en choisissant votre formulaire dans le menu déroulant.

Add the WPForms Block to Any Post or Page and Select the User Login Form

Cliquez ensuite sur le bouton de prévisualisation pour voir à quoi ressemble votre formulaire.

Après cela, publiez la page et visitez votre site pour voir le formulaire de paiement Stripe en action.

Stripe payment form preview

Bouton d’achat Stripe avec l’extension WP Simple Pay

Un autre moyen que vous pouvez utiliser pour accepter les paiements en ligne est l’utilisation de WP Simple Pay. C’est la meilleure extension de paiement Stripe pour WordPress et vous permet de collecter des paiements sans configurer de panier d’achat.

Pour ce tutoriel, nous utiliserons l’offre WP Simple Pay Pro car elle vous permet d’afficher un formulaire de paiement sur votre site. De plus, vous obtenez plus d’options de paiement et permettez aux utilisateurs/utilisatrices de payer une fois ou de configurer des paiements récurrents. Il existe également une version gratuite de WP Simple Pay que vous pouvez utiliser pour accepter les paiements Stripe.

La première chose à faire est d’installer et d’activer l’extension WP Simple Pay. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Dès qu’il est activé, le plugin lance l’assistant de configuration. Il vous suffit de cliquer sur le bouton « Premiers pas ».

WP Simple Pay setup wizard

Ensuite, l’assistant de configuration vous demandera de saisir la clé de licence. Vous pouvez trouver votre clé de licence WP Simple Pay dans l’espace du compte sous Licences.

Après avoir saisi/saisie la clé, cliquez sur le bouton « Activer et continuer ».

You’ll Be Asked to Enter Your WP Simple Pay License Key

Maintenant, vous allez devoir connecter WP Simple Pay avec votre compte Stripe.

Pour ce faire, il suffit de cliquer sur le bouton  » Se connecter avec Stripe « .

Connecting WP Simple Pay to Stripe

À l’étape suivante, connectez-vous à votre compte Stripe et suivez les instructions à l’écran pour connecter le compte avec l’extension WP Simple Pay.

Une fois le compte bien connecté, vous serez redirigé vers l’assistant de configuration.

Saisissez votre adresse e-mail et configurez les notifications par e-mail que vous souhaitez recevoir. Par exemple, vous pouvez activer les e-mails pour les reçus de paiement, les factures à venir et les notifications de paiement.

Configure Your WP Simple Pay Emails

Cliquez sur le bouton « Enregistrer et continuer ».

La dernière étape de l’assistant de configuration consiste à créer un formulaire de paiement. Vous pouvez simplement cliquer sur le bouton « Créer un formulaire de paiement ».

WP Simple Pay Setup Is Complete

Ensuite, vous verrez différents réglages pour le formulaire de paiement.

Dans l’onglet Général, vous pouvez modifier le titre du formulaire, la description, le type de formulaire et sélectionner les options de la page de succès du paiement. Il y a également une option pour activer reCAPTCHA.

WP Simple Pay form general settings

Ensuite, vous pouvez vous rendre dans l’onglet « Paiement ».

Vous y trouverez des options pour saisir les prix de vos produits et services. WP Simple Pay vous permet également de sélectionner une option de paiement unique ou une option d’abonnement récurrent.

Select pricing options

Dernier point, vous pouvez accéder à l’onglet « Champs de formulaire » dans le Constructeur de formulaires. Dans cet onglet, vous pouvez ajouter d’autres champs de formulaire et en réorganiser l’ordre.

De plus, vous pouvez déplier le champ  » Mode de paiement  » et choisir plusieurs options de paiement pour vos clients, comme les cartes bancaires, Apple Pay, les paiements ACH, acheter maintenant payer ultérieurement, et plus encore.

Add more form fields

Lorsque vous avez fini de personnaliser votre formulaire de paiement, cliquez simplement sur le bouton « Publier ».

Ensuite, vous pouvez ajouter le formulaire de paiement n’importe où sur votre site WordPress en utilisant le bloc WP Simple Pay.

Il suffit d’ajouter une nouvelle page ou de modifier une page existante. Une fois que vous êtes dans l’éditeur/éditrices de contenu WordPress, cliquez sur le bouton ‘+’ et ajoutez un bloc WP Simple Pay.

Add a WP Simple Pay block

Ensuite, sélectionnez votre formulaire dans le menu déroulant du bloc WP Simple Pay.

Vous pouvez maintenant prévisualiser et publier la page. Pour voir le formulaire de paiement en action, il vous suffit de visiter votre site.

WP Simple Pay payment form preview

Ajout de la passerelle de paiement Stripe dans WooCommerce

Si vous gérez une boutique en ligne avec WordPress en utilisant WooCommerce, alors voici comment vous pouvez accepter les paiements en utilisant Stripe.

Tout d’abord, vous devez installer et activer l’extension gratuite Stripe Payment Gateway for WooCommerce, créée par FunnelKit. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Une fois l’extension activée, cliquez sur le bouton  » Démarrer l’assistant d’onboarding « .

Start Onboarding Wizard for the Stripe Payment Gateway for WooCommerce plugin

Cela ouvrira une page où vous pourrez connecter votre magasin WooCommerce à votre compte Stripe en cliquant sur le bouton  » Connecter avec Stripe « .

Connect your WooCommerce store with Stripe

Vous serez alors saisi/saisie de l’adresse e-mail et du mot de passe de votre compte Stripe.

Cliquez ensuite sur le bouton « Se connecter » pour continuer.

Log into Stripe

Ensuite, sélectionnez le compte Stripe que vous souhaitez connecter avec l’extension Stripe Payment Gateway for WooCommerce.

Cliquez ensuite sur le bouton « Connecter ».

Select Stripe account and click Connect

Maintenant, vous pouvez activer toutes les passerelles de paiement que vous souhaitez offrir sur votre magasin WooCommerce, y compris Stripe, SEPA Direct Debit, iDEAL, et plus encore.

Cliquez ensuite sur le bouton « Enregistrer et continuer ».

Activate payment methods for Stripe Payment Gateway for WooCommerce

Ensuite, vous devez configurer les webhooks. Pour ce faire, il vous suffit de cliquer sur le bouton « Setup Webhook Now ».

Click the Setup Webhook button

L’extension vous invitera ensuite à activer l’option de commande express, qui autorise les clients à payer via Google Pay et Apple Pay.

Pour activer la commande express, permutez le commutateur sur « On » et cliquez sur le bouton « Confirm ». Sinon, vous pouvez cliquer sur le bouton « Passer à/au ».

Enable express checkout with Stripe Payment Gateway for WooCommerce

Dans la dernière étape de l’assistant d’intégration, vous pouvez sélectionner le mode « Test » ou le mode « Direct ».

Cliquez ensuite sur le bouton « Enregistrer et réviser les réglages ».

Select Test or Live mode for Stripe Payment Gateway for WooCommerce

Vous serez maintenant redirigé vers la page des Réglages de Stripe dans WooCommerce.

Si vous avez choisi le mode « Test » plus tôt pour essayer le processus de paiement sur votre stock, vous pouvez le modifier en mode « En direct » ici lorsque vous êtes prêt à accepter des paiements réels.

Switch to Live mode in Stripe WooCommerce settings

N’oubliez pas d’enregistrer les modifications pour stocker vos réglages.

Vos utilisateurs/utilisatrices verront désormais Stripe comme option de paiement sur la page de paiement.

Stripe checkout example in WooCommerce

Similaire : Consultez ce tutoriel sur la façon de personnaliser la page de paiement de WooCommerce.

Paiements par Stripe avec Easy Digital Downloads

Easy Digital Downloads est l’une des meilleures extensions WordPress de commerce électronique sur le marché. Il vous permet de vendre facilement des produits numériques à partir de votre site WordPress.

La première chose à faire est d’installer et d’activer Easy Digital Downloads. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Une fois activé, vous devez vous rendre sur la page Téléchargements  » Réglages et cliquer sur l’onglet ‘Paiements’.

Ensuite, cochez la case à côté de  » Stripe  » pour activer Stripe en tant que passerelle de paiement sur votre site.

Choose Stripe as payment method

Cliquez sur le bouton « Enregistrer les modifications » au bas de la page pour stocker vos Réglages.

Ensuite, vous devez vous rendre dans la section des paramètres de Stripe dans l’onglet Paiements dans Easy Digital Downloads. Cliquez sur le bouton « Connecter avec Stripe ».

Connect with Stripe button

Ensuite, connectez-vous à votre compte Stripe et suivez les instructions pour le connecter à Easy Digital Downloads.

N’oubliez pas d’enregistrer les modifications pour les stocker lorsque vous avez terminé.

Vos utilisateurs/utilisatrices verront maintenant l’option de payer en utilisant Stripe Checkout lors de la commande.

Pay for digital downloads through Stripe

Nous espérons que cet article vous a aidé à apprendre comment accepter les paiements avec Stripe dans WordPress. Vous pouvez également consulter notre liste de 24 extensions WordPress incontournables pour les sites professionnels et comment démarrer un blog WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

16 commentairesLaisser une réponse

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

    • WPBeginner Support says

      You would want to check with the plugin with the specific setup you’re wanting to see if that is available.

      Administrateur

    • WPBeginner Support says

      Hi Alizhad,

      Edit your form and then click on Settings. From here click on the ‘Confirmation’ section. Here you can select what to do when a user fills out the form. You can redirect them to any page on your website or show them a message.

      Administrateur

  2. Jaymin says

    Hello,

    I have implemented stripe payments with Custom Stripe integration in my WordPress website and it is working fine.

    How would like create UI in wordpress admin to get all the stripe transaction? I need that transaction list and details in admin panel.

    Any article? Documentation?

    Thanks,

  3. Deb Harrison says

    Very good intuitive guide, but I was wondering is there a method where you can set the form up so clients can pay their invoices where they have to enter the invoice total.

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.