Comment ajouter Square Payments à WordPress [Guide facile]

L'intégration de Square Payments à vos formulaires WordPress prend environ 10 minutes si vous disposez du bon plugin. Vous n'avez pas besoin d'un développeur ni de connaissances en programmation pour le configurer.

Au cours des deux dernières années, j'ai créé des formulaires de paiement Square pour plusieurs sites de clients, et WPForms est la méthode la plus rapide que j'ai trouvée.

En quelques clics, vous associez votre compte Square, vous ajoutez un champ de paiement Square à votre formulaire, et vous êtes prêt à accepter les paiements par carte bancaire.

Dans ce guide, je vais vous expliquer étape par étape comment intégrer les paiements Square à WordPress. Vous apprendrez également comment activer la facturation récurrente et comment tout tester en mode sandbox avant la mise en ligne.

Créez votre formulaire WordPress Square dès maintenant !

Comment ajouter Square Payments à WordPress

Prêt à collecter des paiements via Square sur votre site WordPress ? Suivez les étapes de la vidéo ci-dessous pour utiliser l'Addon Square de WPForms !

Toutefois, si vous préférez les instructions écrites, continuez à lire ci-dessous et utilisez la table des matières pratique pour naviguer dans le guide.

Étape 1 : Installer le plugin WPForms

Pour commencer à accepter les paiements Square sur votre site WordPress, vous aurez besoin d'un constructeur de formulaire qui peut le gérer, et WPForms rend cela très facile.

Grâce à l'interface "glisser-déposer", vous pouvez créer un simple formulaire de commande, un formulaire de don, ou n'importe quoi d'autre, et connecter Square en quelques clics.

Afin d'accepter les paiements Square, vous devez d'abord obtenir une licence WPForms Pro. Cela vous donnera également accès à une tonne de fonctionnalités supplémentaires, d'addons et d'intégrations.

Une fois que vous avez acheté une licence premium, installez et activez le plugin WPForms sur votre site WordPress.

Si vous avez besoin d'aide pour installer le plugin, vous pouvez suivre ces instructions pas à pas sur l'installation d'un plugin WordPress.

Passez à WPForms Pro dès maintenant ! 🙂 .

Étape 2 : Ajouter le module complémentaire Square Pro

Une fois WPForms installé, vous pourrez activer l'addon Square Pro. Rendez-vous dans votre tableau de bord WordPress et cliquez sur WPForms " Addons.

Dans la barre de recherche, tapez Square. Une fois qu'il apparaît, cliquez sur Install Addon et ensuite sur Activate it. Une fois que vous avez activé l'addon Square Pro, vous devez configurer les paramètres de paiement dans WPForms.

Pour configurer les paramètres de paiement, allez dans votre tableau de bord, cliquez sur WPForms " Settings, puis cliquez sur l'onglet Payments. Dans la liste déroulante Devise, sélectionnez la devise que vous souhaitez utiliser dans vos formulaires de paiement.

Étape 3 : Connecter Square à votre site WordPress

Il est maintenant temps de connecter Square à WPForms. Faites défiler la page des paramètres de paiement jusqu'à la section Square.

Vous verrez un onglet intitulé Connection Status (état de la connexion). Cliquez sur le bouton bleu Connect with Square.

En cliquant sur ce lien, vous serez redirigé vers la page de connexion de Square. Saisissez votre adresse e-mail et votre mot de passe, puis cliquez sur Sign in.

Afin de connecter Square à WPForms, vous devez accorder à WPForms des permissions spécifiques liées à votre compte. Cliquez sur le bouton Autoriser pour continuer.

Cela ramènera à vos paramètres de paiements WPForms. Si les paramètres de connexion sont correctement configurés, vous verrez une coche verte et un message de succès à côté de l'état de la connexion.

Si vous avez ajouté plusieurs établissements à votre compte Square, vous devrez sélectionner l'un d'entre eux en tant qu'établissement principal à l'aide du menu déroulant Emplacement de l'entreprise.

Une fois vos paramètres de connexion configurés, cliquez sur « Enregistrer ». Pour une présentation plus détaillée de toutes les options de Square, consultez le guide complet de configuration de l'extension Square.

Étape 4 : Créer votre formulaire de paiement Square

Maintenant que vous avez connecté Square à votre site WordPress, il est temps de créer votre formulaire de paiement. Depuis votre tableau de bord WordPress, naviguez vers WPForms " Add New.

Vous pouvez créer un formulaire de commande simple ou utiliser un modèle de formulaire de commande/facturation préétabli pour accélérer les choses.

WPForms est fourni avec une immense bibliothèque de modèles de formulaires comprenant plus de 2 100 modèles WordPress. Pour ce tutoriel, je vais choisir le modèle « Facturation/Bon de commande ».

Le modèle comprend tous les champs essentiels dont vous aurez besoin pour accepter des paiements pour des commandes générales. Vous pouvez ajouter des champs supplémentaires à votre formulaire en les faisant glisser du panneau de gauche vers le panneau de droite.

WPForms est hautement personnalisable, alors n'hésitez pas à expérimenter et à modifier les choses si le modèle ne correspond pas entièrement à votre scénario d'utilisation particulier.

Je vais vous présenter rapidement une option que vous pourriez ajouter à ce formulaire, en fonction de vos besoins. Si vous souhaitez que les internautes précisent la quantité de produits qu'ils souhaitent commander, voici ce que vous pouvez faire.

Ajout du champ Quantité (facultatif)

WPForms supporte les quantités de produits pour les champs "Dropdown Items" et "Singe Items".

Je vais donc supprimer le champ radio existant (c'est-à-dire le champ "Éléments disponibles") et ajouter trois champs "Élément unique" ici.

Il vous suffit de cliquer avec le bouton droit de la souris sur le champ « Éléments disponibles » et d'appuyer sur la touche Suppr.

Ensuite, faites glisser le champ Articles individuels du volet de gauche vers la droite, juste au-dessus du champ Montant total.

Une fois que vous avez fait cela, cliquez sur le champ Éléments uniques que vous venez d'ajouter pour ouvrir ses options de champ sur la gauche. Vous pourrez y contrôler divers paramètres associés au champ.

Je vous recommande de modifier l'intitulé du champ et d'y ajouter le nom de votre produit. N'oubliez pas non plus d'indiquer le prix du produit dans le champ Prix de l'article.

Pour activer la sélection de la quantité pour le produit, utilisez le bouton bascule Activer la quantité . Une fois la sélection activée, vous verrez apparaître un nouveau paramètre de gamme en dessous.

Cela vous permettra de définir la quantité minimale et maximale qu'un utilisateur peut sélectionner pour le produit. Vous pouvez répéter le même processus en ajoutant d'autres champs d'article unique dont les sélections de quantité sont activées.

Étape 5 : Ajouter le champ de paiement Square à votre formulaire

Notre formulaire est prêt ; nous allons maintenant ajouter le champ de paiement Square. À gauche, dans la section Champs de paiement, faites glisser le champ Square et déposez-le n'importe où sur votre formulaire.

Dès que vous ajoutez le champ Square, une fenêtre contextuelle s'affiche avec un message demandant d'activer les paiements Square.

Cliquez sur le bouton OK pour fermer la fenêtre pop-up. Ensuite, nous devons activer les paiements Square. Allez dans les icônes sur le côté gauche, et cliquez sur Paiements. Cliquez ensuite sur Square.

Ensuite, activez l'option Activer le paiement Square. Cela ouvrira les options supplémentaires de paramétrage du paiement.

Examinons-les :

• Description du paiement: Ici, vous pouvez saisir une brève description du paiement qui apparaîtra sur le relevé de la carte de crédit ou de la carte bancaire de votre client.
• Email de l'acheteur: Dans le menu déroulant, sélectionnez Email pour que Square envoie un accusé de réception par email.
• Nom de l'acheteur: Dans la liste déroulante, sélectionnez Nom pour que le nom du client soit associé au paiement.
• Adresse de l'acheteur: Sélectionnez Adresse pour que l'adresse du client soit associée au paiement.

Une fois ces options complétées, cliquez sur le bouton Enregistrer pour sauvegarder votre formulaire.

Activer les paiements récurrents

Si vous proposez des adhésions, des abonnements ou des dons facturés à intervalles réguliers, Square prend en charge les paiements récurrents directement depuis le générateur de formulaires WPForms. Vous n'avez pas besoin d'un module d'abonnement supplémentaire ni d'une autre passerelle de paiement.

Dans le même panneau « Paiements » des paramètres Square, faites défiler vers le bas et activez l'option « Paiements récurrents ». De nouveaux champs s'afficheront pour vous permettre de configurer le forfait.

Définissez un nom de plan, puis sélectionnez une fréquence de facturation dans le menu déroulant (mensuelle, annuelle ou personnalisée). Square a besoin d'un moyen d'identifier chaque client pour la facturation récurrente ; veillez donc à associer les champs « E-mail du client » et « Nom du client » aux champs « E-mail » et « Nom » de votre formulaire.

Pour mieux comprendre comment cela fonctionne avec différentes passerelles de paiement, consultez mon guide sur la configuration des paiements récurrents dans vos formulaires WordPress.

Étape 6 : Publier votre formulaire pour accepter les paiements

Génial ! Vous avez réussi à créer un formulaire de paiement Square dans WordPress. Il est maintenant temps d'ajouter votre formulaire à votre site. Avec WPForms, vous pouvez ajouter votre formulaire à plusieurs endroits, y compris :

• Pages
• Postes et
• Widget Sidebar

Voyons comment vous pouvez ajouter votre formulaire Square à la page WordPress. WPForms dispose d'un bouton " Embed" intégré dans le tableau de bord du constructeur de formulaire.

Grâce à ce bouton, vous pouvez ajouter votre formulaire sur n'importe quelle page de votre site web sans changer d'onglet ni fermer la fenêtre du formulaire. Pour ajouter votre formulaire, cliquez sur le bouton " Embed" en haut de votre page.

Ensuite, vous avez la possibilité d'ajouter votre formulaire à une page existante ou d'en créer une nouvelle. Cliquez sur Créer une nouvelle page.

Ajoutez le nom de votre page et cliquez sur le bouton " Let's Go".

Maintenant WPForms va automatiquement créer une nouvelle page et y ajouter votre formulaire. Pour publier votre page sur la page live, cliquez sur le bouton Publier ou Mettre à jour.

Et voilà. Votre formulaire de paiement Square est désormais en ligne.

Étape 7 : Testez votre formulaire Square en mode Sandbox

Avant de mettre votre formulaire à la disposition de vos clients, je vous recommande vivement d'effectuer une transaction test dans l'environnement de test de Square. Les paiements sont le seul élément d'un site WordPress pour lequel vous ne voulez vraiment pas avoir de mauvaises surprises le jour du lancement.

Pour passer en mode sandbox, retournez dans WPForms » Paramètres » Paiements, faites défiler jusqu'à la section Square, puis activez le mode test.

Vous devrez connecter votre compte Square Sandbox de la même manière que vous avez connecté votre compte de production (ces deux comptes restent connectés séparément, ce qui vous permet de passer de l'un à l'autre à tout moment).

Une fois en mode test, accédez à votre formulaire publié et effectuez un envoi en utilisant les numéros de carte de test du bac à sable de Square.

Aucun transfert d'argent réel n'a lieu, mais l'ensemble du processus se déroule de bout en bout, ce qui vous permet de vérifier les notifications, les reçus et toute logique conditionnelle que vous avez configurée.

Pour un guide détaillé comprenant des numéros de carte de test et les pièges courants, consultez notre guide sur la manière de tester les paiements Square.

Foire aux questions sur l'intégration de Square Payments à WordPress

Voici les réponses aux questions les plus fréquentes que l'on me pose concernant l'intégration des paiements Square dans WordPress, notamment les tarifs, les pays pris en charge et la comparaison entre Square et d'autres passerelles de paiement.

Est-il possible de personnaliser le processus de paiement lorsque l'on utilise Square sur WordPress ?

Oui. WPForms est hautement personnalisable : vous pouvez ainsi modifier l'apparence de votre formulaire, utiliser différentes mises en page et appliquer une logique conditionnelle pour adapter le processus de paiement à vos produits ou services spécifiques.

Si vous utilisez un formulaire de paiement Square avec WPForms, vous disposez d'une grande marge de manœuvre pour personnaliser le processus de paiement exactement comme vous le souhaitez.

Existe-t-il des mesures de sécurité pour protéger les informations des clients sur les formulaires Square ?

Oui. WPForms est un plugin sécurisé qui masque automatiquement les informations sensibles des clients. Les paiements que vous encaissez via WPForms enregistrent les détails de la soumission du client, mais le numéro de carte bancaire reste masqué.

Cela signifie que même vous, en tant que propriétaire de l'entreprise, ne pouvez pas voir les numéros de carte. Vos clients bénéficient d'une confidentialité et d'une sécurité optimales sur chaque formulaire de paiement Square créé avec WPForms.

Puis-je suivre et gérer mes transactions Square depuis mon tableau de bord WordPress ?

Oui. WPForms intègre une fonctionnalité complète de suivi des paiements. Vous pouvez consulter les transactions sur un graphique clair directement depuis votre tableau de bord WordPress, notamment le montant total des paiements, le chiffre d'affaires total, les abonnements, l'utilisation des bons de réduction, et bien plus encore.

Pour un guide complet, consultez notre guide sur la gestion des paiements avec WPForms.

Puis-je accepter des paiements récurrents avec Square dans WordPress ?

Oui. WPForms vous permet d'accepter des paiements récurrents grâce à l'extension Square Pro. Vous pouvez facturer vos clients chaque semaine, chaque mois, chaque année ou selon un calendrier personnalisé, directement depuis les paramètres du formulaire, sans avoir besoin d'outils supplémentaires. Veillez simplement à associer les champs « e-mail » et « nom » du client afin que Square puisse identifier correctement chaque abonné.

Combien facture Square pour les paiements via WordPress ?

Square facture 2,9 % + 30 ¢ par transaction en ligne, sans frais mensuels ni frais d'installation. Si vous utilisez WPForms Pro ou Elite, WPForms n'ajoute aucun frais de traitement supplémentaires ; vous ne payez donc que le tarif forfaitaire de Square. Il est ainsi facile de calculer le coût total par rapport au montant moyen de vos commandes.

Square est-il disponible dans mon pays pour les paiements via WordPress ?

Square est actuellement disponible aux États-Unis, au Canada, au Royaume-Uni, en Australie, au Japon, en Irlande, en France et en Espagne. Si votre entreprise est située en dehors de ces régions, Stripe ou PayPal Commerce pourraient mieux vous convenir. Ces deux solutions sont également prises en charge par WPForms.

Quelle est la différence entre Stripe et Square pour WordPress ?

Stripe et Square prennent tous deux en charge les cartes de crédit et la facturation récurrente sur WPForms, et facturent tous deux des frais par transaction similaires. Stripe offre une couverture géographique plus étendue et davantage d'outils pour les développeurs. Square a tendance à l'emporter auprès des entreprises qui utilisent déjà Square pour leurs ventes en magasin ou leur boutique en ligne Square Online. Pour une comparaison détaillée, consultez notre comparatif Stripe vs Square.

Quelle est la meilleure façon de tester les paiements Square dans WordPress ?

Le plus simple est de passer Square en mode « sandbox » dans les paramètres de paiement de WPForms. Cela vous permet de passer des commandes test sans utiliser d'argent réel, afin de vous assurer que tout fonctionne correctement avant la mise en ligne.

Ai-je besoin d'un certificat SSL pour utiliser Square sur WordPress ?

Oui. Vous aurez besoin d'un certificat SSL pour utiliser Square sur votre site WordPress. Il protège les informations de paiement de vos clients et est indispensable pour vous connecter à Square en toute sécurité.

Ensuite, configurez les paiements facultatifs sur vos formulaires WordPress

Si vous gérez une association à but non lucratif ou un service fonctionnant selon le principe du « payez ce que vous voulez », vous souhaiterez peut-être laisser vos visiteurs décider s'ils souhaitent payer ou non. Notre guide sur la manière d'ajouter un paiement facultatif à vos formulaires WordPress explique en détail toute la procédure.

WPForms Pro comprend également ces autres outils de passerelle de paiement.

• Créer un formulaire de paiement Authorize.Net dans WordPress
• Accepter les paiements avec Stripe sur votre site web
• Créer un formulaire de don pour une association à but non lucratif sur WordPress
• Accepter des paiements récurrents sur WordPress

Créez dès maintenant votre formulaire carré WordPress !

Prêt à créer votre formulaire ? Commencez dès aujourd'hui avec le plugin de construction de formulaire WordPress le plus facile à utiliser. WPForms Pro inclut de nombreux modèles gratuits et offre une garantie de remboursement de 14 jours.

Si cet article vous a aidé, n'hésitez pas à nous suivre sur Facebook et Twitter pour d'autres tutoriels et guides gratuits sur WordPress.