Comment utiliser le module de formulaire dynamique ?

Le module Formulaire dynamique du CMS vous permet de créer des formulaires de contact, de devis, d'assistance, de candidature ou de collecte d'informations personnalisées pour votre site web. Grâce à ce module, vous pouvez concevoir des structures de formulaires adaptées à vos besoins, personnaliser les champs et suivre les réponses des visiteurs via le panneau d'administration.

Contrairement au formulaire de contact standard, le module Formulaire dynamique vous permet de définir les champs du formulaire selon vos besoins. Vous pouvez ainsi créer des formulaires adaptés à différents usages pour chaque page ou service.

Quel est l'objectif du module de formulaire dynamique ?

Le module Formulaire dynamique permet de créer des formulaires personnalisés sur votre site web. Vous pouvez définir le nom du formulaire, le texte du bouton d'envoi, son ordre, le groupe auquel il appartient et son statut d'activité via le panneau.

Vous pouvez ensuite créer chaque champ de ce formulaire individuellement afin de spécifier les informations qui seront collectées auprès de l'utilisateur.

Par exemple, le module de formulaire dynamique peut être utilisé pour créer des formulaires comme ceux-ci :

• Demande de devis
• Formulaire de demande d'assistance
• Formulaire de demande
• Formulaire de demande d'informations
• Formulaire de préinscription
• Formulaire de contact spécifique au service

Comment puis-je accéder au module des formulaires dynamiques ?

Pour accéder au module de formulaire dynamique, vous pouvez suivre ce chemin dans le panneau d'administration :

 Modules → Module de formulaire dynamique

Dans cette section, vous pouvez consulter les formulaires existants, créer de nouveaux formulaires, modifier les champs de formulaire ou apporter des modifications aux formulaires que vous avez créés précédemment.

Écran de liste des formulaires dynamiques

Dans l'écran principal du module Formulaire dynamique, les formulaires précédemment créés sont affichés dans un tableau.

Ce tableau contient des informations générales et des boutons d'action pour chaque formulaire :

• Nom du formulaire : Il s’agit du nom du formulaire qui apparaît dans le panneau.
• Texte du bouton : Il s’agit du texte qui apparaîtra sur le bouton lorsque le visiteur soumettra le formulaire.
• Groupe : Il s'agit des informations de groupe auxquelles appartient le formulaire.
• Ordre : Détermine l’ordre dans lequel le formulaire est listé.
• Statut : Indique si le formulaire est ouvert ou fermé.
• Champs d'affichage : Permet de visualiser et de gérer les champs du formulaire.
• Modifier : Permet de mettre à jour les informations générales du formulaire.
• Supprimer : Permet de supprimer le formulaire concerné.

Comment créer un nouveau formulaire dynamique ?

Pour créer un nouveau formulaire, accédez à l'onglet « Insérer un formulaire dynamique » . Sur cet écran, vous définissez les informations générales du formulaire.

1. Ouvrez le menu Modules depuis le menu du panneau de gauche.
2. Saisissez le champ Module de formulaire dynamique .
3. Cliquez sur l'onglet Insérer un formulaire dynamique .
4. Veuillez remplir les champs suivants : nom du formulaire, texte du bouton, séquence, sélection du groupe et statut du formulaire.
5. Enregistrez le formulaire en cliquant sur le bouton Ajouter .

Champs d'insertion de formulaire dynamique

Les champs suivants doivent être remplis sur l'écran Ajouter un formulaire dynamique :

Nom du formulaire

Le nom du formulaire n'est visible que par les utilisateurs du panneau. Les visiteurs ne le verront pas. Il est donc recommandé d'utiliser un nom descriptif afin que le formulaire soit facilement identifiable sur le panneau.

Exemples de noms de formulaires :

 Formulaire d'assistance du centre d'aide
Formulaire de gestion de site web
Formulaire de demande de devis

Texte du bouton

Le texte du bouton est le texte qu'un visiteur verra sur un bouton lors de la soumission d'un formulaire.

Exemples de textes pour les boutons :

 Envoyer
Obtenir un devis
Soumettre une demande d'assistance
Soumettre une candidature

Commande

L'ordre de saisie détermine l'ordre d'affichage des formulaires. Si plusieurs formulaires sont utilisés dans un même champ, les valeurs de cet ordre peuvent influencer leur affichage.

Sélection de groupe

La sélection du groupe détermine le groupe auquel le formulaire sera associé. Ce champ, notamment lorsqu'il est utilisé pour le filtrage dans la gestion des modules, garantit que le formulaire approprié est affiché dans le groupe correspondant.

Pour afficher le formulaire dynamique que vous avez créé sur la page concernée ou la page d'accueil, vous devez l'ajouter à la page via la gestion des modules. Pour connaître la procédure détaillée d'ajout de modules aux pages, veuillez consulter le guide « Comment ajouter des modules aux pages ? » .

Statut du formulaire

Le statut du formulaire détermine si celui-ci est actif ou non sur le site.

• Ouvrir : Le formulaire est visible et utilisable sur le site.
• Fermé : Le formulaire est inactif et n'est pas affiché sur le site.

Comment ajouter des champs après avoir créé un formulaire ?

Après avoir créé un formulaire dynamique, vous devez définir les champs que les visiteurs rempliront. Pour ce faire, utilisez le lien « Afficher les champs » dans la liste des formulaires.

1. Repérez le formulaire correspondant dans la liste des formulaires dynamiques.
2. Cliquez sur le bouton « Afficher les champs » dans la ligne du formulaire.
3. Sur l'écran qui s'ouvre, consultez les champs disponibles pour le formulaire.
4. Pour ajouter un nouveau champ, accédez à l'onglet « Insérer un champ de formulaire dynamique » .

Écran de liste des champs de formulaire dynamiques

Sur l'écran des champs de formulaire, tous les champs du formulaire concerné sont listés dans un tableau. Sur cet écran, vous pouvez voir l'intitulé, le type, l'ordre et le caractère obligatoire de chaque champ.

La liste des champs comprend généralement les informations suivantes :

• Libellé : Il s’agit du nom du champ que l’utilisateur verra sur le formulaire.
• Type de champ : Indique le type de champ, par exemple : texte court, texte long ou champ de sélection.
• Ordre : Cela fait référence à l’ordre dans lequel les champs sont affichés sur le formulaire.
• Obligation : Indique si le remplissage de ce champ est obligatoire.
• Édition : Permet de mettre à jour les informations du champ.
• Supprimer : Permet de supprimer le champ concerné.

Comment ajouter un nouveau champ de formulaire ?

L' onglet « Insérer un champ de formulaire dynamique » permet d'ajouter un nouveau champ de formulaire.

1. Accédez à l'écran Afficher les champs du formulaire concerné.
2. Cliquez sur l'onglet Ajouter un champ de formulaire dynamique .
3. Renseignez les informations telles que le type de champ, l'étiquette, l'espace réservé, la largeur, la séquence et les exigences.
4. Définissez les types de données ou les champs d'options si nécessaire.
5. Ajoutez le champ au formulaire en cliquant sur le bouton Ajouter .

Paramètres des champs de formulaire dynamiques

Lors de l'ajout de champs de formulaire, différents paramètres peuvent être configurés pour chaque champ. Ces paramètres déterminent comment et quelles informations l'utilisateur saisit dans le formulaire.

Type de zone

Le type de champ détermine le type de champ du formulaire. Le type de champ sélectionné influe sur le format dans lequel l'utilisateur saisit les informations.

Exemples de types de champs utilisables :

• Texte court : Utilisé pour les informations sur une seule ligne telles que le nom, l’adresse électronique, le numéro de téléphone et un titre court.
• Texte long : Utilisé pour les textes plus longs tels que les messages, les descriptions ou les détails des demandes.
• Liste déroulante : Permet à l’utilisateur de choisir parmi une sélection d’options prédéfinies.
• Sélection unique : Permet à l’utilisateur de choisir une seule option parmi une liste de choix.
• Sélection multiple : Permet à l’utilisateur de sélectionner plusieurs options.

Type de données

Le type de données sert à spécifier le format des informations à saisir, notamment dans les champs de texte.

Exemples d'options de type de données :

• Texte : Utilisé pour les entrées de texte générales.
• Nombre : Peut être utilisé pour les champs où seules des valeurs numériques sont requises.
• Adresse électronique : Utilisée pour les champs permettant de récupérer les adresses électroniques.
• Téléphone : Utilisé pour les champs où des numéros de téléphone seront obtenus.

Par exemple, si vous créez un champ d'adresse électronique, vous pouvez sélectionner « Texte court » comme type de champ et « Adresse électronique » comme type de données.

Billet

L' intitulé du champ affiché au visiteur dans le formulaire est le suivant : il est recommandé de le rédiger de façon concise, claire et explicite, en indiquant clairement à l'utilisateur les informations à saisir.

Exemples de balises :

 Nom Prénom
E-mail
Téléphone
Titre de la demande
Demande de détails

Espace réservé

Un texte d'espace réservé est un texte auxiliaire qui apparaît dans un champ de saisie ou une zone de texte lorsque le champ est vide.

Exemples de textes d'espace réservé :

 Veuillez saisir votre prénom et votre nom.
Saisissez votre adresse e-mail.
Veuillez détailler votre demande.

Largeur de la zone

La largeur du champ détermine la largeur à laquelle le champ du formulaire sera affiché sur la page.

Les options de largeur disponibles sont les suivantes :

• Plein écran : Le champ s'affiche sur toute la largeur de la ligne.
• Moitié : Cette zone occupe la moitié de l'espace de la rangée.
• Un tiers : La zone occupe un tiers de l'espace de la rangée.

Par exemple, si les champs nom, prénom et adresse électronique doivent être utilisés côte à côte , une largeur réduite est préférable. Cependant, pour les champs de texte longs, tels que les détails de la demande, une largeur maximale est généralement plus appropriée.

Commande

L'ordre détermine la façon dont les champs s'affichent dans le formulaire. Les champs dont le numéro d'ordre est le plus bas apparaissent en haut du formulaire.

Champ obligatoire

Le champ obligatoire détermine si l'utilisateur est tenu de le remplir.

• Ouvrir : Ce champ est obligatoire.
• Intérieur : L'espace est facultatif.

Pour rendre les formulaires plus conviviaux, il est recommandé de n'exiger que les champs strictement nécessaires.

Options

Le champ « options » est utilisé dans les types de champs nécessitant une sélection, tels que les listes déroulantes, la sélection unique ou la sélection multiple.

Les options à afficher à l'utilisateur peuvent être ajoutées individuellement à l'aide de virgules ou en appuyant sur la touche Entrée.

Exemples d'options :

 Conception de sites web
SEO
Gestion de contenu
Assistance technique

Comment modifier ou supprimer des champs de formulaire ?

Chaque champ de formulaire ajouté peut ultérieurement être modifié ou supprimé depuis l'écran de la liste des champs.

Pour modifier un champ, cliquez sur le bouton Modifier de la ligne correspondante. Sur cet écran, vous pouvez modifier des informations telles que le type de champ, l'étiquette, l'espace réservé, le type de données, la largeur du champ, l'ordre et le statut d'obligation.

Les zones inutilisées ou devenues inutiles peuvent être supprimées à l'aide du bouton Supprimer . Il est recommandé de vérifier que la zone ne sera plus utilisée avant de la supprimer.

Où s'affichent les messages des formulaires dynamiques ?

Les réponses envoyées via les formulaires créés à l'aide du module de formulaire dynamique sont affichées dans la section Messages → Messages de formulaire dynamique du panneau d'administration.

Dans cette section, vous pouvez consulter les réponses aux formulaires remplies par les visiteurs. Pour savoir comment afficher et gérer les réponses dynamiques des formulaires, veuillez vous référer au guide « Comment afficher les messages des formulaires dynamiques ? » .

Différence entre le module de formulaire dynamique et le module de communication

Dans un CMS, le module Contact et le module Formulaire dynamique peuvent tous deux servir à recueillir des informations auprès des visiteurs. Cependant, leurs objectifs diffèrent.

• Module de contact : Fournit un formulaire de contact standard comprenant les champs nom, adresse électronique, sujet et message.
• Module de formulaire dynamique : Permet de créer des formulaires personnalisés avec des champs qui peuvent être adaptés à vos besoins.

Si un formulaire de contact standard suffit, le module Contact peut être utilisé. Si des champs plus spécifiques, des options de sélection ou des structures de formulaire différentes sont nécessaires , il est préférable d'utiliser le module Formulaire dynamique .

Quels éléments faut-il prendre en compte lors de la création de formulaires dynamiques ?

Lors de la création de formulaires dynamiques, il est important de préparer une structure simple et conviviale, adaptée à l'objectif du formulaire.

• Inscrivez clairement le nom du formulaire dans le panneau afin qu'il soit facilement reconnaissable.
• Concevez le texte du bouton de manière à guider l'utilisateur.
• Évitez de créer un nombre inutile de champs dans le formulaire.
• Ne rendez obligatoires que les champs strictement nécessaires.
• Planifiez l'ordre des pages en fonction de l'expérience utilisateur.
• Utilisez des options claires et compréhensibles dans les champs de sélection.
• Assurez-vous que le statut du formulaire est « ouvert ».

Résumé

Le module Formulaire dynamique est un module flexible permettant de créer des formulaires personnalisés dans le CMS Webayt. Une fois les informations générales du formulaire créées, les champs sont définis et les informations à collecter auprès de l'utilisateur peuvent être précisées. Pour afficher le formulaire créé sur la page correspondante, suivez les étapes d'ajout du module décrites dans le guide « Comment ajouter des modules aux pages ? » .

Les réponses aux formulaires créés s'affichent dans la section Messages → Messages dynamiques des formulaires du panneau d'administration. Cela permet un suivi aisé des demandes d'assistance, des demandes de devis, des candidatures ou des soumissions de formulaires personnalisés directement depuis le panneau.