Ajoute un champ de paiement à nu à votre formulaire. Si vous souhaitez savoir comment cela peut être mis en œuvre pour un formulaire de commande acceptant les paiements, regardez la vidéo ci-dessous.
Conformité SCA
Forminator 1.9, sorti le 29 août 2019, a remplacé le Stripe Checkout Modal par les Stripe Elements compatibles SCA. Tous les formulaires avec des champs de paiement Stripe sont automatiquement mis à jour. Bien que nous supposions que vos formulaires continueront de fonctionner comme prévu, nous vous recommandons de vérifier tout formulaire avec un champ de bande pour vous assurer qu’il n’y a pas de problèmes et de consulter les informations suivantes si vous utilisez le plugin à partir de n’importe quelle version avant la mise à jour 1.9.
Le processus de paiement de Stripe Elements est entièrement conforme à SCA. L’authentification forte du client (SCA) nécessite les paiements en ligne par carte de crédit et de débit effectués en Europe pour utiliser 3D Secure pour authentifier les paiements.
Les institutions financières peuvent rejeter les transactions qui ne sont pas conformes aux directives SCA.
En bref, 3D Secure stipule que la vérification de la validité d’une carte ne fournit pas une protection adéquate contre la fraude et que les clients doivent authentifier chaque achat en ligne de manière indépendante. Ceci est généralement réalisé en demandant aux clients de recevoir un code de confirmation spécifique à la transaction par e-mail ou SMS, similaire à l’exemple ci-dessous.
Après la mise à jour, vous verrez un message sur votre tableau de bord WordPress expliquant pourquoi il est essentiel de mettre à jour vers SCA. Cliquez sur Apprendre encore plus Pour accéder à une fenêtre, nous avons accéléré le processus de vérification de l’apparence et de la fonctionnalité de vos formulaires.
le La bande est conforme SCA La fenêtre suggère des éléments à rechercher lors de la révision de vos formulaires.
La fenêtre identifie vos formulaires existants qui contiennent des champs entrelacés. Cliquez sur l’icône d’édition à droite pour accéder à ce formulaire et consulter le champ « Stripes ».
Étiquettes de bande
Sous le Étiquettes Sur l’onglet, vous pouvez personnaliser le champ étiquette et la descriptionet définissez la langue qui sera utilisée pour les espaces réservés et les messages d’erreur dans le champ Stripes que les utilisateurs verront.
Vous pouvez également afficher ou masquer la carte de crédit symbole dans le champ de la bande et si vous souhaitez collecter Code postal également dans ce domaine. Si vous activez cela Code postal Cette option vous permet de remplir cette partie des données du champ à l’avance si vous avez déjà entré le code postal dans un autre champ de formulaire. Sélectionnez simplement ce champ ici.
Avec les options ci-dessus activées, votre champ de paiement Stripe ressemblera à l’exemple suivant, avec les emplacements de l’icône de la carte, la description du champ et le code postal / zip en surbrillance.
Paramètres de la bande
La première fois que vous accédez à l’onglet Paramètres de Stripe, vous serez invité à connecter un compte Stripe à Forminator. Vous ne pouvez pas configurer un champ de bande sans compte connecté.
appuie sur le Ici Lien pour être redirigé vers l’écran Paramètres> Paiements dans Forminator. Là vous cliquez Connectez-vous avec des bandes pour accéder à votre compte Stripe et le connecter à Forminator. Voir le Paramètres> Paiements Section si vous avez besoin d’aide pour connecter votre compte Stripe.
Une fois Stripe connecté avec succès à Forminator, vous pouvez passer à la configuration du champ de paiement sur votre formulaire.
Le type de paiement
Vous pouvez placer le champ de bande dans examen Mode jusqu’à ce que vous soyez prêt à traiter les paiements en direct. Stripe propose plusieurs méthodes pour tester l’intégration du paiement avant de commencer. Voir le Documentation pour le test de bandelette pour plus d’informations. Choisir Vivant Acceptez les paiements Stripe.
Devise des frais
Ouvrez le menu déroulant pour sélectionner la devise que vous souhaitez utiliser avec ce formulaire. Il est recommandé d’utiliser la devise la plus susceptible d’être utilisée par la majorité de vos clients afin de minimiser l’impact négatif des frais de change sur les ventes. Votre sélection de devise est affichée dans le Montant du paiement Domaine.
Montant du paiement
- Fermement – Sélectionnez cette option pour définir un montant de paiement fixe si vous souhaitez que toutes les personnes qui soumettent ce formulaire paient le même montant, par ex. B. lors de la soumission des frais de dossier ou d’un acompte.
- variable – Sélectionnez cette option pour que le montant du paiement dépende de l’entrée de l’utilisateur. Un menu déroulant apparaîtra pour que vous puissiez en choisir un devise ou alors Calculs Champ sur votre formulaire pour remplir le champ Montant du paiement Domaine.
Stripe Advanced
Preuve de paiement
Activez le Preuve de paiement Feature et Stripe envoient à vos clients un reçu par e-mail après des achats réussis. Ce reçu provient directement de Stripe et est utilisé en plus des notifications par e-mail personnalisées configurées dans Forminator.
appuie sur le Adresse e-mail Menu déroulant pour afficher les champs d’e-mail existants dans le formulaire actuel et pour sélectionner l’adresse e-mail appropriée.
Stripe n’envoie pas de reçus pour les achats effectués en mode d’essai, seuls les paiements en direct réussis reçoivent des reçus.
Vous pouvez personnaliser l’e-mail de réception Stripe en cliquant sur Personnalisez le modèle d’e-mailqui ouvre l’écran de connexion Stripe. Connectez-vous à Stripe et suivez les instructions pour créer des reçus d’e-mail personnalisés.
Détails de paiement
Décrypter l’instruction
Un décryptage de déclaration est une expression technique pour le mot ou la phrase figurant sur un état financier qui indique où une transaction a eu lieu. Normalement, vous vous attendez à ce qu’il s’agisse du nom de la société, mais vous pouvez créer n’importe quelle clé de déchiffrement personnalisée de votre choix tant qu’elle ne dépasse pas 22 caractères.
Description de paiement
le Description de paiement apparaît sur le reçu de paiement Stripe envoyé par e-mail à vos clients et fait partie des données de transaction enregistrées sur le compte Stripe qui a reçu le paiement.
Validation de la carte
Stripe vérifie les informations de la carte à mesure que vous tapez. Ce contrôle a lieu indépendamment du contrôle des autres entrées utilisateur, par ex. Adresses e-mail, telles que configurées sous les formulaires comportement Languette.
Détails de la facturation
Activer Détails de la facturation pour envoyer des informations supplémentaires collectées à partir d’un formulaire à Stripe afin que les données avec les informations de paiement puissent être affichées sur votre tableau de bord Stripe. Cliquez sur ActiverEnsuite, dans les menus déroulants, choisissez les informations que Stripe doit inclure dans l’enregistrement de transaction.
Métadonnées
Toutes les métadonnées personnalisées associées à votre formulaire peuvent être envoyées à Stripe et incluses dans la section MetaData pour chaque paiement reçu. Toutes les métadonnées envoyées à Stripe doivent répondre aux exigences du service: un maximum de 20 méta clés peuvent être envoyées, les noms de clés peuvent comporter au maximum 20 caractères et les données attribuées sont réduites à 500 caractères.
Onglet Style de rayures
Les classes d’éléments de l’écran Stripe Checkout sont associées à un statut de champ spécifique; B. vide, invalide ou complet. Lorsque l’état d’un champ change, généralement parce qu’un utilisateur a entré des données, une nouvelle classe est appliquée. le coiffant L’onglet vous permet de créer des classes personnalisées tout en conservant cette relation entre les classes et l’état des champs.
Par exemple, si un utilisateur remplit correctement un champ particulier, Stripe attribue la classe par défaut StripeElement – terminé avec ce champ. Vous pouvez changer de classe StripeElement – terminé En modifiant le champ Terminé dans l’onglet Style, Stripe continue de mapper la nouvelle classe sur l’état Terminé. Le style attribué à cette classe n’est appliqué que lorsqu’un champ a le statut « Terminé ».
N’oubliez pas qu’il n’est pas nécessaire de changer les classes par défaut de Stripe. Cependant, si vous le souhaitez, entrez simplement vos classes personnalisées dans les champs fournis et cliquez sur Appliquer.
Cliquez sur continuer la lecture pour accéder au recueil Stripe avec des types d’éléments, des objets, des classes et des styles.
Après avoir défini vos classes personnalisées ou utilisé les paramètres par défaut, vous pouvez utiliser les classes pour appliquer du CSS personnalisé dans l’éditeur disponible dans Forminator Voir Languette.