Paramètres de formulaire avancés

Pour accéder aux paramètres du formulaire, vous devez être dans le gestionnaire de formulaires. Procédez ensuite comme suit :

1. Cliquez sur le nom du formulaire que vous souhaitez définir
2. Cliquez sur « Paramètres » (l'icône d'engrenage)

Dans les paramètres, vous verrez 4 onglets. Chacun de ces onglets contient le paramétrage d'un aspect du formulaire :

1. Paramètres du formulaire

Il s'agit du premier onglet des paramètres du formulaire et il est affiché par défaut. À partir de là, vous pouvez configurer :

• Nom du formulaire : affiché sur les pages d'administration de l'application et comme titre de la page publique du formulaire.
• Slug : Cette option vous permet de personnaliser les URL de vos formulaires. Par défaut, les slugs sont créés en fonction du nom du formulaire, mais vous pouvez le modifier ici.
• Statut : indique si le formulaire est affiché. Si cette option est désactivée, le formulaire n'est plus affiché à l'utilisateur et un message s'affiche à la place indiquant que le formulaire est désactivé et n'accepte plus de soumissions.
• Créé par : Champ disponible uniquement pour les utilisateurs administrateurs. Permet d'attribuer un formulaire à un autre utilisateur avancé.
• Langue : Cette langue sera utilisée pour afficher les messages du formulaire. Par exemple, les erreurs de validation. Notez que vous pouvez ajouter une autre langue à l'application .
• Sens du texte : permet de définir le sens dans lequel les valeurs apparaissent dans le formulaire. Par défaut, le sens du texte est de gauche à droite (LTR). Mais vous pouvez modifier le sens du texte de droite à gauche (RTL) à partir du menu déroulant.
• Privé : seuls les utilisateurs connectés disposant des autorisations appropriées peuvent accéder à la page Formulaire ou au widget Formulaire. Si cette option est activée, les utilisateurs anonymes seront redirigés vers la page de connexion et les utilisateurs sans autorisations seront redirigés vers la page Gestion des formulaires.
• Message : Définit le message à afficher à l'utilisateur lorsque le formulaire a été désactivé (Off).
• Partagé avec : Cette fonctionnalité vous permet de partager le formulaire avec d'autres utilisateurs. Vous avez trois options :
  • Aucun : Le formulaire ne sera visible que par son créateur (sans tenir compte de l'administrateur qui peut voir tous les formulaires).
  • Tout le monde : Le formulaire sera visible par tous les utilisateurs de l'application. Seuls les gestionnaires peuvent partager les formulaires avec tout le monde.
  • Utilisateurs spécifiques : permet de sélectionner les utilisateurs qui pourront voir le formulaire. Autorisations associées : inclut le mot « Partagé » dans son nom. Par exemple, viewSharedForms, editSharedForms, deleteSharedForms.

    Important ! Gardez à l'esprit que même si un utilisateur peut partager un formulaire avec un autre utilisateur, cet utilisateur doit disposer des autorisations d'affichage, de modification, de suppression, etc. requises pour chaque action. Par exemple, si vous partagez le formulaire avec deux utilisateurs ayant des rôles différents : Responsable et Éditeur. L'utilisateur Responsable ne peut avoir accès qu'à l'affichage des rapports et des statistiques des formulaires partagés, tandis que l'utilisateur Éditeur ne peut avoir accès qu'au Générateur de formulaires et aux Paramètres de formulaire des formulaires partagés.

• Générer un numéro de soumission : cette option vous permet de définir une numérotation séquentielle de soumission personnalisée pour votre formulaire. Le numéro de soumission sera toujours augmenté de 1. Sauf si vous définissez un numéro plus grand dans les paramètres du formulaire (dans ce cas, nous allons utiliser ce numéro). Ainsi, nous ne l'utiliserons que lorsque le numéro est supérieur au numéro de soumission de l'entrée précédente pour éviter les doublons. Tenez compte du fait que le numéro de soumission vous aide à identifier une soumission dans votre formulaire, mais qu'un identifiant de soumission vous aide à trouver une soumission dans l'ensemble de l'application. Deux formulaires différents peuvent avoir le même numéro de soumission, mais jamais le même identifiant de soumission.
• Largeur du numéro : définissez la largeur minimale du numéro sans préfixe (des zéros seront ajoutés sur le côté gauche). Cela modifiera la largeur minimale du numéro de soumission pour les nouvelles soumissions. Par exemple, définissez-le sur 5 pour que le numéro de soumission s'affiche sous la forme 00001 au lieu de 1. Laissez ce champ vide pour le désactiver.
• Préfixe du numéro : Préfixe avant le numéro de soumission (facultatif). Cela modifiera les préfixes des nouveaux numéros.
• Suffixe de numéro : suffixe après le numéro de soumission (facultatif). Cela modifiera les suffixes des nouveaux numéros.
• Enregistrer la base de données : indique si les soumissions de formulaires doivent être stockées dans la base de données ou non. Dans tous les cas, cela n'affecte pas chaque entrée d'emailing.
• Portée du propriétaire : lorsque cette option est active, seuls les gestionnaires de formulaires peuvent gérer toutes les soumissions. Les autres utilisateurs ayant accès au gestionnaire de soumissions ne pourront gérer que leurs propres soumissions.
• Fichiers protégés : lorsque cette option est active, seuls les utilisateurs connectés avec accès au formulaire peuvent accéder ou télécharger les fichiers.
• Fuseau horaire pour les soumissions : lorsque cette option est activée, la date de soumission utilisera ce fuseau horaire, au lieu du fuseau horaire du compte utilisateur.
• Format de date : lorsque cette option est activée, la date de soumission utilisera ce format de date, au lieu du format de date de candidature.
• Modifiable : lorsque cette option est active, les soumissions de formulaire peuvent être modifiées par des utilisateurs anonymes à l'aide du widget de formulaire. Vous pourrez ainsi autoriser vos utilisateurs à modifier les entrées du formulaire à partir de votre propre site Web.
• Pendant : Il doit s'agir d'un nombre, par exemple : 1. Ce nombre définit la durée pendant laquelle un utilisateur peut modifier une soumission.
• Unité de temps : Il peut s'agir d'heures, de jours, de semaines, de mois ou d'années. Cela vous permet de définir exactement le temps pendant lequel vous pouvez autoriser l'édition. Par exemple, 1 heure ou 1 jour.
• Si la soumission répond : Seules les soumissions de formulaire qui répondent à cette condition peuvent être modifiées. Cela nous permet d'activer/désactiver l'édition en fonction de la valeur des champs du formulaire.
• Limiter le nombre total de soumissions : Spécifiez le nombre maximal de soumissions que le formulaire acceptera sur une période donnée.
• Action : L'action à exécuter lorsqu'un formulaire a atteint sa limite. Cela peut être : Afficher un message d'erreur (par défaut) et Afficher un message d'erreur et Désactiver le formulaire (Cette action n'est disponible que lorsque « Par période » est défini sur « Tout le temps »).
• Nombre total : Nombre total de soumissions à accepter.
• Par période : Période pendant laquelle le nombre de soumissions sera compté.
• Limiter les soumissions par utilisateur : définit le nombre maximal de soumissions que le formulaire peut recevoir du même utilisateur sur une période donnée.
• Limiter par : Il existe quatre options : Adresse IP, Empreinte du navigateur, Adresse IP ou Empreinte du navigateur et Adresse IP et Empreinte du navigateur. Utilisez l'empreinte du navigateur lorsque vous désactivez le suivi IP ou lorsque vous exécutez Easy Forms sur un intranet et que vous souhaitez limiter les entrées.
• Nombre max : Nombre maximum de soumissions autorisées.
• Par période : Période pendant laquelle le nombre de soumissions sera compté.
• Planifier l'activité du formulaire : définissez la date de début et de fin à laquelle le formulaire doit être activé (ON). Avant et après, le formulaire sera automatiquement désactivé.
• Date de début : Sélectionnez la date à laquelle le formulaire sera activé.
• Date de fin : Sélectionnez la date à laquelle le formulaire sera désactivé.
• Utiliser un mot de passe : Activez ou désactivez la protection du formulaire par mot de passe. Si l'option a été activée, vous devez remplir le champ Mot de passe. Dans le cas contraire, le formulaire ne sera pas enregistré et une erreur de validation s'affichera. Par défaut, ce paramètre est désactivé.
• Filtre anti-spam : indique si le formulaire doit utiliser la technique du honeypot pour filtrer les soumissions effectuées par de vrais utilisateurs de celles effectuées par des robots (spam).
• URL autorisées : pour empêcher un tiers d'intégrer votre formulaire sur son propre site Web, votre formulaire peut être limité à une liste d'URL que vous autorisez.
• URL : Les noms de domaine où le formulaire peut être intégré.
• Masquer le formulaire : Cette option vous permet de masquer le formulaire dans les URL non autorisées.
• Message d'URL non autorisé : saisissez un message d'erreur personnalisé à afficher lorsque le widget de formulaire est intégré dans un domaine non autorisé.
• Pas de validation : Cette option permet de désactiver la validation côté client (par le navigateur). Sachez que la validation côté serveur ne sera pas désactivée. Il est recommandé d'avoir cette option sur Off.
• Suivi IP : Lorsque cette option est activée, les adresses IP ne seront pas collectées par l'application. Vous pouvez activer la géolocalisation du navigateur pour collecter les informations de l'expéditeur avec son consentement.
• Analytics : Activer/désactiver la surveillance du formulaire par l'application. Lorsque le suivi IP a été désactivé, les statistiques du formulaire seront collectées avec anonymisation IP.
• Saisie semi-automatique : active la saisie semi-automatique du navigateur pour les formulaires qui ont déjà été remplis. Par défaut, ce paramètre est activé.
• Enregistrer et reprendre plus tard : Lorsque cette option a été activée, le navigateur stockera automatiquement les informations saisies par un utilisateur sur chaque champ pour être reprises ultérieurement, même si l'utilisateur ferme le navigateur.

Image à venir...

Remarque : certains champs sont obligatoires. Par exemple, si vous activez l'option Planifier une activité de formulaire, vous devez saisir une date de début et une date de fin. Si vous laissez ces champs vides, vous ne pouvez pas enregistrer les paramètres du formulaire et un message d'erreur s'affiche.

2. Paramètres de confirmation

Image à venir...

Cet onglet vous permet de configurer quatre aspects clés de la confirmation de soumission :

1. Informer l'utilisateur immédiatement : Soit en utilisant un message texte (seul ou au dessus du formulaire) soit en redirigeant l'utilisateur vers une autre page web. Dans le premier cas, il faut saisir le message à afficher et dans le second, l'URL complète du site web.
   • Si vous souhaitez personnaliser davantage le message, vous pouvez insérer des variables de champ (espaces réservés) dans un message de confirmation ou une URL de confirmation, de la même manière qu'un message de confirmation par e-mail. Une fois le formulaire envoyé, l'espace réservé sera remplacé par les informations placées dans ce champ. Pour plus de détails, consultez la documentation « Personnalisation du message » .
   • Pour rediriger le navigateur vers une autre page, vous pouvez configurer 3 paramètres supplémentaires
     • Afficher le message et rediriger après : Ici, vous pouvez saisir un nombre de secondes pour démarrer la redirection.
     • Ajouter les données de soumission à l'URL : cette option est utile pour les petits formulaires lorsque vous souhaitez ajouter toutes les données collectées à l'URL. Par exemple : https://www.example.com/thanks.html?text_0=John&email_0=john@doe.com
     • Remplacer le nom du champ par l'alias du champ lorsqu'il est disponible : si cette option a été activée, les données collectées seront ajoutées à l'aide de l'alias du champ. Par exemple : https://www.example.com/thanks.html?name=John&email=john@doe.com
2. Logique conditionnelle Avec cet outil, vous pouvez personnaliser la façon dont vous gérez et traitez vos soumissions, ce qui vous donne plus de contrôle une fois qu'un utilisateur a soumis votre formulaire. Un exemple courant serait si vous vouliez offrir à vos utilisateurs finaux la possibilité de télécharger un fichier. Dans ce scénario, vous pouvez rediriger vers le fichier pour démarrer le processus de téléchargement. Mais si l'utilisateur ne souhaite pas obtenir le fichier, nous afficherons le message de remerciement.
3. Envoyer un email de confirmation à l'utilisateur : Si vous sélectionnez cette option, chaque fois qu'un utilisateur soumettra un formulaire, il recevra un email qui le remerciera.
4. Double opt-in Vous pouvez activer la fonction de double opt-in pour confirmer l'envoi de votre formulaire. Vous pouvez ensuite utiliser l'espace réservé : {{optin_link}}pour présenter le lien vers la page de confirmation d'inscription. Lorsque l'utilisateur final clique sur ce lien, il peut être redirigé vers une autre page Web ou voir un message de remerciement personnalisé.

Remarque : lorsque l'utilisateur final confirme son inscription, l'événement suivant est déclenché : l'e-mail a été vérifié par double inscription. Cet événement peut être utilisé dans différentes parties du système, par exemple pour envoyer des notifications par courriel.

Image à venir...

3. Paramètres de notification

Dans cet onglet, vous pouvez configurer la manière dont les soumissions de formulaires seront envoyées à votre adresse e-mail (toutes les données, uniquement un lien vers les données ou un message personnalisé). De plus, vous pouvez définir l'objet de l'e-mail, les adresses e-mail et bien plus encore.

Quatre choses à garder à l’esprit :

1. Si le formulaire comporte des champs de type « E-mail », vous pouvez les sélectionner comme adresse e-mail Envoyer à et/ou Répondre à .
2. Si le formulaire comporte des champs de type « Fichier », vous pouvez joindre des fichiers téléchargés aux e-mails.
3. Si vous choisissez uniquement le texte brut, un message par défaut contenant toutes les données soumises sera envoyé en texte brut.

4. Vous pouvez choisir l'événement pour lequel la notification par e-mail sera envoyée :

   • L'e-mail est vérifié par double opt-in
   • Le formulaire est soumis (nouvelle entrée)
   • Le formulaire est soumis (Modifier l'entrée)
   • La soumission est créée
   • La soumission est mise à jour

Image à venir...

Remarque : vous pouvez insérer des espaces réservés (variables de champ) dans un e-mail de notification. Pour plus de détails, consultez la documentation « Paramètres de confirmation » .

4. Paramètres de l'interface utilisateur

UI = Interface utilisateur.

À partir de là, vous pouvez modifier l'apparence du formulaire : la conception en utilisant des thèmes et les fonctionnalités en utilisant un fichier JavaScript externe.

1. Widgets d'interface utilisateur Javascript : sélectionnez un widget d'interface utilisateur ou saisissez l'URL complète du fichier JavaScript qui sera chargé avec votre formulaire. Par défaut, la bibliothèque jQuery est disponible pour que vous puissiez l'utiliser lors de vos interactions avec le formulaire.
2. Sélectionnez un thème : Vous pouvez sélectionner le thème qui correspond le mieux à votre formulaire ou un thème que vous avez créé vous-même. Lorsque vous sélectionnez un thème dans la liste, le formulaire s'affiche automatiquement avec le thème de conception choisi. Vous pouvez modifier les thèmes à plusieurs reprises pour voir les différences.

Image à venir...

Remarque : pour enregistrer toutes les modifications que vous apportez sur n’importe quel onglet, cliquez sur le bouton « Enregistrer ».