Envoyer le champ de formulaire Smart Tag à Square avec WPFoms

Voulez-vous envoyer l'adresse email à Square lorsqu'un formulaire est soumis ? Avec l'addon Square de WPForms, vous pouvez facilement accomplir cela en utilisant un snippet PHP personnalisé.

Dans ce guide, nous allons vous montrer comment envoyer l'adresse email à Square en utilisant WPForms.


Comprendre Square Payments

Lorsque vous utilisez l'addon Square, vous pouvez faire correspondre de manière transparente les champs Nom, Email et Adresse à Square. Ces détails sont stockés en toute sécurité dans le système de Square mais ne sont pas affichés dans la vue de la transaction.

vue de la transaction par défaut du paiement unique de Square

Pour afficher les données d'un champ de formulaire sur la page de détail de la transaction, vous devez implémenter un bref extrait de code PHP.

Création du formulaire

Pour commencer, vous devez créer un nouveau formulaire de paiement ou modifier un formulaire existant qui inclut le champ de formulaire Square. Veillez à ajouter les champs nécessaires, y compris le champ Email.

commencez par créer votre formulaire et ajoutez vos champs

Activation de Square Payments

Après avoir configuré vos champs et incorporé le champ de formulaire Square, passez à l'onglet Paiements. Sélectionnez ensuite Square pour activer Square comme méthode de traitement des paiements.

activer le carré sur votre formulaire

Remarque : pour plus de détails sur la configuration d'un formulaire acceptant les paiements Square, consultez notre tutoriel sur l'addon Square.

Ajout de l'identifiant du champ à la description du paiement

Ensuite, nous intégrerons le champ ID correspondant à l'adresse électronique dans la description du paiement que Square présente sur la page des détails de la transaction.

ajouter la balise intelligente pour l'identifiant du champ de l'adresse e-mail à la description du paiement

Pour notre formulaire spécifique, l'ID du champ Adresse électronique est 2. Par conséquent, dans la description du paiement, nous avons modifié ce champ pour qu'il se lise Paiement de {field_id="2″}. Si vous préférez afficher un autre champ de votre formulaire, par exemple le nom au lieu de l'adresse électronique, il vous suffit d'ajuster le numéro d'identification du champ en conséquence.

Si vous avez besoin d'aide pour localiser l'identifiant de votre champ, veuillez vous référer à ce tutoriel. De plus, vous avez la possibilité d'utiliser n'importe quelle balise intelligente de WPForms. Pour une liste complète des Smart Tags intégrés, consultez cette documentation.

Ajout de l'extrait

Par défaut, la description du paiement ne prend pas en charge les Smart Tags. Pour activer cette fonctionnalité, vous devez ajouter un extrait de code. Il vous suffit de copier et de coller l'extrait de code suivant sur votre site web.

Note : Si vous avez besoin de conseils sur la manière d'ajouter des extraits de code à votre site, veuillez consulter ce tutoriel pour obtenir des instructions étape par étape.

Remarque : l'API de Square impose des restrictions sur le nombre maximum de caractères que vous pouvez transmettre. Par exemple, le champ note ne peut contenir qu'un maximum de 500 caractères.

Dans l'extrait de code fourni, nous avons activé le champ note affiché sur la page de détail de la transaction pour traiter les Smart Tags de WPForms.

Voilà, c'est fait ! Vous avez maintenant appris à envoyer facilement l'adresse électronique à Square dans la description du paiement.

Ensuite, vous souhaitez apprendre à créer des étiquettes intelligentes personnalisées ? Consultez notre tutoriel sur la création d'une étiquette intelligente personnalisée.