Comment configurer WooCommerce Apple Pay sur votre site de commerce électronique ?
Publié: 2022-02-13Vos passerelles de paiement impactent directement la décision d'achat des clients. Plus il y aura de modes de paiement proposés, plus les ventes seront nombreuses. Dans un monde idéal, vous choisiriez une option aussi simple que possible pour vos visiteurs. En conséquence, vous supprimerez les obstacles entre votre entreprise et les ventes potentielles. La marque Apple est de plus en plus populaire en raison de sa haute qualité et de sa sécurité. L'intégration de votre boutique en ligne vous apportera potentiellement plus d'avantages. Pour tirer le meilleur parti de cette tendance, vous devez ajouter une passerelle de paiement Apple Pay à votre boutique WooCommerce. C'est pourquoi, dans cet article, nous allons vous présenter le contexte du paiement Apple Pay et vous montrer comment configurer le mode de paiement WooCommerce Apple Pay sur votre site de commerce électronique.
- Qu'est-ce qu'Apple Pay ?
- Que requiert Apple Pay ?
- Comment configurer une option de paiement WooCommerce Apple Pay ?
- Étape 1 : configurer Stripe pour WooCommerce
- #1er : Installez et activez le plugin Stripe pour WooCommerce
- #2 : Activer Stripe dans WooCommerce
- #3 : Créer un compte Stripe
- #4th : Obtenir les clés de l'API Stripe
- #5 : Liez Stripe à l'aide des clés API
- Étape 2 : Activer les paiements Apple Pay dans Stripe
- #1er : Activer un bouton WooCommerce Apple Pay
- #2 : Dépannage des boutons WooCommerce Apple Pay
- Étape 3 : Testez si Apple Pay fonctionne
- Étape 1 : configurer Stripe pour WooCommerce
- Dernières pensées,
Qu'est-ce qu'Apple Pay ?
Apple Pay, un portefeuille numérique et un système de paiement mobile, ajoute une autre méthode pour vous permettre de recevoir des paiements de votre boutique en ligne. Le système Apple Pay, comme d'autres passerelles de paiement mobile et applications d'envoi d'argent (telles que Venmo, Amazon Pay et Google Pay), offre aux clients un moyen plus simple et plus pratique de payer, permettant des achats sécurisés directement depuis leurs appareils.
En bref, Apple Pay fonctionne de la même manière qu'une carte de crédit, sauf que les informations de paiement sont enregistrées dans l'appareil de l'utilisateur (généralement un téléphone) afin qu'il n'ait pas à sortir sa carte de crédit pour les paiements en personne ou en ligne.
Les utilisateurs d'Apple Pay connectent leurs cartes de débit et de crédit et les enregistrent dans l'application Wallet sur leur iPhone. Les paiements peuvent être traités en quelques secondes si un magasin en ligne ou physique accepte Apple Pay.
Par conséquent, Apple Pay est une autre méthode permettant à vos clients de vous payer. Il est donc essentiel que vous fournissiez cette fonctionnalité sur votre site Web, que vous exploitiez une grande boutique WooCommerce ou une boutique affiliée.
Que requiert Apple Pay ?
Pour ceux qui souhaitent choisir le mode de paiement Apple Pay sur votre boutique WooCommerce, ils doivent :
- Utiliser le navigateur Safari
- Utilisez un appareil Apple (par exemple, iPhone, iPad, MacBook)
- Avoir Apple Pay activé sur leur appareil
Pour vous, propriétaires de boutiques qui souhaitez accepter le mode de paiement Apple Pay dans votre boutique, vous devez ajouter les éléments suivants en plus d'un site WordPress :
- Le plugin WooCommerce pour faire de votre site une boutique eCommerce.
- Le plugin Stripe pour WooCommerce pour ajouter un moyen de paiement.
- Un compte Stripe.
Comment configurer une option de paiement WooCommerce Apple Pay ?
Dans ce tutoriel, nous vous assurerons que vous avez le plugin WooCommerce sur votre site WordPress. Par conséquent, pour accepter le paiement Apple Pay, vous pouvez commencer par les étapes ci-dessous.
Étape 1 : configurer Stripe pour WooCommerce
Il existe de nombreux plugins prenant en charge Apple Pay, tels que les plugins de paiement pour Stripe WooCommerce, Authorize.net, CyberSource, Moneris et le plugin Square. Dans cet article, je vais vous montrer comment configurer le paiement Apple Pay dans votre magasin en utilisant Stripe pour WooCommerce car il propose des forfaits raisonnables et un processus de configuration intuitif.
#1er : Installez et activez le plugin Stripe pour WooCommerce
Dans le tableau de bord WordPress, cliquez sur Plugins > Ajouter un nouveau , recherchez le plugin Stripe pour WooCommerce.
Ensuite, appuyez sur Installer maintenant> Activer
#2 : Activer Stripe dans WooCommerce
Dans votre tableau de bord WordPress, cliquez sur WooCommerce > Paramètres > Paiement .
Faites défiler vers le bas de la page pour trouver l'option de paiement Stripe Credit Cards. Vous remarquerez peut-être d'autres champs avec Stripe dans le titre, mais ignorez-les pour l'instant ; vous devez d'abord activer la fonctionnalité de base des cartes de crédit Stripe.
Activez le commutateur Stripe Credit Cards . Ensuite, selon le bouton qui s'affiche pour vous, cliquez sur Configurer ou Gérer.
#3 : Créer un compte Stripe
Si vous n'avez pas encore de compte Stripe, vous devez maintenant créer un compte Stripe. Pour ce faire, vous avez besoin d'un compte professionnel pour obtenir vos clés API auprès de Stripe.
Tout ce que vous avez à faire est de remplir toutes les informations requises, y compris le nom de votre entreprise et les informations de compte bancaire, sur le site Web de l'entreprise.
#4th : Obtenir les clés de l'API Stripe
À cette étape, vous devriez obtenir vos clés de compte Stripe. Dans le tableau de bord Stripe, cliquez sur Développeurs > Clés API .
Ensuite, vous pourrez visualiser vos clés publiables et secrètes. Copiez ces valeurs.
Après cela, collez ces valeurs dans la section des informations d'identification de l'API. Enregistrer les modifications .
Ensuite, depuis le tableau de bord Stripe, cliquez sur add endpoint , copiez le point de terminaison du webhook dans WooCommerce et collez cette valeur dans l'URL du point de terminaison dans Stripe.
Enfin, copiez le secret du webhook dans Stripe et collez cette valeur dans WooCommerce.
Ensuite, n'oubliez pas de cliquer sur Enregistrer les modifications pour mettre à jour toutes les choses dans WooCommerce.
#5 : Liez Stripe à l'aide des clés API
Accédez à la section Paramètres de l'API sur la nouvelle page.
Si vous êtes prêt à accepter les paiements, changez le Mode en Live . Sinon, restez en mode Test .
Dans le champ Connect Stripe Account , cliquez sur le bouton Click to Connect . Cela vous amène à une nouvelle page où vous pouvez vous connecter à votre compte Stripe et le connecter à WordPress.
WordPress vous amène maintenant à la page de connexion tierce, qui affiche votre compte Stripe si vous êtes connecté. Par conséquent, si Stripe vous invite à le faire, vous devez vous connecter à votre compte.
Une fois connecté, sélectionnez le compte Stripe que vous souhaitez lier à votre boutique WooCommerce.
Cliquez sur le bouton Connecter .
Vous devriez maintenant voir une coche verte et un message indiquant que votre compte Stripe a été connecté avec succès.
Cela génère une clé publiable et une clé secrète, qui sont ensuite ajoutées aux champs appropriés dans le tableau de bord WordPress.
Remarque : La section API Stripe affiche également les clés correspondantes. Ceci est important car vous pouvez obtenir les clés du tableau de bord Stripe si vous en avez besoin. Si le processus automatisé échoue, c'est aussi un bon endroit pour regénérer les clés.
Faites défiler la page Paiements WooCommerce vers le bas pour cliquer sur le bouton Enregistrer les modifications .
Cela garantit que vos clés Stripe sont stockées dans WordPress et prêtes pour le traitement des paiements.
Étape 2 : Activer les paiements Apple Pay dans Stripe
#1er : Activer un bouton WooCommerce Apple Pay
Actuellement, l'intégration de Stripe à votre site WordPress permet le traitement des cartes de crédit lorsqu'un client termine le processus de paiement du magasin.
Et bien qu'il s'agisse d'une étape nécessaire vers l'ajout du bouton Apple Pay, il reste encore quelques étapes à compléter.
Maintenant, vous devez vous assurer que vous possédez réellement ce domaine. Normalement, vous devez télécharger un document de vérification dans une section des fichiers de votre site Web hébergé (il doit s'agir d'un fichier apple-developer-merchantid-domain-association ).
Cependant, vous n'avez presque jamais besoin de le faire manuellement. Allez simplement dans la section Apple Pay et cliquez sur le bouton Enregistrer un domaine .
Après cela, vous devriez voir un message indiquant que le domaine a été enregistré avec succès.
Accédez au tableau de bord Stripe et cliquez sur Paramètres > Modes de paiement > Apple Pay pour vous assurer que tout fonctionne correctement.
Votre nom de domaine devrait apparaître dans la liste des domaines Web.
Une fois le nom de domaine vérifié (automatiquement ou manuellement), vous pouvez vérifier si la passerelle de paiement Apple Pay fonctionne bien.
Lorsqu'un client accède à votre site Web via un appareil mobile avec son compte Apple Pay configuré, il verra désormais le bouton Acheter avec Apple Pay sur la page du produit ou la page de paiement.
#2 : Dépannage des boutons WooCommerce Apple Pay
Si vous rencontrez des erreurs ou si vous pensez que le processus s'est bien déroulé, mais que vous ne voyez toujours pas de bouton Apple Pay sur votre site, examinez les problèmes courants suivants pour résoudre votre problème :
- L'utilisateur n'utilise pas d'appareil mobile compatible Apple Pay. Apple Pay ne peut être utilisé sur un téléphone que si l'utilisateur possède un compte Apple Pay. Nous vous recommandons donc de lier une carte de crédit à votre application Apple Pay sur un iPhone pour tester et voir comment le bouton fonctionne sur votre propre site.
- Le site n'est pas encore en ligne - les clés API pour les sites de test et en ligne sont générées séparément. Le bouton Apple Pay n'apparaîtra pas si vous êtes en mode test Stripe, malgré le fait que Stripe simule les transactions. Vous devez être éveillé.
- Stripe bloque la fonctionnalité de paiement (en particulier Apple Pay) si vous n'avez pas de certificat SSL et un "https://" (pas un http://) avant le domaine. Pour activer ou installer SSL, vous pouvez choisir n'importe quel SSL parmi différentes options comme un certificat SSL Sectigo Wildcard (pour plusieurs sous-domaines) pour les détails de paiement et d'autres données de sécurité en ligne.
- Le plugin Stripe pour WooCommerce n'a pas pu générer automatiquement les clés API Stripe - Bien que le plugin Stripe pour WooCommerce fasse généralement l'affaire, vous devrez peut-être les rendre manuellement dans la section API Stripe.
- Le plugin n'est pas en mesure de confirmer la propriété - Si tel est le cas, téléchargez un fichier de vérification sur votre site Web en suivant les instructions fournies dans le message d'erreur.
Étape 3 : Testez si Apple Pay fonctionne
Lorsque tout est terminé, vous devez vérifier à nouveau l'option de paiement Apple Pay pour voir si elle fonctionne parfaitement sur votre boutique WooCommerce ainsi que sur les appareils des clients. Pour obtenir les meilleurs résultats, vous devez :
- Ouvrez le navigateur Safari sur le smartphone et l'ordinateur.
- Visitez votre site Web et placez un de vos produits dans votre panier.
- Vous devriez pouvoir payer avec Apple Pay. Apple Pay ne s'affiche pas sur votre appareil ?
- Passez à la page de paiement.
Si ce processus se déroule sans heurts, vous pouvez être sûr qu'il fonctionnera également sur les appareils de vos clients. Si ce n'est pas le cas, vérifiez à nouveau toutes les étapes et corrigez les étapes erronées jusqu'à ce que vous obteniez les résultats escomptés.
Dernières pensées,
WooCommerce Apple Pay profite certainement à vous, le propriétaire du magasin, et aux clients avec une sécurité, plus d'options de paiement et une meilleure UX.
Ajouter WooCommerce Apple Pay à votre site Web est une décision intelligente. Ce processus semble facile pour les utilisateurs expérimentés de WooCommerce, cependant, il peut être compliqué pour les débutants. J'espère que cet article vous a aidé à configurer avec succès la passerelle de paiement Apple Pay pour votre boutique WooCommerce. Si vous trouvez qu'il est si difficile de commencer, vous devriez engager un développeur pour vous aider à le traiter.