Il existe plus de deux douzaines de champs Forminator uniques, et cette section explique leurs objectifs et fournit une procédure détaillée de configuration pour chacun.
NOM DE CHAMP
Ajoute un champ de nom à votre formulaire.
Étiquettes de nom
Dans l’ onglet Étiquettes , vous avez deux options, simple et multiple. Single créera un champ pour un nom, tandis que multiple divisera le nom en préfixe , prénom , nom et suffixe .
Sélectionnez simple pour modifier le champ Étiquette , entrez Placeholder texte ou ajouter une commande description pour un champ.
Sélectionnez Multiple pour ouvrir des options supplémentaires vous permettant d’ajouter le préfixe , le prénom , le deuxième prénom ou le nom de famille à votre champ Nom.
Ouvrez un champ pour modifier l’ étiquette du champ , placez du texte pour espace réservé ou ajoutez une description personnalisée pour les champs de nom que vous avez activés.
EMAIL FIELD
Ajoute un champ de courrier électronique à votre formulaire.
Étiquettes de courrier électronique
Dans l’ étiquettes onglet, vous pouvez modifier le champ Étiquette , mettre Placeholder texte ou ajouter une coutume description .
Paramètres de messagerie
Champ de validation : chaque fois qu’un utilisateur entre une adresse électronique, ce champ vérifie s’il a un format valide. Activer cette option vous permettra d’entrer votre “ Message de validation ” si l’email est invalide.
TÉLÉPHONE
Ajoute un champ de téléphone à votre formulaire.
Étiquettes de téléphone
Dans l’ étiquettes onglet, vous pouvez modifier le champ Étiquette , mettre Placeholder texte ou ajouter une coutume description .
Les paramètres du téléphone
Champ de validation : chaque fois qu’un utilisateur entre un numéro de téléphone, ce champ vérifie s’il a un format valide. Vous pouvez choisir un format national ou international ou limiter le nombre de caractères. Activer cette option vous permettra d’entrer votre “ Message de validation ” si le numéro de téléphone est invalide.
DOMAINE D’ADRESSE
Ajoute un champ d’adresse à votre formulaire.
Étiquettes d’adresse
Dans l’ onglet Labels , vous pouvez activer les différents sous-champs d’adresse que vous souhaitez utiliser.
Pour modifier l’ étiquette du champ , placez du texte de substitution ou ajoutez une description personnalisée , ouvrez le sous-champ.
CHAMP DE SITE
Ajoute un champ de site Web à votre formulaire.
Étiquettes de site Web
Dans l’ étiquettes onglet, vous pouvez modifier le champ Étiquette , mettre Placeholder texte, ajoutez une valeur par défaut ou ajouter une coutume description .
Paramètres du site
Champ de validation : chaque fois qu’un utilisateur entre sur un site Web, ce champ vérifie s’il a un format valide. Activer cette option vous permettra d’entrer votre “ Message de validation ” si le format du site Web est invalide.
CHAMP D’ENTRÉE DE TEXTE À LIGNE UNIQUE
Ajoute un champ de saisie de texte d’une seule ligne à votre formulaire.
Étiquettes d’entrée
Dans l’ étiquettes onglet, vous pouvez modifier le champ Étiquette , mettre Placeholder texte, ajoutez une valeur par défaut ou ajouter une coutume description .
Paramètres d’entrée
Nombre maximal de caractères : Vous pouvez limiter le nombre de caractères autorisés dans ce champ.
ZONE DE TEXTE
Ajoute un champ de zone de texte à votre formulaire.
Étiquettes de zone de texte
Dans l’ étiquettes onglet, vous pouvez modifier le champ Étiquette , mettre Placeholder texte, ajoutez une valeur par défaut ou ajouter une coutume description .
Paramètres de zone de texte
Nombre maximal de caractères : Vous pouvez limiter le nombre de caractères autorisés dans ce champ.
NUMÉRO DE CHAMP
Ajoute un champ numérique à votre formulaire.
Nombre d’étiquettes
Dans l’ étiquettes onglet, vous pouvez modifier le champ Étiquette , mettre Placeholder texte, ajoutez une valeur par défaut ou ajouter une coutume description .
Paramètres de numéro
Caractères max .: Vous pouvez limiter la plage de nombres autorisée dans ce champ.
BOUTON RADIO DE TERRAIN
Ajoute un champ de bouton radio à votre formulaire.
Étiquettes radio
Dans l’ étiquettes onglet, vous pouvez modifier le champ Étiquette et ajouter une commande description .
Vous devez également saisir les options de bouton radio disponibles (que vos utilisateurs verront dans le formulaire) et leurs valeurs (c’est ce que vous verrez dans la soumission du formulaire).
Cliquez sur la zone Ajouter une option pour ajouter des options de bouton radio. Sélectionnez l’icône de la corbeille rouge à côté des options que vous souhaitez supprimer.
Paramètres radio
Sélectionnez Obligatoire pour obliger les utilisateurs à répondre à ce champ ou Facultatif pour permettre aux utilisateurs de sauter ce champ s’ils le souhaitent.
Sélectionnez Vertical ou Horizontal pour déterminer la disposition des options de réponse.
Onglet Calculs
Vous pouvez choisir d’autoriser ou non l’utilisation de ce champ pour créer des formules dans les champs de calcul . Sélectionnez Activer pour autoriser l’utilisation du champ dans les calculs.
Si vous choisissez d’ activer les calculs, vous devez attribuer une valeur numérique à chaque option. Entrez la valeur nécessaire dans le champ Valeur de calcul .
CHECKBOX FIELD
Ajoute un champ de case à cocher à votre formulaire.
Étiquettes de case à cocher
Dans l’ étiquettes onglet, vous pouvez modifier le champ Étiquette et ajouter une commande description .
Vous devez également entrer les options de case à cocher disponibles (que vos utilisateurs verront dans le formulaire) et leurs valeurs (c’est ce que vous verrez dans la soumission du formulaire).
Cliquez sur la zone Ajouter une option pour ajouter des options de case à cocher. Sélectionnez l’icône de la corbeille rouge à côté des options que vous souhaitez supprimer.
Paramètres de la case à cocher
Sélectionnez Obligatoire pour obliger les utilisateurs à répondre à ce champ ou Facultatif pour permettre aux utilisateurs de sauter ce champ s’ils le souhaitent.
Sélectionnez Vertical ou Horizontal pour déterminer la disposition des options de réponse.
Onglet Calculs
Vous pouvez choisir d’autoriser ou non l’utilisation de ce champ pour créer des formules dans les champs de calcul . Sélectionnez Activer pour autoriser l’utilisation du champ dans les calculs.
Si vous choisissez d’ activer les calculs, vous devez attribuer une valeur numérique à chaque option. Entrez la valeur nécessaire dans le champ Valeur de calcul . Notez que lorsque les utilisateurs sélectionnent deux options ou plus, ces valeurs sont additionnées et la somme correspond à la valeur utilisée dans les calculs suivants.
CALCULS
Ajoute à votre formulaire un champ qui calcule les entrées numériques de l’utilisateur à l’aide de formules mathématiques personnalisées.
Étiquettes de calcul
Dans l’ onglet Libellés , vous pouvez modifier le champ Libellé , appliquer du texte de substitution ou ajouter une description personnalisée .
Paramètres de calcul
Dans l’ onglet Paramètres, vous pouvez masquer le champ Calcul et choisir le nombre de décimales à afficher dans le résultat calculé.
Onglet Calculs
L’onglet Calculs est l’endroit où vous entrez la formule que vous souhaitez utiliser pour ce champ. Les formules peuvent être simples, telles que fieldname1 + fieldname2 , ou des équations mathématiques complexes comportant plusieurs champs groupés, telles que fieldname1 * (fieldname2 + fieldname3) . Chaque formule est considérée comme un calcul unique et en insérant plusieurs champs de calcul, votre formulaire devient un puissant outil mathématique.
Un menu pratique d’opérations mathématiques, situé en haut du champ de formule, simplifie grandement la construction de vos formules personnalisées. La première option, en bleu, ouvre un menu déroulant des champs de valeur numériques insérés dans le formulaire actuel. Combinez ces champs avec les opérandes mathématiques +, -, *, / et () pour créer des formules personnalisées.
REMARQUE:
Vous devez ajouter une formule au champ Formule de calcul afin de sauvegarder les paramètres du champ de calcul. Par exemple, vous ne pouvez pas configurer les étiquettes ou le style , puis enregistrez le champ avec l’intention d’ajouter une formule ultérieurement.
Après avoir ajouté votre formule au champ Formule de calcul , un aperçu de la formule apparaît pour vous permettre de vérifier que les données et opérations mathématiques appropriées seront utilisées pour effectuer ce calcul.
CHOISIR LE CHAMP
Ajoute un champ de sélection déroulant à votre formulaire. Vous pouvez choisir parmi une liste déroulante de sélection unique ou une liste déroulante qui permet plusieurs sélections.
Sélectionnez les étiquettes
Dans l’ étiquettes onglet, vous pouvez modifier le champ Étiquette et ajouter une commande description .
Vous devez également saisir les options de liste déroulante disponibles (que vos utilisateurs verront dans le formulaire) et leurs valeurs (c’est ce que vous verrez dans la soumission du formulaire).
Cliquez sur la zone Ajouter une option pour ajouter des options déroulantes. Sélectionnez l’icône de la corbeille rouge à côté des options que vous souhaitez supprimer.
Onglet Calculs
Vous pouvez choisir d’autoriser ou non l’utilisation de ce champ pour créer des formules dans les champs de calcul . Sélectionnez Activer pour autoriser l’utilisation du champ dans les calculs.
Si vous choisissez d’ activer les calculs, vous devez attribuer une valeur numérique à chaque option. Entrez la valeur nécessaire dans le champ Valeur de calcul . Notez que lorsque les utilisateurs sélectionnent deux options ou plus, ces valeurs sont additionnées et la somme correspond à la valeur utilisée dans les calculs suivants.
DATEPICKER FIELD
Ajoute un champ datepicker à votre formulaire.
Étiquettes Datepicker
Dans l’ onglet Étiquettes , vous pouvez choisir entre trois formats de calendrier différents.
Vous pouvez choisir parmi les options suivantes:
- Calendrier avec dates sélectionnables
- Liste déroulante pour le jour, le mois et l’année
- Saisie de texte pour le jour, le mois et l’année
Également dans l’ onglet Étiquettes , vous pouvez modifier l’ étiquette du champ , insérer du texte d’ espace réservé , ajouter une valeur par défaut ou ajouter une description personnalisée .
Pour les champs de date, vous pouvez choisir d’afficher ou de masquer une icône de calendrier.
Si vous choisissez des listes déroulantes ou des entrées de texte , vous pourrez choisir le format de la date . Vous pouvez choisir parmi les options suivantes:
- Ymd
- m / j / a
- j / m / a
Paramètres Datepicker
Date par défaut : Pour la date par défaut, vous pouvez renseigner automatiquement la date du jour ou définir une date personnalisée.
Restreindre la plage d’année : Vous pouvez restreindre ici la plage d’année en définissant un minimum et un maximum.
Restreindre les choix de date : Vous permet de restreindre la sélection de certains jours de la semaine (via l’onglet Jours de la semaine) ou vous pouvez restreindre des dates spécifiques (via l’onglet Dates personnalisées).
CHAMP DE TIMING
Ajoute un champ timepicker à votre formulaire.
Étiquettes Timepicker
Dans l’ onglet Labels , vous pouvez choisir entre deux formats d’heure différents.
Vous pouvez choisir parmi les options suivantes:
- Des listes déroulantes
- Nombre d’entrées
Vous pouvez également spécifier si vous souhaitez utiliser une heure sur 12 ou 24 heures.
Également dans l’ onglet Étiquettes , vous pouvez modifier l’ étiquette du champ et ajouter une description personnalisée .
Pour personnaliser l’ étiquette et Placeholder pendant des heures et des minutes, ouvrez le sous – champ.
Paramètres Timepicker
Incréments : Les champs des heures et des minutes du timepicker sont dotés de flèches haut / bas que vous pouvez utiliser pour régler l’heure. Le paramètre d’incréments vous permet de définir le nombre d’heures ou de minutes pendant lesquelles l’heure augmentera ou diminuera lorsqu’on utilise les flèches d’horodatage.
Par exemple, supposons que l’incrément pour les heures est de 2 heures et l’incrément pour les minutes de 15 minutes. Si un utilisateur utilise la flèche d’augmentation pendant des heures, l’heure passera de 1 à 3 à 5, etc. Lorsqu’il règle les minutes à l’aide de la flèche d’augmentation, il commence à 15 heures, passe à 30, puis s’arrête à 45.
Heure par défaut : vous pouvez définir une heure par défaut pour renseigner le champ s’il est laissé vide.
FILE DE TÉLÉCHARGEMENT DE CHAMP
Ajoute un champ de téléchargement de fichier à votre formulaire.
Étiquettes de téléchargement de fichier
Dans l’ étiquettes onglet, vous pouvez modifier le champ Étiquette et ajouter une commande description .
Paramètres de téléchargement de fichier
Types de fichiers autorisés : pour limiter les types de fichiers acceptés, sélectionnez l’option personnalisée et vous aurez accès à une liste de types de fichiers images, documents, audio, vidéo, feuilles de calcul, archives, texte et interactifs.
Limite de la taille des fichiers: Vous pouvez également limiter la taille des fichiers que vous accepterez.
Ajoute un champ de téléchargement de fichier au formulaire afin que vous puissiez recevoir des fichiers de vos visiteurs. Ce champ respectera la limite par défaut définie sur votre site. Si vous souhaitez le modifier, suivez ce guide rapide: Augmentez la taille de téléchargement du fichier .
DONNÉES DE POSTE
Voulez-vous autoriser vos visiteurs à publier des publications à partir du frontal de votre site? Eh bien, nous avons quelque chose pour vous ici. Ajoutez simplement ce champ au formulaire et activez les fonctionnalités souhaitées.
Étiquettes de post-données
Dans l’ onglet Labels , vous pouvez activer les sous-champs Post Data suivants :
- Titre
- Contenu
- Extrait
- L’image sélectionnée
- Catégorie
- Mots clés
Pour le titre , le contenu et extrait , vous pouvez modifier le champ Étiquette , mettez Placeholder texte et ajoutez une coutume description .
Titre du message : permet à vos visiteurs de saisir le titre de leur message.
Contenu de la publication : permet à vos visiteurs de saisir le contenu de leur publication.
Post extrait : Ajoute l’extrait au message.
Pour Image en vedette , Catégories et Balises , vous pouvez définir le libellé et la description .
Image en vedette : Permet de soumettre une image en vedette. Si vous utilisez Smush et que vos images «Smush automatique» activées soumises ici seront effacées avant d’être ajoutées à votre médiathèque.
Paramètres de post-données
Type de publication : Vous pouvez choisir de créer une publication ou une page .
Statut par défaut : vous pouvez définir la publication automatique d’ une publication ou d’une page, ou bien enregistrer l’entrée de formulaire sous forme de brouillon ou de révision en attente .
Auteur par défaut : choisissez un auteur par défaut pour toutes les soumissions (l’auteur par défaut doit être un utilisateur enregistré sur votre site et son rôle d’utilisateur doit être Auteur ou supérieur). Si vous ne forcez pas cela et qu’un utilisateur connecté effectue une publication, il sera défini comme l’auteur de la publication.
Catégorie et étiquette : Permet aux visiteurs de choisir une catégorie ou une étiquette pour leur publication (ils doivent être déjà présents – ils ne peuvent pas en ajouter de nouvelles par eux-mêmes).
Limites de taxonomies: Contrôle le mode d’affichage des champs de taxonomie. Si vous choisissez single pour les catégories ou les tags, ils apparaîtront dans un menu déroulant afin qu’un seul puisse être sélectionné. Si vous choisissez plusieurs catégories ou balises, l’utilisateur pourra sélectionner plusieurs balises et catégories dans une liste de vos balises et catégories actuelles.
reCAPTCHA FIELD
Voulez-vous utiliser reCAPTCHA de Google sur vos formulaires?
Veuillez vous référer à PARAMÈTRES pour le configurer. Une fois cela fait, un nouveau champ CAPTCHA sera disponible dans les champs Formulaires que vous pourrez ensuite ajouter à tous les formulaires nouveaux ou déjà créés sur votre site.
reCAPTCHA protégera votre site Web contre le spam et les abus, tout en permettant à de vraies personnes de passer facilement, et ressemblera à cela sur vos formulaires
En plus de la taille complète ci-dessus, reCAPTCHAS peut choisir parmi plusieurs options. Vous pouvez en choisir un avec un arrière-plan sombre ou un reCAPTCHA compact dans une version claire ou sombre.
Paramètres reCAPTCHA
Affichage : Vous pouvez choisir le type de reCAPTCHA que vous souhaitez afficher dans les paramètres du champ reCAPTCHA.
Si vous choisissez d’utiliser le reCAPTCHA invisible, vous obtiendrez un service conçu pour protéger les sites et les applications contre le spam et les abus sans que les utilisateurs aient à cliquer sur «Je ne suis pas un robot». Invisible reCAPTCHA utilisera une technologie avancée d’analyse des risques pour séparer les humains des robots et ressemblera à ceci:
Langue : lors de la configuration initiale du reCAPTCHA sous paramètres, vous spécifierez la langue que vous souhaitez utiliser. Si vous souhaitez le modifier par formulaire, utilisez ce paramètre.
Champ HTML
Ajoute un champ HTML afin que vous puissiez insérer du HTML dans votre formulaire.
Ajoute un champ HTML à votre formulaire. Cela n’affiche que le HTML formaté dans le formulaire. Ce n’est pas pour l’entrée.
Le bouton Ajouter des données de formulaire vous permet d’incorporer l’une des données de formulaire dans ce champ si nécessaire.
DOMAINE DE PAGINATION
Ajoute une pagination à votre formulaire afin que vous puissiez ajouter des étapes ou diviser des formulaires longs en sections.
Exemple de formulaire paginé sur le frontend:
Étiquettes de pagination
Dans l’ onglet Étiquettes , les étapes que vous étiquetez ici seront affichées dans les étapes de navigation (voir Paramètres du formulaire / Pagination pour plus de détails).
Champ caché
Ajoute un champ caché à votre formulaire, non visible au début, afin que vous puissiez enregistrer quelque chose de spécifique lors de la saisie du formulaire.
Étiquettes de champs cachés
Il existe de nombreuses options telles que l’adresse IP, la date, les données de publication / page ou vous pouvez même enregistrer les informations de vos utilisateurs (selon vos besoins). Cliquez simplement sur le champ Valeur par défaut et choisissez celui que vous souhaitez.
Vous pouvez également étiqueter ce champ dans l’étiquette de champ.
Champ de la section
Ajoute une section non remplissable à votre formulaire afin que vous puissiez créer des sections et les mettre en surbrillance.
Étiquettes de section
Titre de la section : Ajoute un titre à votre section.
Section sous – titre : Ajoute un sous-titre à votre section
Paramètres de section
Bordure : ajoute une limite sous votre section. Vous pouvez également spécifier la largeur et la couleur de la bordure si vous choisissez Solide et pointillé .
DOMAINE D’APPROBATION GDPR
Ajoute une case à cocher GDPR à votre formulaire au cas où vous deviez être conforme à GDPR. N’oubliez pas de créer un lien vers votre politique de confidentialité, vos conditions et services ou toute autre page requise 🙂
CHAMP DE MONNAIE
Ajoute à votre formulaire un champ permettant les entrées monétaires définies par l’utilisateur, telles que l’acceptation de dons.
Étiquettes de monnaie
Dans l’ onglet Libellés , vous pouvez modifier le champ Libellé , insérer du texte de substitution , ajouter une valeur par défaut ou ajouter une description personnalisée .
Paramètres de devise
Dans l’ onglet Paramètres de devise , vous pouvez choisir la devise de ce champ en sélectionnant la flèche déroulante et en choisissant dans la liste des 120 pays.
Vous pouvez spécifier si ce champ est facultatif ou obligatoire . Lorsque vous sélectionnez Obligatoire , un champ supplémentaire s’ouvre pour vous permettre de saisir un message d’erreur indiquant que l’utilisateur verra s’il laisse le champ vide ou incomplet.
Vous pouvez spécifier le nombre de chiffres pouvant être entrés après un point décimal à l’aide du menu déroulant Point décimal .
Vous pouvez limiter les valeurs que les utilisateurs peuvent entrer dans ce champ en définissant des valeurs minimales et maximales.
Calculs de devise
Vous pouvez choisir d’autoriser ou non l’utilisation de ce champ pour créer des formules dans les champs de calcul . Sélectionnez Activer pour autoriser l’utilisation du champ dans les calculs.
STRIPE FIELD
Forminator 1.9 nécessite un examen des formulaires existants
Forminator 1.9, publié le 29 août 2019, a remplacé le modal de contrôle de bandes par des éléments de bande conformes à SCA. Tous les formulaires contenant des champs de paiement Stripe seront automatiquement mis à jour, et bien que nous nous attendions à ce que vos formulaires continuent de fonctionner comme prévu, nous vous recommandons de vérifier tout formulaire contenant un champ Stripe pour vous assurer qu’il n’y a pas de problèmes.
Un message apparaîtra dans votre tableau de bord WordPress après la mise à jour, expliquant pourquoi la mise à jour vers SCA est essentielle. Cliquez sur En savoir plus pour accéder à une fenêtre conçue pour accélérer le processus de vérification de l’apparence et des fonctionnalités de vos formulaires.
La fenêtre compatible Strip de SCA suggère des éléments à rechercher lors de la révision de vos formulaires.
La fenêtre identifie vos formulaires existants contenant des champs à bandes. Cliquez sur l’icône d’édition à droite pour accéder à ce formulaire et passer en revue le champ Stripe.
REMARQUE:
Un compte Stripe est requis pour configurer un champ de paiement Stripe.
Cliquez sur l’ icône du champ Stripe , puis sur Insérer un champ pour insérer le champ de paiement Stripe.
Conforme SCA
Le processus de paiement de Stripe Elements est entièrement conforme à SCA. L’authentification forte du client (SCA) exige que les paiements en ligne par carte de crédit et de débit traités en Europe utilisent 3D Secure pour authentifier les paiements.
Les institutions financières peuvent refuser des transactions qui ne suivent pas les directives de la SCA.
En résumé, 3D Secure affirme que vérifier la validité d’une carte ne constitue pas une protection suffisante contre la fraude et nécessite que les clients authentifient chaque achat en ligne de manière indépendante. Ceci est généralement accompli en fournissant aux clients un code de vérification spécifique à la transaction envoyé par e-mail ou par SMS, similaire à l’exemple ci-dessous.
Paramètres de bande
La première fois que vous accédez à l’interface Stripe Edit Field, vous serez invité à connecter un compte Stripe à Forminator. Vous ne pouvez pas configurer un champ Stripe sans compte connecté.
Cliquez sur le lien «ici» , puis sur Connect To Stripe pour accéder à votre compte Stripe et le connecter à Forminator. Voir la section Paiements si vous avez besoin d’aide pour connecter votre compte Stripe.
Moyen de paiement
Vous pouvez placer le champ Stripe en mode test jusqu’à ce que vous soyez prêt à traiter les paiements en direct. Stripe propose différentes méthodes pour tester l’intégration des paiements avant leur mise en ligne. Reportez-vous à la documentation relative aux tests de bande pour plus d’informations. Sélectionnez Live pour commencer à accepter les paiements Stripe.
Devise De Charge
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 que les frais de conversion de devise peuvent avoir sur les ventes. Votre choix de devise sera affiché dans le champ Montant du paiement .
Montant du paiement
Sélectionnez Fixe lorsque toute personne utilisant ce formulaire doit payer le même montant, par exemple lors de la soumission d’une taxe de dépôt ou d’un dépôt. Sélectionnez Variable lorsque le montant du paiement dépend des entrées de l’utilisateur.
Lorsque l’ option Fixe est activée, vous pouvez définir un montant de paiement spécifique dans le champ fourni.
Lorsque la variable est activée, un menu déroulant vous permet d’appliquer le montant de n’importe quel champ numérique du formulaire au champ Montant du paiement .
REMARQUE:
Si vous souhaitez autoriser les paiements définis par l’utilisateur, par exemple lors de l’acceptation de dons, ajoutez un champ Devise à votre formulaire. Ce champ apparaîtra dans ce menu déroulant et permettra aux utilisateurs de saisir un montant de paiement en fonction des paramètres que vous avez définis lors de la configuration du champ Devise .
Stripe Advanced Tab
Reçu
Activez la fonction de réception du paiement et Stripe enverra un reçu par courrier électronique à vos clients après des achats réussis. Ce reçu provient directement de Stripe et s’ajoute à toute notification par courrier électronique personnalisée configurée dans Forminator.
Cliquez sur le menu déroulant Adresse électronique pour afficher les champs de courrier électronique présents dans le formulaire actuel et sélectionner l’adresse électronique applicable.
Stripe n’envoie pas de reçus pour les achats effectués en mode test, seuls les paiements en direct réussis recevront des reçus.
Vous pouvez personnaliser l’email de réception de Stripe en cliquant sur Personnaliser le modèle d’email , ce qui ouvrira l’écran de connexion de Stripe. Connectez-vous à Stripe et suivez leurs instructions pour créer des accusés de réception personnalisés.
Déclaration déchiffrer
Un relevé de relevé est une phrase technique pour le mot ou la phrase apparaissant dans un relevé de compte financier qui identifie le lieu où une transaction a eu lieu. Généralement, on pourrait s’attendre à ce qu’il s’agisse du nom de la société, mais vous pouvez créer le déchiffrement personnalisé que vous souhaitez tant qu’il n’ya pas plus de 22 caractères.
Description de paiement
La description du paiement apparaîtra sur le reçu de paiement Stripe envoyé par courrier électronique à vos clients et fera partie des données de transaction enregistrées sur le compte Stripe ayant reçu le paiement.
Validation de la carte
Stripe valide les informations de la carte au fur et à mesure de leur saisie et cette validation est effectuée indépendamment de la validation des autres entrées de l’utilisateur, telles que les adresses électroniques, telles que configurées dans l’ onglet Comportement .
Détails de la facturation
Activer les détails de facturation pour envoyer des informations supplémentaires collectées par un formulaire à Stripe afin que les données apparaissent avec les informations de paiement dans votre tableau de bord Stripe. Cliquez sur Activer , puis sélectionnez dans les menus déroulants les informations que Stripe doit inclure dans l’enregistrement de transaction.
Métadonnées
Toute métadonnée personnalisée associée à votre formulaire peut être envoyée à Stripe et incluse dans la section MetaData pour chaque paiement reçu. Toutes les métadonnées envoyées à Stripe doivent être conformes aux exigences du service: un maximum de 20 clés méta peuvent être envoyées, les noms de clé doivent comporter 20 caractères au maximum et les données mappées seront tronquées à 500 caractères.
Onglet Style à rayures
Les classes d’éléments de l’écran d’extraction de stripe sont associées à un état de champ spécifique, tel que vide, invalide ou complet. Lorsque l’état d’un champ change, généralement parce qu’un utilisateur a saisi des données, une nouvelle classe est appliquée. L’onglet Styling vous permet de créer des classes personnalisées tout en maintenant cette relation entre les classes et l’état du champ.
Par exemple, lorsqu’un utilisateur remplit un champ donné sans erreur, Stripe associe la classe par défaut StripeElement – complete à ce champ. Vous pouvez changer la classe StripeElement – complete en modifiant le champ Complete dans l’onglet Styling, mais Stripe associera toujours la nouvelle classe à l’état “complete”, et ce n’est que lorsqu’un champ aura atteint l’état “complete” que le style sera associé à cette classe. sois appliqué.
N’oubliez pas que la modification des classes par défaut de Stripe n’est pas nécessaire, mais si vous le souhaitez, entrez simplement vos classes personnalisées dans les champs fournis et cliquez sur Appliquer .
Cliquez sur Lire plus pour accéder au compendium Stripe de types d’éléments, d’objets, de classes et de styles.
Une fois que vous avez défini vos classes personnalisées ou choisi d’utiliser les valeurs par défaut, vous pouvez ensuite utiliser les classes pour appliquer des CSS personnalisées dans l’éditeur disponible dans l’ onglet Apparence de Forminator .
Visibilité
L’ onglet Visibilité vous permet de créer des règles de logique conditionnelles vous permettant d’afficher ou de masquer facilement des champs de formulaire en fonction d’autres entrées utilisateur.
Pour ajouter des règles de logique conditionnelles, accédez à l’onglet Visibilité et cliquez sur la section Ajouter une règle .
Dans la fenêtre contextuelle, indiquez si vous souhaitez ou non que la ou les règles masquent ou affichent un champ.
Si vous avez plusieurs règles, vous devrez spécifier si toutes les conditions doivent être remplies ou une seule.
Lorsque vous ouvrez une règle, vous devez choisir le champ utilisé par la condition. Sélectionnez également la condition et la valeur du champ.
DOMAINE PAYPAL
Le champ PayPal ajoute des boutons PayPal et de crédit PayPal, ainsi que des options de carte de crédit sélectionnées, à l’écran de paiement d’un formulaire.
Conforme SCA
Le processus de paiement PayPal est entièrement conforme à SCA. L’authentification forte du client (SCA) exige que les paiements en ligne par carte de crédit et de débit traités en Europe utilisent 3D Secure pour authentifier les paiements.
Les institutions financières peuvent refuser des transactions qui ne suivent pas les directives de la SCA.
Un compte PayPal Premier ou Business est nécessaire pour accepter les paiements par carte de crédit. Ce compte doit être connecté à Forminator pour pouvoir configurer un champ PayPal.
Paramètres PayPal
La première fois que vous accédez à l’interface PayPal Modifier le champ, vous serez invité à connecter un compte PayPal à Forminator si vous ne l’avez pas déjà fait. Vous ne pouvez pas configurer un champ PayPal sans compte connecté.
Cliquez sur le lien «ici» pour commencer à connecter un compte.
Cliquez sur Connexion à PayPal .
Vous serez invité à saisir vos clés d’API REST PayPal, qui sont générées par PayPal. Vous aurez besoin de deux jeux de clés: un jeu Sandbox pour tester les formulaires avec un champ PayPal en mode Sandbox et un jeu Live autorisant PayPal à traiter les paiements réels.
Si vous ne possédez pas vos clés, cliquez sur le lien «ici» pour accéder à la page Applications et informations d’identification PayPal.
Cliquez sur Connexion au tableau de bord et entrez vos informations de connexion PayPal, puis suivez les instructions pour générer vos clés d’API REST.
Une fois que vous avez vos clés d’API REST, entrez vos clés Sandbox et Live dans les champs respectifs, puis cliquez sur Connecter .
L’interface PayPal se ferme et vous verrez votre compte PayPal connecté dans les paramètres de Forminator. Cliquez sur Devise par défaut si vous souhaitez définir une devise par défaut autre que le dollar américain.
Important : n’oubliez pas de cliquer sur Enregistrer les paramètres avant de quitter la page Paiements, sinon votre compte PayPal risque de ne pas être connecté et vous devrez peut-être vous connecter à nouveau.
Une fois que vous avez connecté un compte PayPal, vous pouvez configurer un champ PayPal Checkout. Cliquez n’importe où dans le champ de formulaire pour ouvrir l’interface d’édition de champ. N’oubliez pas de cliquer sur Appliquer pour enregistrer vos modifications avant de quitter les écrans Modifier un champ.
CONFIGURER PAYPAL
Moyen de paiement
Utilisez le mode Sandbox pour tester votre configuration PayPal Checkout et vous assurer qu’elle a l’aspect et le fonctionnement que vous attendez avant de publier le formulaire. Sélectionnez le mode Live lorsque vous êtes prêt à publier votre formulaire et à accepter les paiements.
Devise De Charge
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 que les frais de conversion de devise peuvent avoir sur les ventes.
Montant du paiement
Sélectionnez Fixe lorsque tous les utilisateurs de ce formulaire doivent payer le même montant, par exemple lors de la soumission des frais de candidature ou du dépôt. Sélectionnez Variable lorsque le montant du paiement dépend des entrées de l’utilisateur.
Lorsque l’option Fixe est activée, vous pouvez définir un montant de paiement spécifique dans le champ fourni.
Lorsque la variable est activée, un menu déroulant vous permet d’appliquer le montant de n’importe quel champ numérique du formulaire au champ Montant du paiement .
REMARQUE:
Si vous souhaitez autoriser les paiements définis par l’utilisateur, par exemple lors de l’acceptation de dons, ajoutez un champ Devise à votre formulaire. Ce champ apparaîtra dans ce menu déroulant et permettra aux utilisateurs de saisir un montant de paiement en fonction des paramètres que vous avez définis lors de la configuration du champ Devise .
Personnaliser
L’onglet Personnaliser vous permet de modifier l’aspect des boutons PayPal Checkout.
Étiquette – Choisissez l’une des trois étiquettes PayPal qui apparaîtra dans les boutons de votre formulaire.
Couleur – Choisissez la couleur des boutons.
Largeur – Choisissez la largeur des boutons.
Hauteur – Choisissez la hauteur des boutons.
Forme – Choisissez la forme des boutons.
Mise en page – Choisissez si les boutons de crédit PayPal et PayPal sont empilés ou apparaissent côte à côte.
ONGLET AVANCÉ
La langue
PayPal adapte automatiquement la langue qui apparaît sur ses boutons aux géolocalisations des visiteurs et aux préférences du navigateur. Vous pouvez définir une langue spécifique pour vos boutons PayPal, mais cela annule la fonctionnalité de langue adaptative de PayPal. Les boutons de paiement afficheront la langue choisie par tous les visiteurs.
Si vous souhaitez limiter vos boutons PayPal à une langue spécifique, vous devez entrer un code de paramètres régionaux PayPal. Visitez la page Codes de localisation pris en charge par PayPal pour trouver votre code et entrez-le dans le champ fourni.
Désactiver les options de carte
Sélectionnez les cartes que vous souhaitez éliminer de ces écrans PayPal comme options de paiement.
Mode débogage
Le mode de débogage PayPal peut aider à résoudre les problèmes liés au processus de paiement PayPal. Cependant, le mode de débogage augmente considérablement la taille du script et peut entraîner des problèmes de performances. Il est recommandé d’activer le mode débogage et de résoudre les problèmes liés à PayPal en mode Sandbox uniquement.
Visibilité
L’onglet Visibilité vous permet d’ajouter des règles de logique conditionnelle à vos champs. Voir Logique conditionnelle pour des conseils sur la création de règles.
METADATA
Si vous souhaitez envoyer à Paypal les métadonnées de votre formulaire, cliquez sur + Ajouter un méta personnalisé et créez une clé méta. Les clés méta doivent être conformes aux exigences de Paypal.
4.3.26 Signature électroniquePro
Le champ E-Signature vous permet d’exiger que les utilisateurs ajoutent leur signature lors de la soumission de votre formulaire.
IMPORTANT
Le champ de signature électronique nécessite l’activation de l’ extension PHP GD sur votre serveur. Si vous ne savez pas comment activer les extensions PHP, veuillez contacter votre fournisseur d’hébergement et lui demander de l’activer pour vous.
Si vous avez besoin d’une signature juridiquement contraignante, consultez également l’ intégration WP E-Signature ci-dessous.
Avec tous les paramètres par défaut, le champ E-Signature ressemblerait à cet exemple dans votre formulaire.
Étiquettes de signature électroniqueCopier l’ancre d’en-tête dans le presse-papiers
- Étiquette – Ceci apparaît au-dessus du champ E-Signature dans votre formulaire.
- Espace réservé – Cela apparaît dans le champ E-Signature avant que l’utilisateur ne clique dessus pour signer.
- Description – Cela apparaît sous le champ E-Signature.
Paramètres de signature électroniqueCopier l’ancre d’en-tête dans le presse-papiers
- Type de fichier de signature – Sélectionnez pour enregistrer les signatures électroniques soumises sous forme de fichiers PNG ou JPG.
- Hauteur – Ajustez la hauteur du champ de signature électronique si nécessaire.
- Épaisseur du trait – Ajustez l’épaisseur de la ligne de la signature électronique.
- Exiger – Définissez la signature électronique sur obligatoire ou facultative.
Répéteur de groupe de champsCopier l’ancre d’en-tête dans le presse-papiers
La section Répéteur est l’endroit où vous pouvez configurer la façon dont les utilisateurs peuvent ajouter plus de groupes de champs au formulaire qu’ils remplissent.
Notez que l’utilisation de cette fonctionnalité est entièrement facultative. Vous pouvez utiliser les groupes de champs pour regrouper simplement n’importe quel nombre de champs afin de fournir une distinction visuelle entre les groupes de champs liés dans votre formulaire si nécessaire.
Cliquez sur le bouton Activer pour afficher les options de configuration.
- Limite de répéteur minimum – Définissez le nombre minimum de groupes de champs qui doivent s’afficher dans votre formulaire par défaut. Vous pouvez soit saisir un numéro personnalisé , soit sélectionner l’ option Variable pour utiliser la valeur d’un autre champ de formulaire. Si rien n’est entré ici, le minimum sera 1 par défaut.
- Limite maximale de répéteurs – Définissez le nombre maximal de groupes de champs que les utilisateurs peuvent ajouter à votre formulaire. Vous pouvez soit saisir un numéro personnalisé , soit sélectionner l’ option Variable pour utiliser la valeur d’un autre champ de formulaire. Si rien n’est entré ici, le maximum sera par défaut illimité.
- Type d’élément répéteur – Sélectionnez pour afficher des boutons , des icônes ou des liens de texte pour que vos utilisateurs puissent ajouter ou supprimer des groupes de champs lorsqu’ils remplissent le formulaire. Si vous sélectionnez Boutons ou Liens texte , vous pouvez personnaliser le texte qui doit s’afficher pour chacun.
Utilisation de valeurs variables pour les champs répétésCopier l’ancre d’en-tête dans le presse-papiers
Si vous utilisez le même champ de formulaire comme variable pour les limites minimale et maximale de répéteur , un champ numérique par exemple, vous ne verrez aucun bouton Ajouter ou Supprimer dans vos champs de répéteur. En effet, tout ce qui est saisi dans le champ Nombre du formulaire définit le nombre spécifique de groupes de champs répétés qui apparaîtraient.
Si vous utilisez un champ Nombre comme variable uniquement pour la limite minimale de répéteurs , les boutons Ajouter et Supprimer s’afficheront à moins que l’utilisateur ne sélectionne un nombre correspondant à ce que vous avez défini pour la limite maximale de répéteurs . Dans ce dernier cas, le minimum et le maximum seraient les mêmes, et aucun champ ne pourrait être ajouté ou supprimé.
Si vous utilisez un champ Nombre comme variable uniquement pour la Limite maximale de répétitions , les boutons Ajouter et Supprimer apparaîtront jusqu’à ce que l’utilisateur ait ajouté le nombre maximal de champs répétés qu’il a sélectionnés dans votre champ Nombre . À ce stade, seuls les boutons Supprimer apparaîtraient.
Style de groupe de champsCopier l’ancre d’en-tête dans le presse-papiers
Comme pour tous les autres champs, vous pouvez ajouter ici des classes CSS supplémentaires pour faciliter le style personnalisé de ce champ.
Par défaut, vos groupes de champs hériteront des styles que vous avez définis sous Apparence > Couleurs . Sélectionnez l’ option Supprimer dans Style de champ de groupe si vous ne souhaitez pas que ces couleurs soient appliquées. Notez cependant que cela n’affectera pas le style des boutons du répéteur si vous l’avez activé pour votre groupe de champs.
Visibilité du groupe de champsCopier l’ancre d’en-tête dans le presse-papiers
Les règles de visibilité du groupe de champs fonctionnent de la même manière que les autres champs. Voir Visibilité (logique conditionnelle) dans le chapitre Champs Forminator pour plus de détails.
Ajout de champs à un groupe de champsCopier l’ancre d’en-tête dans le presse-papiers
Une fois que vous avez ajouté le champ Groupe de champs, cliquez sur le bouton Ajouter des champs au groupe dans le groupe de champs pour ajouter les champs que vous souhaitez dans ce groupe.
Cela ouvrira une fenêtre modale familière où vous pourrez sélectionner les champs dont vous avez besoin. Notez que la sélection ici est limitée aux champs qui peuvent être ajoutés à un groupe répétable. Sélectionnez ceux dont vous avez besoin et configurez-les comme vous le faites normalement pour tous les champs Forminator .
Tous les champs que vous ajoutez au groupe de champs seront répétés en tant que groupe lorsque l’utilisateur choisira d’ajouter un groupe de champs lors du remplissage de votre formulaire.
Exemple de configuration de groupe de champsCopier l’ancre d’en-tête dans le presse-papiers
Vous voulez un autre exemple ?
Consultez la nouvelle option de regroupement de champs Forminator et de répéteur est maintenant disponible sur le blog pour des cas d’utilisation supplémentaires.
Supposons que vous souhaitiez créer un formulaire pour inscrire les participants à un événement avec les critères suivants :
- Vous voulez que vos utilisateurs puissent entrer leurs informations pour leur propre présence.
- Vous voulez que les utilisateurs puissent ajouter des informations pour jusqu’à 4 invités.
- Le billet d’événement de l’utilisateur coûtera 20 $ et tous les invités supplémentaires coûteront 10 $ chacun.
- Vous souhaitez utiliser Stripe pour traiter les paiements.
Cet exemple vous montrera comment utiliser un champ Nombre afin que vos utilisateurs puissent sélectionner le nombre d’invités qu’ils souhaitent ajouter, et le nombre correspondant de groupes de champs sera automatiquement ajouté au formulaire.
L’utilisation d’un champ numérique est requise pour cet exemple. Cette valeur numérique, qui correspond au nombre d’invités ajoutés, est récupérée par les champs Calculs , qui sont ensuite utilisés dans le champ Stripe pour déterminer le coût total pour l’utilisateur.
Suivez ces étapes pour le faire. Ou importez le code de formulaire ci-dessous dans votre site pour configurer instantanément cet exemple de formulaire et voir comment cela fonctionne.
- Créez d’abord un groupe de champs avec les champs Nom , E- mail et Téléphone pour l’utilisateur qui soumet le formulaire.
- Définissez les 3 champs sur Requis
- Étiquetez ce groupe de champs avec vos informations
- Définissez l’ option Répéteur sur Désactiver
- Ajoutez un champ numérique .
- Étiquetez-le Combien d’invités ?
- Définissez la valeur par défaut sur 0
- Dans le champ Paramètres , définissez les valeurs Minimum et Maximum sur 0 et 4 respectivement.
- Activez l’ option Calculs pour ce champ.
- Ajoutez un deuxième groupe de champs pour les informations sur l’invité avec les champs Nom , E- mail et Téléphone .
- Définissez les 3 champs sur Facultatif (pour éviter toute erreur Stripe lors de la soumission du formulaire).
- Étiquetez ce groupe de champs Les informations de votre invité .
- Définissez les limites minimale et maximale des répéteurs sur Variable et sélectionnez Combien d’invités ?
- Définissez la visibilité de ce champ sur Afficher si combien d’invités ? est moins de 5 ET combien d’invités ? n’est pas Null .
- Ajoutez un 1er champ Calculs (ces champs Calculs sont utilisés pour calculer le coût total de l’achat et apparaissent dans les soumissions et les courriels).
- Étiquetez-le Le coût de votre billet .
- Définissez le champ sur Masqué .
- Définissez les Calculs pour ce champ comme étant simplement le coût de base du ticket de l’utilisateur : 20
- Ajoutez un deuxième champ Calculs .
- Étiquetez-le Le coût de votre billet d’invité .
- Définissez le champ sur Masqué .
- Définissez les calculs pour ce champ sur {number-1}*10
- Ajoutez un troisième champ Calculs .
- Étiquetez-le Votre coût total .
- Définissez le champ sur Masqué .
- Définissez les calculs pour ce champ sur {calculation-1}+{calculation-2}
- Ajoutez un 1er champ HTML (ces champs HTML sont ceux qui apparaissent à l’utilisateur dans le formulaire).
- Étiquetez-le Le coût de votre billet .
- Dans la zone de contenu, entrez 20 $
- Ajoutez un 2e champ HTML .
- Étiquetez-le Le coût de votre billet d’invité .
- Dans la zone de contenu, saisissez ${calculation-2}
- Ajoutez un 3ème champ HTML .
- Étiquetez-le Votre coût total .
- Dans la zone de contenu, saisissez ${calculation-3}
- Ajoutez un champ Stripe .
- Dans le champ Paramètres , créez un plan et nommez -le Event Tickets .
- Définissez le plan sur Une seule fois avec le Montant du plan défini sur Variable et sélectionnez Votre coût total
Désormais, lorsque vos utilisateurs rempliront le formulaire, ils auront la possibilité d’ajouter des informations pour jusqu’à 4 invités pour votre événement, le coût total sera automatiquement calculé et Stripe débitera leur carte du montant approprié.
Les données de soumission incluront toutes les informations sur les participants à l’événement :
Et toutes les informations de paiement seront également incluses.
Voici le code de formulaire que vous pouvez importer sur votre site pour que l’exemple ci-dessus soit créé instantanément afin que vous puissiez voir tout de suite comment les choses fonctionnent.
| {“type”:”form”,”data”:{“fields”:[{“id”:”name-1″,”element_id”:”name-1″,”form_id”:”wrapper-6071-2879″,”parent_group”:”group-1″,”type”:”name”,”options”:[],”cols”:”4″,”conditions”:[],”wrapper_id”:”wrapper-6071-2879″,”field_label”:”Name”,”placeholder”:”E.g. John Doe”,”prefix_label”:”Prefix”,”fname_label”:”First Name”,”fname_placeholder”:”E.g. John”,”mname_label”:”Middle Name”,”mname_placeholder”:”E.g. Smith”,”lname_label”:”Last Name”,”lname_placeholder”:”E.g. Doe”,”prefix”:”true”,”fname”:”true”,”mname”:”true”,”lname”:”true”,”required_message”:”Name is required.”,”prefix_required_message”:”Prefix is required.”,”fname_required_message”:”First Name is required.”,”mname_required_message”:”Middle Name is required.”,”lname_required_message”:”Last Name is required.”,”required”:”1″},{“id”:”email-1″,”element_id”:”email-1″,”form_id”:”wrapper-6071-2879″,”parent_group”:”group-1″,”type”:”email”,”options”:[],”cols”:”4″,”conditions”:[],”wrapper_id”:”wrapper-6071-2879″,”validation”:””,”placeholder”:”E.g. john@doe.com”,”field_label”:”Email Address”,”required”:”1″},{“id”:”phone-1″,”element_id”:”phone-1″,”form_id”:”wrapper-6071-2879″,”parent_group”:”group-1″,”type”:”phone”,”options”:[],”cols”:”4″,”conditions”:[],”wrapper_id”:”wrapper-6071-2879″,”required”:”1″,”limit”:”10″,”limit_type”:”characters”,”validation”:”none”,”field_label”:”Phone”,”placeholder”:”E.g. +1 300 400 5000″},{“id”:”group-1″,”element_id”:”group-1″,”form_id”:”wrapper-4883-9624″,”parent_group”:””,”type”:”group”,”options”:[],”cols”:”12″,”conditions”:[],”wrapper_id”:”wrapper-4883-9624″,”field_label”:”Your information”,”is_repeater”:”false”,”group_styles”:”custom”},{“id”:”number-1″,”element_id”:”number-1″,”form_id”:”wrapper-3500-7789″,”parent_group”:””,”type”:”number”,”options”:[],”cols”:”12″,”conditions”:[],”wrapper_id”:”wrapper-3500-7789″,”calculations”:”true”,”limit_min”:”0″,”limit_max”:”4″,”field_label”:”How many guests?”,”placeholder”:”E.g. 4″,”default_value”:”0″,”precision”:”0″,”description”:”If you are bringing guests, select the number here and add their information below.”},{“id”:”group-2″,”element_id”:”group-2″,”form_id”:”wrapper-4216-9361″,”parent_group”:””,”type”:”group”,”options”:[],”cols”:”12″,”conditions”:[{“element_id”:”number-1″,”rule”:”is_less”,”value”:”5″},{“element_id”:”number-1″,”rule”:”is_not”,”value”:””}],”wrapper_id”:”wrapper-4216-9361″,”field_label”:”Your Guest’s Information”,”is_repeater”:”true”,”min_limit_type”:”variable”,”min_limit_field”:”number-1″,”max_limit_type”:”variable”,”max_limit_field”:”number-1″,”group_styles”:”custom”,”max_limit”:”4″,”min_limit”:”1″},{“id”:”calculation-2″,”element_id”:”calculation-2″,”form_id”:”wrapper-8264-8504″,”parent_group”:””,”type”:”calculation”,”options”:[],”cols”:”6″,”conditions”:[],”wrapper_id”:”wrapper-8264-8504″,”field_label”:”Your Guest Ticket cost:”,”formula”:”{number-1}*10″,”hidden”:”1″},{“id”:”calculation-3″,”element_id”:”calculation-3″,”form_id”:”wrapper-8264-8504″,”parent_group”:””,”type”:”calculation”,”options”:[],”cols”:”6″,”conditions”:[],”wrapper_id”:”wrapper-8264-8504″,”field_label”:”Your Total Cost”,”formula”:”20+{calculation-2}”,”hidden”:”1″},{“id”:”name-2″,”element_id”:”name-2″,”form_id”:”wrapper-2741-4579″,”parent_group”:”group-2″,”type”:”name”,”options”:[],”cols”:”4″,”conditions”:[],”wrapper_id”:”wrapper-2741-4579″,”field_label”:”Name”,”placeholder”:”E.g. John Doe”,”prefix_label”:”Prefix”,”fname_label”:”First Name”,”fname_placeholder”:”E.g. John”,”mname_label”:”Middle Name”,”mname_placeholder”:”E.g. Smith”,”lname_label”:”Last Name”,”lname_placeholder”:”E.g. Doe”,”prefix”:”true”,”fname”:”true”,”mname”:”true”,”lname”:”true”,”required_message”:”Name is required.”,”prefix_required_message”:”Prefix is required.”,”fname_required_message”:”First Name is required.”,”mname_required_message”:”Middle Name is required.”,”lname_required_message”:”Last Name is required.”,”required”:””},{“id”:”email-2″,”element_id”:”email-2″,”form_id”:”wrapper-2741-4579″,”parent_group”:”group-2″,”type”:”email”,”options”:[],”cols”:”4″,”conditions”:[],”wrapper_id”:”wrapper-2741-4579″,”validation”:””,”placeholder”:”E.g. john@doe.com”,”field_label”:”Email Address”,”required”:””},{“id”:”phone-2″,”element_id”:”phone-2″,”form_id”:”wrapper-2741-4579″,”parent_group”:”group-2″,”type”:”phone”,”options”:[],”cols”:”4″,”conditions”:[],”wrapper_id”:”wrapper-2741-4579″,”required”:””,”limit”:”10″,”limit_type”:”characters”,”validation”:”none”,”field_label”:”Phone”,”placeholder”:”E.g. +1 300 400 5000″},{“id”:”html-1″,”element_id”:”html-1″,”form_id”:”wrapper-6881-5241″,”parent_group”:””,”type”:”html”,”options”:[],”cols”:”4″,”conditions”:[],”wrapper_id”:”wrapper-6881-5241″,”field_label”:”Your Ticket Cost”,”variations”:”<p>$20</p>”},{“id”:”html-2″,”element_id”:”html-2″,”form_id”:”wrapper-6881-5241″,”parent_group”:””,”type”:”html”,”options”:[],”cols”:”4″,”conditions”:[],”wrapper_id”:”wrapper-6881-5241″,”field_label”:”Your Guest Ticket Cost”,”variations”:”<p>${calculation-2}</p>”},{“id”:”html-3″,”element_id”:”html-3″,”form_id”:”wrapper-6881-5241″,”parent_group”:””,”type”:”html”,”options”:[],”cols”:”4″,”conditions”:[],”wrapper_id”:”wrapper-6881-5241″,”field_label”:”Your Total Cost”,”variations”:”<p>${calculation-3}</p>”},{“id”:”stripe-1″,”element_id”:”stripe-1″,”form_id”:”wrapper-5241-6307″,”parent_group”:””,”type”:”stripe”,”options”:[],”cols”:”12″,”conditions”:[],”wrapper_id”:”wrapper-5241-6307″,”field_label”:”Credit / Debit Card”,”mode”:”test”,”currency”:”USD”,”amount_type”:”fixed”,”logo”:””,”company_name”:””,”product_description”:””,”customer_email”:””,”receipt”:”false”,”billing”:”false”,”verify_zip”:”false”,”card_icon”:”true”,”language”:”auto”,”base_class”:”StripeElement”,”complete_class”:”StripeElement–complete”,”empty_class”:”StripeElement–empty”,”focused_class”:”StripeElement–focus”,”invalid_class”:”StripeElement–invalid”,”autofilled_class”:”StripeElement–webkit-autofill”,”subscription_amount_type”:”fixed”,”quantity_type”:”fixed”,”payments”:[{“plan_name”:”Event Tickets”,”payment_method”:”single”,”amount_type”:”variable”,”amount”:””,”subscription_amount_type”:”fixed”,”quantity_type”:”fixed”,”quantity”:”1″,”bill_input”:”1″,”variable”:”calculation-3″,”conditions”:[],”condition_rule”:”all”}]}],”settings”:{“pagination-header”:”nav”,”paginationData”:{“pagination-header-design”:”show”,”pagination-header”:”nav”},”formName”:”Example Event Signup with Repeater Field Groups”,”version”:”1.19.0″,”form-border-style”:”none”,”form-padding”:””,”form-border”:””,”fields-style”:”open”,”validation”:”on_submit”,”akismet-protection”:”0″,”form-style”:”default”,”enable-ajax”:”true”,”autoclose”:”true”,”submission-indicator”:”show”,”indicator-label”:”Submitting…”,”form-type”:”default”,”submission-behaviour”:”behaviour-hide”,”thankyou-message”:”Thank you for contacting us, we will be in touch shortly.”,”submitData”:{“custom-submit-text”:”Pay Now”,”custom-invalid-form-message”:”Error: Your form is not valid, please fix the errors!”},”validation-inline”:”1″,”form-expire”:”no_expire”,”form-padding-top”:”0″,”form-padding-right”:”0″,”form-padding-bottom”:”0″,”form-padding-left”:”0″,”form-border-width”:”0″,”form-border-radius”:”0″,”cform-label-font-family”:”Roboto”,”cform-label-custom-family”:””,”cform-label-font-size”:”12″,”cform-label-font-weight”:”bold”,”cform-title-font-family”:”Roboto”,”cform-title-custom-family”:””,”cform-title-font-size”:”45″,”cform-title-font-weight”:”normal”,”cform-title-text-align”:”left”,”cform-subtitle-font-family”:”Roboto”,”cform-subtitle-custom-font”:””,”cform-subtitle-font-size”:”18″,”cform-subtitle-font-weight”:”normal”,”cform-subtitle-text-align”:”left”,”cform-input-font-family”:”Roboto”,”cform-input-custom-font”:””,”cform-input-font-size”:”16″,”cform-input-font-weight”:”normal”,”cform-radio-font-family”:”Roboto”,”cform-radio-custom-font”:””,”cform-radio-font-size”:”14″,”cform-radio-font-weight”:”normal”,”cform-select-font-family”:”Roboto”,”cform-select-custom-family”:””,”cform-select-font-size”:”16″,”cform-select-font-weight”:”normal”,”cform-multiselect-font-family”:”Roboto”,”cform-multiselect-custom-font”:””,”cform-multiselect-font-size”:”16″,”cform-multiselect-font-weight”:”normal”,”cform-dropdown-font-family”:”Roboto”,”cform-dropdown-custom-font”:””,”cform-dropdown-font-size”:”16″,”cform-dropdown-font-weight”:”normal”,”cform-calendar-font-family”:”Roboto”,”cform-calendar-custom-font”:””,”cform-calendar-font-size”:”13″,”cform-calendar-font-weight”:”normal”,”cform-button-font-family”:”Roboto”,”cform-button-custom-font”:””,”cform-button-font-size”:”14″,”cform-button-font-weight”:”500″,”cform-timeline-font-family”:”Roboto”,”cform-timeline-custom-font”:””,”cform-timeline-font-size”:”12″,”cform-timeline-font-weight”:”normal”,”cform-pagination-font-family”:””,”cform-pagination-custom-font”:””,”cform-pagination-font-size”:”16″,”cform-pagination-font-weight”:”normal”,”payment_require_ssl”:””,”submission-file”:”delete”,”store_submissions”:”1″,”form_name”:”example-event-signup-with-repeater-field-groups”,”form_status”:”publish”,”sc_email_link”:”1″,”sc_message”:”<p>Your form has been saved as draft and a resume link has been generated so you can return to the form anytime within {retention_period} days from today. Copy and save the link or enter your email address below to have the link sent to your mail.</p><p>These fields weren’t saved to your submission draft: Paypal, Stripe, Signature, Password, Captcha, and Upload. Kindly fill them out before submitting the form.</p>”,”use-custom-css”:”1″,”custom_css”:”{max-width:700px;margin-bottom:400px;}”,”cform-color-settings”:”true”,”group-background”:”rgba(229,139,139,0.2)”,”repeater-button-background”:”#17a8e3″},”client_id”:null,”integration_conditions”:[],”behaviors”:[{“slug”:”behavior-1234-4567″,”label”:””,”autoclose-time”:”5″,”autoclose”:”true”,”newtab”:”sametab”,”thankyou-message”:”Thank you for contacting us, we will be in touch shortly.”,”email-thankyou-message”:””,”manual-thankyou-message”:””,”submission-behaviour”:”behaviour-thankyou”,”redirect-url”:””,”conditions”:[]}],”notifications”:[]},”status”:”publish”,”version”:”1.19.0″} |
Et cette petite vidéo montre l’option Field Group with Repeater en action :
Limitations actuelles des groupes de champsCopier l’ancre d’en-tête dans le presse-papiers
Cette première itération de la nouvelle fonctionnalité Groupe de champs présente certaines limitations dont vous devez être conscient. Les prochaines versions amélioreront cette fonctionnalité.
- Intégrations – Cette version ne prend pas en charge l’envoi de données à partir de champs répétés vers des intégrations tierces. Ainsi, si votre formulaire est intégré à l’une des applications disponibles, les données seront envoyéesuniquement, et non à partir des champs répétés.
- Enregistrer et continuer – Une limitation similaire s’applique également à laEnregistrer et continuer ; seulle premier groupe de champs sera enregistré dans le brouillon, pas les répétés.
- Calculs – La répétition d’un groupe de champs qui comprend des champsNombreetCalculentraînera la répétition des groupes après les nombres d’entrée du premier groupeuniquement, quelles que soient les différentes valeurs qui peuvent être définies dans les groupes répétés.