Comment accepter les paiements Square dans WordPress (étape par étape)

Voulez-vous accepter les paiements Square sur votre site WordPress ?

Par défaut, WordPress ne propose pas d'options de paiement par carte de crédit. Square est une excellente passerelle de paiement qui peut être connectée à votre site à l'aide de plusieurs plugins WordPress populaires.

Dans cet article, nous vous montrerons comment intégrer les paiements Square dans WordPress, afin que vous puissiez facilement accepter les paiements par carte de crédit sur votre site Web.

Pourquoi connecter Square Payments dans WordPress ?

Square est une passerelle de paiement populaire qui facilite les paiements par carte de crédit. Vous pouvez utiliser Square sur votre Site Web WordPress pour accepter en toute sécurité les paiements via un simple formulaire de paiement ou une boutique de commerce électronique complète.

Comme la passerelle de paiement Stripe, il offre une option flexible pour accepter les paiements par carte de crédit en ligne ou en personne.

L'acceptation des cartes de crédit est disponible aux États-Unis, au Canada, en Australie, au Japon, au Royaume-Uni, en République d'Irlande, en France et en Espagne. Square propose un taux de transaction fixe, et cela varie pour chaque pays.

Cela dit, voyons comment connecter les paiements Square dans WordPress.

Nous vous montrerons comment ajouter un formulaire de paiement Square à l'aide de WPForms, puis couvrirons d'autres méthodes, telles que l'acceptation de paiements Square dans une boutique en ligne à l'aide de WooCommerce.

Connecter Square à WordPress à l'aide de WPForms

Le moyen le plus simple de créer un formulaire pour les paiements Square consiste à utiliser WPForms. C'est le meilleur plugin de création de formulaire WordPress utilisé par plus de 5 millions de sites Web. Vous pouvez utiliser leur générateur de glisser-déposer pour créer rapidement tout type de formulaire, y compris les formulaires de paiement, sur votre site Web WordPress.

Pour ce tutoriel, nous utiliserons la version WPForms Pro car elle vous donne accès à l'addon Square qui vous permettra d'accepter les paiements par carte de crédit sans écrire de code.

Vous pouvez également utiliser WPForms pour accepter les paiements par carte de crédit en utilisant Stripe, Authorize.net et PayPal.

Installation et activation de WPForms

La première chose que vous devez faire est d'installer et d'activer le plugin WPForms Pro. Si vous avez besoin d'aide, veuillez consulter notre guide sur la façon d'installer un plugin WordPress.

Après avoir activé WPForms, rendez-vous sur WPForms »Paramètres dans votre tableau de bord WordPress.

Sur cet écran, vous devez saisir votre clé de licence dans le champ « Clé de licence ». Vous trouverez cette clé dans votre compte WPForms.

Après cela, assurez-vous de cliquer sur le bouton "Vérifier la clé" pour activer votre licence. Cela vous permettra d'activer facilement l'addon Square pour WordPress.

Connecter WPForms à Square

Après avoir activé le plugin principal, il est temps d'installer l'addon Square.

Dans votre tableau de bord WordPress, rendez-vous sur la page WPForms »Addons puis faites défiler jusqu'à ce que vous trouviez le Square Addon. Ensuite, vous devez cliquer sur le bouton "Installer le module complémentaire".

Une fois l'addon installé et activé, rendez-vous sur la page WPForms »Paramètres et cliquez sur l'onglet Paiements.

Par défaut, WPForms collectera les paiements en dollars américains. Si vous devez accepter des paiements dans une devise différente, ouvrez simplement le menu déroulant Devise et choisissez dans la liste.

L'étape suivante consiste à connecter WPForms à votre compte Square.

Pour établir cette connexion, faites défiler la page jusqu'à la section État de la connexion. Ensuite, cliquez simplement sur le bouton "Se connecter avec Square".

Vous pouvez maintenant suivre les instructions à l'écran pour créer un nouveau compte Square ou connecter WPForms à votre compte Square existant.

Si vous souhaitez tester votre formulaire de paiement, vous devez cocher l'option Mode test. Cela vous permet d'effectuer des paiements fictifs pour vous assurer que le formulaire fonctionne correctement. N'oubliez pas de décocher la case lorsque vous avez terminé les tests.

Assurez-vous de cliquer sur le bouton "Enregistrer les paramètres" en bas pour enregistrer vos paramètres.

Création d'un formulaire de paiement carré dans WordPress

Une fois que vous êtes connecté avec succès à Square, vous devez créer un formulaire de paiement. Pour ce faire, rendez-vous sur WPForms »Ajouter un nouveau dans votre zone d'administration WordPress.

Tout d'abord, vous devrez donner un titre à votre formulaire. Ensuite, vous devez faire défiler jusqu'au modèle 'Billing / Order Form' et cliquer sur le bouton 'Use Template'.

WPForms chargera désormais automatiquement votre modèle de formulaire dans le générateur de glisser-déposer. Il comprend la plupart des champs dont vous aurez besoin et facilite l'ajout, la suppression ou la modification des champs de votre formulaire.

Par exemple, une liste d'articles multiples a été ajoutée au formulaire, afin que vos visiteurs puissent sélectionner le produit ou le service qu'ils souhaitent payer. Une fois que vous aurez cliqué sur ce champ, vous pourrez personnaliser l'étiquette du champ ainsi que le nom et le prix de chaque article.

Si vous ne proposez qu'un seul article, vous devez supprimer le champ Articles multiples en cliquant sur l'icône de la corbeille dans le coin supérieur droit du champ.

Ensuite, vous pouvez faire défiler jusqu'au champ Élément unique et le faire glisser sur votre formulaire.

Vous pouvez cliquer sur ce champ pour le personnaliser.

Par exemple, vous pouvez modifier l'étiquette, la description et le prix du champ. L'aperçu de votre formulaire sur la droite sera mis à jour automatiquement.

Si vous ne proposez qu'un seul article, le champ Total n'est pas nécessaire. N'hésitez pas à le supprimer.

Ensuite, vous devez ajouter le champ Square à votre formulaire pour collecter les informations de paiement du client. Cliquez simplement sur l'onglet "Ajouter des champs" et faites défiler jusqu'à la section Champ de paiement.

Vous pouvez maintenant continuer et faire glisser le champ Carré en place sur votre formulaire de paiement.

Dès que vous faites cela, une notification apparaîtra vous informant que vous devez activer les paiements Square pour ce formulaire.

Une fois que vous avez cliqué sur le bouton OK, rendez-vous sur Paiements » Square dans l'éditeur WPForms. Une fois là-bas, vous devrez basculer le paramètre "Activer les paiements Square" sur la position activée.

Après cela, vous pouvez saisir une description dans le champ "Description du paiement". Ce texte apparaîtra sur le relevé de carte de crédit du client.

C'est une bonne idée de compléter également les autres paramètres facultatifs. Ceux-ci permettent à Square de savoir où trouver l'adresse e-mail, le nom et l'adresse de facturation du client dans le formulaire que vous avez créé afin qu'un reçu par e-mail puisse être envoyé.

Enfin, WPForms vous permet également de configurer une logique conditionnelle intelligente pour vos formulaires. Ceci est utile lorsque vous souhaitez permettre à vos clients de choisir parmi plusieurs modes de paiement, tels que les cartes de crédit ou PayPal.

Lorsque vous êtes satisfait de l'apparence de votre formulaire de paiement par carte de crédit, il est temps d'enregistrer vos modifications. Pour ce faire, cliquez simplement sur le bouton Enregistrer en haut de l'écran.

Configuration des e-mails de notification pour Square Payments

Ensuite, vous pouvez configurer la notification par e-mail qui vous est envoyée lorsque le formulaire est soumis. Vous pouvez également configurer des e-mails de notification pour vos clients après avoir passé une commande.

Chaque fois qu'un client remplit le formulaire de paiement, WPForms enverra un e-mail à votre administrateur WordPress par défaut. Cependant, vous souhaiterez peut-être envoyer ces e-mails à une adresse différente ou même avertir plusieurs personnes.

C'est facile à faire en utilisant WPForms. Pour personnaliser vos notifications par e-mail, cliquez simplement sur l'onglet Paramètres, puis sélectionnez Notifications.

Sur cet écran, recherchez le champ "Envoyer à l'adresse e-mail". Par défaut, il est défini sur {admin_email} et indique à WordPress d'utiliser l'e-mail de l'administrateur WordPress.

Vous pouvez supprimer ce texte dynamique et le remplacer par n'importe quelle autre adresse e-mail. Saisissez simplement la nouvelle adresse dans le champ "Envoyer à l'adresse e-mail". Si vous souhaitez envoyer un e-mail à plusieurs personnes, séparez simplement chaque adresse par une virgule.

Vous pouvez également modifier la ligne d'objet, le message, etc. de l'e-mail.

Ensuite, nous mettrons en place une notification par e-mail pour vos clients, confirmant leur achat et les remerciant. Pour ce faire, vous devez cliquer sur le bouton "Ajouter une nouvelle notification".

WPForms vous demandera de fournir un nom pour cette notification. Pour ce didacticiel, nous l'appellerons "Notification client".

Après cela, WPForms affichera tous les champs de notification que vous pouvez personnaliser.

Vous pouvez saisir une balise active afin que l'e-mail de notification soit envoyé à l'adresse e-mail de votre client. Cliquez simplement sur le lien "Afficher les balises intelligentes" à côté de l'option "Envoyer à l'adresse e-mail".

Après cela, vous devez sélectionner le champ "E-mail" du formulaire. Cela permet à WPForms d'utiliser l'adresse e-mail fournie par le client lors de la soumission de son paiement.

Vous pouvez maintenant personnaliser le reste de l'e-mail de notification, comme la ligne d'objet ou l'e-mail. Par exemple, vous pouvez personnaliser le contenu de l'e-mail à l'aide de balises actives pour le nom du client ou certaines informations sur le produit qu'il a acheté.

WPForms affichera également une notification à l'écran lorsqu'ils passeront une commande. Vous pouvez personnaliser cela en cliquant sur l'onglet "Confirmations" et en modifiant le message de confirmation.

Au lieu d'afficher un message, vous préférerez peut-être afficher une page spécifique ou rediriger les clients vers une autre URL.

Pour effectuer ce changement, ouvrez simplement le menu déroulant "Type de confirmation". Vous pouvez maintenant choisir parmi les options disponibles.

Enfin, vous voudrez vous assurer que ces notifications par e-mail sont envoyées dans la boîte de réception du destinataire et non dans le dossier spam. La meilleure façon d'y parvenir est d'utiliser un fournisseur de services SMTP pour améliorer la délivrabilité des e-mails.

Pour plus de détails, consultez notre guide sur la façon de résoudre WordPress qui n'envoie pas de problème d'e-mail.

Ajouter le formulaire de paiement à votre site WordPress

La dernière étape consiste à ajouter votre nouveau formulaire de paiement Square à votre site Web WordPress. WPForms facilite l'ajout de formulaires n'importe où.

Créez simplement un nouveau message ou une nouvelle page, ou modifiez-en un existant. Ensuite, cliquez sur le signe plus (+) en haut et ajoutez un bloc WPForms dans l'éditeur WordPress.

Après cela, sélectionnez votre formulaire de paiement dans le menu déroulant du bloc WPForms.

Une fois que vous avez terminé, vous pouvez enregistrer ou publier votre page et cliquer sur le bouton d'aperçu pour voir votre formulaire en action.

Félicitations, vous avez maintenant connecté les paiements Square dans WordPress.

Vous pouvez connecter votre formulaire de paiement Square à des services de marketing par e-mail, Google Sheets et d'autres applications pour rationaliser davantage votre flux de travail à l'aide des intégrations natives de WPForms.

Moyens bonus de connecter Square à WordPress

WPForms offre un moyen simple de créer un formulaire de paiement qui connecte les paiements Square à votre site WordPress. Cependant, certains utilisateurs peuvent avoir des besoins différents.

Par exemple, vous pouvez créer un site d'adhésion ou une boutique en ligne pour vendre des produits physiques, vendre des livres électroniques, vendre des cours en ligne ou même accepter des dons.

Le carré n'est pas toujours le meilleur choix. C'est parce que Stripe a une bien meilleure prise en charge des plugins que Square dans WordPress, ce qui en fait un meilleur choix si vous cherchez à ajouter une option de carte de crédit.

De nombreux plugins populaires comme MemberPress, WP Simple Pay et Easy Digital Downloads offrent des intégrations Stripe intégrées.

Toutefois, si vous exploitez une boutique WooCommerce, vous pouvez facilement ajouter la prise en charge de Square à l'aide de l'extension officielle Square for WooCommerce.

Cette extension synchronise les produits entre votre site Web et votre compte Square. Cela signifie que lorsque vous ajoutez des produits à votre compte Square, ils seront également automatiquement ajoutés à votre boutique WooCommerce.

En plus de cela, il prend en charge les paiements récurrents lorsqu'il est utilisé avec l'extension WooCommerce Subscriptions.

Nous espérons que ce didacticiel vous a aidé à apprendre à connecter les paiements Square dans WordPress. Vous voudrez peut-être également apprendre à organiser un cadeau ou un concours dans WordPress, ou consulter notre liste des meilleurs plugins de médias sociaux.

Si vous avez aimé cet article, veuillez vous abonner à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.