Tests des paiements Square

L'extension Square est une fonctionnalité Pro

Débloquez l'extension Square et d'autres fonctionnalités puissantes pour développer votre entreprise.

Obtenir WPForms Pro

Souhaitez-vous effectuer des paiements tests pour votre intégration Square avant de publier votre formulaire de paiement ? En activant le mode test dans les paramètres de paiement de WPForms, vous pouvez facilement tester les paiements Square sur votre site avant de les rendre disponibles à vos utilisateurs.

Ce tutoriel vous montrera comment tester vos paiements Square dans WPForms.

Test des paiements Square

Prérequis : Le test des paiements Square est disponible pour tous les utilisateurs de WPForms. Cependant, vous aurez besoin d'un niveau de licence Pro ou supérieur pour accéder à l'extension Square Pro.

De plus, Square exige que votre site dispose du SSL (HTTPS) activé sur la page où vous ajoutez un formulaire de paiement en direct, car cela vous permet d'envoyer en toute sécurité les données de carte de crédit à Square. Pour plus de détails, veuillez consulter le guide de WPBeginner sur l'ajout du SSL et du HTTPS dans WordPress.


Avant de commencer, assurez-vous que WPForms est installé et activé sur votre site WordPress et que vous avez vérifié votre licence.

Configuration d'un compte développeur Square

Tout d'abord, vous devrez créer un compte développeur Square gratuit. Cela vous permettra de configurer un compte de test Sandbox et de séparer les transactions réelles des transactions de test.

Rendez-vous sur la plateforme développeur Square et cliquez sur Commencer.

Création d'un compte développeur Square

Si vous n'avez pas de compte Square existant, créez-en un ici. Vous pourrez l'activer plus tard lorsque vous serez prêt à accepter des paiements réels en suivant les instructions de l'e-mail d'activation envoyé à l'adresse associée à votre compte.

Inscription à un compte développeur Square

Si vous avez déjà un compte vendeur Square, vous pouvez vous connecter à Square Developer en utilisant vos identifiants existants.

Une fois votre compte créé ou que vous vous êtes connecté, vous verrez le tableau de bord développeur Square. Pour commencer, cliquez sur le bouton bleu plus (+) pour créer votre première application.

Ajout d'une nouvelle application dans Square Developer

Cela ouvrira une fenêtre contextuelle où vous pourrez nommer cette application (c'est pour votre référence uniquement). Cliquez ensuite sur le bouton Enregistrer.

Nommer une nouvelle application dans Square Developer

Après avoir enregistré votre application, vous reviendrez au tableau de bord développeur Square et verrez votre nouvelle application listée sous Applications.

Ensuite, dans la barre latérale gauche, cliquez sur Comptes de test Sandbox.

Ouvrir les comptes de test Sandbox

Cela ouvrira la page des comptes de test Sandbox pour votre compte développeur, où Square crée automatiquement un compte de test par défaut pour vous.

Cliquez sur le bouton Tableau de bord Square pour le compte de test par défaut afin de lancer son tableau de bord.

Cliquez sur Tableau de bord Square pour ouvrir le tableau de bord sandbox

Remarque : Aux fins de ce tutoriel, nous utiliserons le compte de test par défaut pour tester les paiements Square dans WPForms. Cependant, vous pouvez créer autant de comptes de test différents que vous le souhaitez dans le tableau de bord développeur Square, et suivre les étapes ci-dessous pour tester les paiements avec l'un d'entre eux.

Pour plus de détails sur le test des paiements pour les pays de l’Union européenne, veuillez consulter la section FAQ ci-dessous.

Cela ouvrira un écran qui ressemble exactement au tableau de bord du vendeur Square. Laissez cette page ouverte et connectez-vous à votre site WordPress dans un autre onglet de navigateur.

Un tableau de bord vendeur Sandbox développeur Square

Remarque : Vous devez lancer votre compte de test Sandbox dans le tableau de bord développeur Square avant de pouvoir le connecter à WPForms pour tester les paiements. Pour plus de détails, veuillez consulter la section FAQ ci-dessous.

Activation du mode test Square

Ensuite, vous devez vous assurer qu’aucun paiement réel n’est traité dans Square pendant que vous testez votre formulaire. Pour ce faire, allez dans WPForms » Paramètres dans votre tableau de bord WordPress et cliquez sur Paiements.

Accéder aux paramètres de paiement de WPForms

Sous Square, sélectionnez la case à cocher Mode test.

Activer le mode test pour Square dans WPForms

Remarque : Pour les intégrations de paiement WPForms, le mode test et le mode réel sont configurés séparément. Si vous avez déjà configuré Square pour les transactions réelles via WPForms, vous devrez le reconnecter en mode test.

Cliquez ensuite sur le bouton Se connecter avec Square.

Connecter WPForms à un compte de test Square

Remarque : Si vous n’avez pas lancé le tableau de bord de votre compte de test Sandbox avant d’essayer de le connecter à WPForms, vous verrez un message d’erreur lorsque vous cliquerez sur le bouton Se connecter à Square dans les paramètres de paiement de WPForms.

Veuillez consulter la section FAQ ci-dessous pour plus de détails.

Cela vous amènera à un écran où vous devrez vous connecter à votre compte Square.

Se connecter à Square pour connecter votre compte de test à WPForms

Une fois connecté, Square vous demandera d’autoriser WPForms à accéder à certaines informations de votre compte Square. Cliquez sur le bouton Autoriser pour continuer.

Autoriser WPForms à accéder à Square

Cela vous ramènera à vos paramètres WPForms. Si la connexion a réussi, vous devriez voir une coche verte à côté de État de la connexion, et une notification indiquant que votre compte Square est connecté en mode Sandbox.

Une connexion réussie à la sandbox Square dans les paramètres WPForms

Création d'un formulaire pour tester les paiements Square

Une fois que votre compte développeur Square et vos paramètres WPForms sont prêts, vous aurez besoin d’un formulaire pour tester les paiements Square. Créez un nouveau formulaire ou modifiez-en un existant pour ouvrir le constructeur de formulaire.

Vous pouvez personnaliser ce formulaire comme vous le souhaitez, mais assurez-vous d’inclure un champ Square. Vous pouvez cliquer sur ce champ sur le côté gauche du constructeur ou le faire glisser-déposer dans la zone de prévisualisation pour l’ajouter à votre formulaire.

Ajouter un champ Square à un formulaire

Le champ Square vous permettra de saisir des informations de carte de crédit de test pour vous assurer que les paiements fonctionnent comme prévu.

Activation des paiements Square dans votre formulaire

Vous devrez également activer les paiements Square pour le formulaire que vous testerez. Dans le constructeur de formulaire, allez dans Paiements » Square. Ensuite, activez l’option Activer les paiements uniques.

Activer les paiements uniques Square

Cela révélera une poignée de paramètres supplémentaires. Saisissez une Description du paiement pour vous aider à identifier cette transaction dans votre tableau de bord développeur Square plus tard.

Champ de description de paiement Square

Le reste des paramètres est facultatif. Nous les avons couverts plus en détail dans notre tutoriel sur l’activation des transactions Square réelles dans WPForms.

Configurez les autres options si vous le souhaitez, puis enregistrez votre formulaire.

Pour un exemple complet, consultez notre modèle de formulaire de calcul des frais Square, qui montre comment configurer un formulaire avec l'intégration Square, y compris les calculs de frais et les informations détaillées sur la commande.

Publier votre formulaire et effectuer le test

Une fois votre formulaire prêt, vous pouvez tester les paiements Square sur le frontend de votre site. Pour ce faire sans publier votre formulaire sur une page en direct, vous pouvez utiliser l'option d'aperçu du formulaire dans WPForms ou créer une page ou un article privé.

Soumettez ensuite simplement une entrée de test pour votre formulaire en utilisant l'un des détails de carte de crédit de test de Square.

Afficher les transactions de test dans WPForms

Pour afficher et gérer toutes les transactions de test et leurs détails, allez simplement dans WPForms » Paiements et activez l'option Données de test.

visualisation-donnees-test-paiements

Pour plus de détails sur l'affichage des informations de paiement de test et en direct, la compréhension des tendances de transaction, l'ajustement pour différentes devises, et plus encore, consultez notre guide sur l'affichage et la gestion des paiements.

Note : Vous souhaitez offrir des réductions à vos clients via des codes promotionnels ? Consultez notre tutoriel sur l'addon Coupons pour tous les détails.

Visualisation des transactions tests dans votre compte Square

Après avoir soumis votre paiement de test, vous pouvez afficher la transaction dans votre compte Square en cliquant sur l'ID de transaction dans votre entrée de test ou en vous connectant à Square Developer.

N'oubliez pas de consulter notre guide sur la visualisation et la gestion des paiements de formulaire pour plus d'informations.

Dans votre compte Square Developer, cliquez sur le bouton Square Dashboard pour le compte de test par défaut afin de lancer son tableau de bord.

Cliquez sur Tableau de bord Square pour ouvrir le tableau de bord sandbox

Accédez ensuite à Paiements et factures » Transactions depuis le menu de gauche.

Vous devriez voir votre transaction de test répertoriée sur l'écran suivant.

Une transaction test dans un tableau de bord sandbox Square

Remarque : Lorsque vous avez terminé de tester les paiements Square, n'oubliez pas de déconnecter votre compte de test dans WPForms » Paramètres » Paiements, de désactiver le mode test et de connecter votre compte vendeur en direct afin de pouvoir traiter les transactions des utilisateurs.

Questions fréquemment posées

Ci-dessous, nous avons répondu à certaines des questions les plus fréquentes concernant les tests de paiements Square dans WPForms.

Lorsque j'essaie de me connecter à mon compte Square en mode test, je reçois une erreur. Comment puis-je la corriger ?

Lorsque vous essayez de connecter votre compte Square Developer à WPForms en mode test, vous pouvez rencontrer une erreur indiquant : « Erreur : Pour démarrer le flux Oauth pour un compte sandbox, lancez d'abord le compte de test vendeur depuis le tableau de bord développeur. »

Une erreur de flux Oauth dans Square

Pour corriger cela, ouvrez votre compte Square Developer. Pour le compte de test Sandbox que vous souhaitez utiliser, cliquez sur le bouton Square Dashboard.

Cliquez sur Tableau de bord Square pour ouvrir le tableau de bord sandbox

Cela devrait lancer le compte de test et ouvrir un tableau de bord sandbox comme celui-ci.

Un tableau de bord vendeur Sandbox développeur Square

Une fois cette page ouverte, retournez à vos paramètres WPForms et cliquez à nouveau sur Se connecter avec Square.

Puis-je tester la vérification des cartes de crédit européennes pour les paiements Square effectués via mes formulaires ?

Oui, vous pouvez tester la vérification des cartes de crédit européennes pour les paiements Square dans WPForms.

Pour ce faire, vous devez configurer un compte de test Sandbox européen dans votre tableau de bord Square Developer. Sous vos comptes de test Sandbox existants, cliquez sur Nouveau compte de test sandbox.

Nouveau compte de test sandbox

Dans la fenêtre contextuelle qui apparaît, nommez ce compte de test Sandbox et sélectionnez un pays européen (Irlande ou Espagne) dans le menu déroulant.

Sélectionner un pays de l'UE pour un compte de test sandbox Square

Vous pouvez ensuite connecter ce compte de test à WPForms en suivant les étapes ci-dessus. Lors du test des paiements dans votre formulaire, utilisez l'une des cartes de crédit européennes de la liste des détails de paiement de test de Square.

Ensuite, lorsque vous soumettez le formulaire, une fenêtre contextuelle devrait apparaître vous demandant le code de vérification supplémentaire.

La fenêtre contextuelle de vérification pour les paiements Square UE

Entrez le code de test fourni par Square pour finaliser le paiement de test.

Pourquoi l'erreur « La tokenisation de la carte de paiement a échoué » s'affiche-t-elle lors de l'envoi d'un paiement de test ?

L'erreur de tokenisation de la carte de paiement se produit si vous essayez d'envoyer un paiement de test en utilisant les détails d'une vraie carte de crédit. Dans ce cas, le jeton requis pour traiter le paiement de test sera invalide. Pour corriger cette erreur, assurez-vous d'utiliser l'une des cartes de crédit sandbox de Square pour votre paiement de test.

C'est tout ! Vous savez maintenant comment tester les paiements Square dans WPForms.

Ensuite, n'oubliez pas d'effectuer un test complet du formulaire avant de le publier sur votre site. Notre liste de contrôle complète pour les tests de formulaire vous guide étape par étape.

Le meilleur plugin de création de formulaires par glisser-déposer pour WordPress

Facile, rapide et sécurisé. Rejoignez plus de 6 millions de propriétaires de sites Web qui font confiance à WPForms.