fbpx
/ English
apple pay woocommerce

Apple Pay : comment le configurer sur WooCommerce avec Stripe ?

Comment configurer Apple Pay sur WooCommerce avec Stripe ?

Vous pouvez commencer par lire l’article Paiement mobile et portefeuille numérique : comment configurer sur WooCommerce et Stripe ? qui donne les définitions nécessaires pour bien comprendre la suite de l’article.

Au préalable vous devez avoir installer WooCommerce et l’extension Stripe pour WooCommerce.

Pour configurer Apple Pay vous devrez :

  1. Installer et configurer l’extension Stripe si vous ne l’avez pas fait pendant la configuration de WooCommerce.
  2. Créer un compte Stripe en cliquant ici.
  3. Copier l’API Key dans l’extension Stripe de WordPress
  4. Activer l’option Apple Pay et Google Pay

1- Installation et configuration de l’extension Stripe

Dans le menu de gauche sur la page administration de WordPress, allez dans Extension puis cliquez le bouton Ajouter. Dans la recherche par mot clé entrez stripe, puis cliquez les boutons Installer et ensuite Activer :

Activer l'extension Stripe pour Google Pay et Apple Pay

Une fois l’extenson Stripe activée, allez dans le menu WooCommerce / Réglage. Stripe propose plusieurs méthodes de paiements que vous pourrez ajouter sur votre site Web. Ce qui nous intéresse aujourd’hui c’est l’option Stripe – Carte de paiement (Stripe), elle permet au client de faire un paiement sur votre site Web par carte de crédit. Cochez l’option Stripe – Carte de paiement (Stripe) et cliquez sur Configuration :

Configurer l'extension Stripe pour Google Pay et Apple Pay

Vous pouvez maintenant configurer Stripe selon vos besoins.

Pour que le paiement par carte de crédit fonctionne sur votre site Web, il faut entrer au minimum la clé publique et la clé sécrète qui se trouve dans votre compte Stripe. Vous devez aussi cocher Boutons de demande de paiement pour accepter les paiement avec Apple Pay et Google Pay.

Configuration de l'extension Stripe pour Google Pay et Apple Pay

Nous allons voir où vous pourrez trouver la clé publique et secrète.

2- Créer un compte Stripe

La clé publique et secrète se trouvent dans votre compte Stripe. Connectez-vous dans votre compte Stripe :

Configurer le compte Stripe

3- Copier l’Api Key dans l’extension Stripe

Vous trouverez la clé de sécurité et la clé publique dans dans le menu Développeurs / Clés API :

Configurer les clés d'API dans le compte Stripe

Copiez la clé publique et la clé secrète. Ensuite rendez-vous dans votre panneau d’administration de WordPress et ajoutez la clé sécrète et publique dans les champs correspondants.

Configurer les clés d'API dans l'extension Stripe pour WordPress

Avant d’aller plus loin
Les Webhooks sont utilisés par Stripe pour synchroniser les informations de votre site avec celles de Stripe. Il permet de mettre à jour le statut des commandes directement dans votre tableau de bord WooCommerce.

Pour ajouter la clé WebHook, cliquez ici. Ajoutez un nouveau endpoint, choisissez les évènements que vous voulez synchroniser. Copiez la clé sécrète et coller dans la section correspondante dans la configuration de Stripe.

Si vous aimeriez avoir cette fonctionnalité et que vous ne savez pas comment la mettre en place, contactez nous.

4- Activer l’option Apple Pay

Dans votre panneau d’administration de WordPress, assurez-vous que vous avez activé l’option Boutons de demande de paiement dans les configurations de l’extension Stripe :

Configurations Apple Pay de  l'extension Stripe pour WordPress

Maintenant il faut activer cette option dans votre panneau d’administration de votre compte Stripe. Une fois connecté dans votre compte Stripe allez dans Paramètres / Moyens de paiement – Apple Pay et cliquez sur le bouton Ajouter un nouveau domaine :

Configurations Apple Pay de  l'extension Stripe pour WordPress

Indiquez votre domaine, cliquez sur Télécharger le fichier de vérification et ensuite sur Ajouter :

Configurations Apple Pay de  l'extension Stripe pour WordPress

Vous devez maintenance téléverser le fichier de vérification et l’installer sur votre serveur.

Attention
Le fichier téléversé doit être dans un dossier spécifique. Ce dossier est un dossier caché, c’est pour cela qu’il commence par un point (.well-known). Pour des raisons de sécurité, certains serveurs empêchent l’affichage des dossiers cachés. Dans ce cas, même si vous créez votre dossier vous risquez de ne pas le voir. Quand il s’agit d’accéder aux fichiers ou au serveur de votre site Web, vous devez faire particulièrement attention. Si vous modifiez ou déplacez un fichier ou un dossier par inadvertance, votre site Web risque de ne plus fonctionner. C’est pour cela que je vous recommande fortement de demander à votre programmeur de s’occuper d’intégrer les fichiers sur votre serveur. Si vous n’avez pas de personne ressource pour ce genre d’intervention, contactez l’équipe de Wenovio.

Si le dossier n’existe pas déjà, vous devez créer .well-known et ajouter le fichier apple-developer-merchantid-domain-association

Téléverser le fichhier de configurations pour Apple Pay

C’est fini ! Vos clients pourront maintenant voir l’option Apple Pay comme mode de paiement. Si vous allez sur votre site web vous devriez voir apparaître dans la page produit le bouton Buy With Apple Pay :

Le bouton Buy With Apple Pay

Ce que votre client doit faire

Pour activer le mode de paiement par Apple Pay dans le navigateur web, il faut aller dans les réglages de Safari et activer Détection d’Apple Pay :

Activer Apple Pay sur Safari

Ce n’est pas toutes les cartes de crédit qui sont compatible avec Apple Pay. Voici la liste des cartes de crédit acceptées par Apple Pay :

https://support.apple.com/fr-ca/HT204916

N’hésitez pas à lire les deux autres articles Google Pay : comment le configurer sur WooCommerce avec Stripe ?  et Microsoft Pay : comment le configurer sur WooCommerce avec Stripe ? qui vous permettront d’avoir Google Pay et Micrsoft Pay comme mode de paiement.

Apple Pay comme méthode de paiement avec Stripe et WooCommerce

Pourquoi ne pas offrir cette méthode de paiement à vos clients. N’hésitez pas à contacter l’équipe de Wenovio pour du support technique additionnel!

Auteur de l'article

Josué Wilsi

Programmeur Web
Diplômé en TI dans son pays d’origine (Côte d’Ivoire) en 2008, Josué a complété sa formation au Québec avec un AEC en programmation Web. Les nouvelles technologies, il en mange. On comprend pourquoi il en est venu à exceller dans son domaine; la programmation Web, il l’a dans le sang! En véritable autodidacte, les défis sont loin de lui faire peur, bien au contraire. Il carbure aux nouvelles aventures. Si vous rencontrez Josué, parlez-lui des superhéros (surtout les MARVEL)… vous verrez comme ça le passionne. Et ce qu’il affectionne particulièrement? Passer du temps de qualité avec sa famille autour d’un excellent souper. Le tout, agrémenté de bonnes conversations, bien sûr!

À découvrir sur notre blogue

2020-07-15

Guide WooCommerce : configuration automatique des taxes de l’Europe, du Canada et des États-Unis

Vincent Gaudreau / Programmeur Web

Taxes automatiques pour un site avec WordPress et WooCommerce Si votre organisation est inscrite au registre de taxes de votre province, état ou pays, vous devrez alors configurer votre site e-commerce pour percevoir les taxes exigées par la loi. Dans cet article, je vous explique comment configurer les taxes automatiquement avec les extensions WooCommerce Service […]

Lire la suite
2017-11-15

Pourquoi avoir une boutique en ligne ?

Davyd Quintal / Directeur des solutions novatrices

Avoir une boutique en ligne est similaire à avoir une succursale supplémentaire à votre commerce ayant pignon sur rue.

Lire la suite
2018-06-26

Guide WooCommerce : comment créer un produit variable

Gilles Duquerroy / Flexocodeur

Dans WooCommerce, un produit variable permet de proposer aux clients un ensemble de variation d’un produit telle la grandeur, la couleur, le matériaux, etc.

Lire la suite
2018-06-19

Guide WooCommerce : comment ajouter et gérer les produits

Gilles Duquerroy / Flexocodeur

Pour ce premier chapitre de notre série de tutoriel WooCommerce, nous vous expliquons comment ajouter un produit dans votre boutique.

Lire la suite

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.