Formation * Module Formulaire              Connexion   

  Module Formulaire
Le module Formulaire vous permet de créer autant de formulaires que vous le souhaitez.
Les formulaires vous permettent la collecte d'information par l'intermédiaire de champs à compléter. Ils peuvent être placés où vous le souhaitez.
La saisie de ces formulaires par le visiteur peut soit être envoyée vers une boîte mail, et / ou s'insérer dans une base de données.
 
 
 
  Insérer un module Formulaire
Pour insérer un module Formulaire, vous devez vous connecter grâce à votre identifiant et votre mot de passe sur votre site.  La barre d'outils s’affiche en haut de votre écran. Vous devez être en mode édition. 
 
Pour créer un nouveau module Formulaire, placez-vous  dans la page sur laquelle vous souhaitez insérer ce module. Dans la partie centrale de la barre d'outils, la case Nouveau module doit être cochée. Vous avez la possibilité de cloner un module déjà existant.
 
 
 
Dans la liste déroulante Module : sélectionnez Formulaire, donnez un titre, la visibilité est héritée de la page, sauf si vous souhaitez définir un accès spécifique, vous pouvez laisser cette option puis cliquez sur ajouter.
 
Le module est inséré sur la page et s'affiche.
 
 
 
 
  Editer les soumissions

Avant d'ajouter un élément pour mettre en place un nouveau formulaire, vous devez auparavant déterminer les paramètres de soumission.

Pour cela vous devez accéder aux paramètres du module grâce au menu contextuel qui s'affiche au passage de la souris, cliquez sur Paramètres du module. Dans cette section, vous pouvez configurer des paramètres relatifs au module lui-même (Les paramètres qui seront les mêmes sur toutes les pages ou le module apparaîtra).

Développez la partie "Paramètres du formulaire" en cliquant sur le plus.

Paramètres de soumission :

Mode de soumission : vous avez le choix d'envoyer les éléments du formulaire soit par email, soit choisir de l'enregistrer en base de données.

Adresse(s) Email : vous devez spécifier une adresse vers laquelle les éléments seront envoyés.

Format Email : en cochant la case, vous choisissez un envoi en html, pour une mise en forme évoluée. 

Lien (URL) de redirection : permet de rediriger l'internaute vers une autre page après envoi des éléments du formulaire.

  • Type de lien :

    • Url (lien vers une ressource extérieure) : vous pouvez spécifier une adresse http pour le lien que vous allez insérer à partir d'une ressource extérieure.
      • Adresse : (URL), vous permet de spécifier cette adresse.
         
    • Page (page de votre site) : vous pouvez spécifier une adresse http pour le lien que vous allez insérer à partir d'une ressource extérieure.
      • Sélectionnez une page de votre site : une liste déroulante s'affiche vous proposant les pages de votre site. Vous pouvez ainsi faire votre choix.

Approbation : cette case à cocher permet d'auto-approuver les soumissions. Si vous décidez de ne pas approuver des soumissions manuellement, vous devez cocher cette case. Cela économise le suivi, mais peut être inutile si les utilisateurs soumettent n'importe quoi.

 Une fois les paramètres définis, cliquez sur "Enregistrer"

 

 
  Editer le formulaire
Vous devez cliquer sur "Ajouter un élément" pour mettre en place le formulaire et son contenu.
 
Type : permet de faire votre choix d'éléments de formulaire dans une liste déroulante.
 
Type
Description
Utilisation
Champ Texte
Saisie d'un seul texte
Nom, numéro de téléphone, …
Zone de saisie
Saisie de plusieurs lignes de texte
Adresse, CV, message,...
Liste déroulante
Choix d'un élément parmi plusieurs
Profession, pays,...
Choix multiple
Choix de plusieurs élements
Passe-temps, intérêts,...
Case à cocher
Un seul choix à cocher
Inscription à la newsletter...
Libellé
Un simple texte
A l'attention de...
Bouton radio
Choix d'un élément parmi plusieurs
Genre, marié,...
Adresse Email
Identique au champ texte mais forme de courriel
Adresse Email
Site web
 Valide une adresse URL valable.
Page de site,...
Date
Champ texte avec affichage d'un calendrier
Date de naissance,...
 
 

 

 
  Champ texte
Après avoir choisi Champ Texte dans la liste déroulante consacrée au type, vous avez accès aux options.
 
Libellé : vous permet de saisir un libellé, par exemple Nom, si vous souhaitez que l'internaute renseigne son nom. Requis

Texte d'aide :
vous pouvez indiquer ici un texte d'aide accessible par une icône. Vous indiquez à l'internaute l'utilisation de votre formulaire.

Largeur : vous devez spécifier la largeur de la cellule en pixel. Si vous laissez cette case vide, la largeur sera de 100%.

Valeurs(s) :
vous pouvez saisir la valeur de l'élément. Si des valeurs multiples sont possibles, les séparer avec un point-virgule (;). Permet d'afficher une valeur par défaut.

Requis :
en cochant la case, vous spécifiez que cet élément est requis.

 
  Zone de saisie

Après avoir choisi Zone de saisie dans la liste déroulante consacrée au type, vous avez accès aux options.

Libellé : vous permet de saisir un libellé, par exemple Adresse, si vous souhaitez que l'internaute renseigne son adresse. Requis.

Texte d'aide :
vous pouvez indiquer ici un texte d'aide accessible par une icône. Vous indiquez à l'internaute l'utilisation de votre formulaire.

Largeur : vous devez spécifier la largeur de la cellule en pixel. Si vous laissez cette case vide, la largeur sera de 100%.

Valeurs(s) :
vous pouvez saisir la valeur de l'élément. Si des valeurs multiples sont possibles, les séparer avec un point-virgule (;). Permet d'afficher une valeur par défaut.

Requis :
en cochant la case, vous spécifiez que cet élément est requis.

 
  Liste déroulante

Après avoir choisi Liste déroulante dans la liste déroulante consacrée au type, vous avez accès aux options. La liste déroulante permet à l'utilisateur de choisir un élément parmi les autres.

Libellé : vous permet de saisir un libellé, par exemple Adresse, si vous souhaitez que l'internaute renseigne son adresse. Requis.

Texte d'aide :
vous pouvez indiquer ici un texte d'aide accessible par une icône. Vous indiquez à l'internaute l'utilisation de votre formulaire.

Valeurs(s) :
vous pouvez saisir la valeur de l'élément. Si des valeurs multiples sont possibles, les séparer avec un point-virgule (;). Par exemple : Mademoiselle;Madame;Monsieur
Requis.

Valeurs(s) sélectionnées : vous pouvez choisir la valeur par défaut de l'élément depuis la liste ci-dessus. Si des valeurs multiples sont possibles, les séparer avec un point-virgule (;). Par exemple : Monsieur, c'est cette valeur qui s'affichera en premier dans la liste déroulante.
 

 

 
  Choix multiple

Après avoir choisi Choix multiple dans la liste déroulante consacrée au type, vous avez accès aux options. Il vous permet de poser par exemple une question, l’individu interrogé peut choisir plusieurs réponses parmi l’ensemble des réponses.

Libellé : vous permet de saisir un libellé, par exemple une question (Quelle est la couleur du drapeau français ?) Requis.

Texte d'aide :
vous pouvez indiquer ici un texte d'aide accessible par une icône. Vous indiquez à l'internaute l'utilisation de votre formulaire.
 
Colonnes répétées : par défaut les choix sont disposés à la verticale, les uns en dessous des autres. Cette option permet d'étendre les choix à l'horizontale, les uns à côté des autres. S'exprime en nombre. Par exemple : 3, place trois valeurs sur la même ligne.

Valeurs(s) :
vous pouvez saisir la valeur de l'élément. Si des valeurs multiples sont possibles, les séparer avec un point-virgule (;). Par exemple : Bleu;Blanc;Rouge;Vert
Requis.

Valeurs(s) sélectionnées : vous pouvez choisir la valeur par défaut de l'élément depuis la liste ci-dessus. Si des valeurs multiples sont possibles, les séparer avec un point-virgule (;). Par exemple : Vert, c'est cette valeur sera délà cochée dans la liste de choix.
 
Requis : détermine si cette donnée doit être requise.
 

 

 
  Case à cocher

Après avoir choisi Case à cocher dans la liste déroulante consacrée au type, vous avez accès aux options. La case à cocher permet de proposer une seule proposition au visiteur. Par exemple l'inscription à une newsletter.

Libellé : vous permet de saisir un libellé, par exemple "Inscription à la newsletter", si vous souhaitez que l'internaute renseigne son statut. Requis.

Texte d'aide :
vous pouvez indiquer ici un texte d'aide accessible par une icône. Vous indiquez à l'internaute l'utilisation de votre formulaire.
 
Valeurs(s) : une seule valeur suffit ici.
 
Requis : détermine si cette donnée doit être requise.
 
 
  Libellé

Après avoir choisi Libellé dans la liste déroulante consacrée au type, vous avez accès aux options. Cette option permet d'insérer un simple texte.

Valeurs(s) : vous pouvez saisir la valeur de l'élément. Si des valeurs multiples sont possibles, les séparer avec un point-virgule (;). Permet d'afficher une valeur par défaut.

 
  Boutons radio

Après avoir choisi Boutons radios dans la liste déroulante consacrée au type, vous avez accès aux options. Les Boutons Radio sont utilisés pour faire un choix parmi plusieurs éléments. C'est semblable à la liste déroulante, mais souvent plus facile à utiliser. Exemples : la situation de famille (Marié;Divorcé;Veuf).

Libellé : vous permet de saisir un libellé, par exemple "Statut", si vous souhaitez que l'internaute renseigne son Statut. Requis.

Texte d'aide :
vous pouvez indiquer ici un texte d'aide accessible par une icône. Vous indiquez à l'internaute l'utilisation de votre formulaire.
 
Colonnes répétées : par défaut les choix sont disposés à la verticale, les uns en dessous des autres. Cette option permet d'étendre les choix à l'horizontale, les uns à côté des autres. S'exprime en nombre. Par exemple : 3, place trois valeurs sur la même ligne.

Valeurs(s) :
vous pouvez saisir la valeur de l'élément. Si des valeurs multiples sont possibles, les séparer avec un point-virgule (;). Par exemple : Marié;Divorcé;Veuf
Requis.

Valeurs(s) sélectionnées : vous pouvez choisir la valeur par défaut de l'élément depuis la liste ci-dessus. Si des valeurs multiples sont possibles, les séparer avec un point-virgule (;). Par exemple : Marié, c'est cette valeur qui sera déjà cochée dans la liste de choix.
 
Requis : détermine si cette donnée doit être requise.

 
  Adresse email

Après avoir choisi Adresse email dans la liste déroulante consacrée au type, vous avez accès aux options. On demande ici à l'utilsateur de renseigner son adresse email. Pour que cette entrée soit valide, elle doit avoir la forme d'une adresse email (par exemple : nom.prénom@entreprise.com).

Libellé : vous permet de saisir un libellé, par exemple "Courriel", si vous souhaitez que l'internaute renseigne son adresse email. Requis.

Texte d'aide : vous pouvez indiquer ici un texte d'aide accessible par une icône. Vous indiquez à l'internaute l'utilisation de votre formulaire.

Largeur : vous devez spécifier la largeur de la cellule en pixel. Si vous laissez cette case vide, la largeur sera de 100%.

Valeurs(s) : vous pouvez saisir la valeur de l'élément. Si des valeurs multiples sont possibles, les séparer avec un point-virgule (;). Permet d'afficher une valeur par défaut, par exemple vous pouvez afficher : Jean-luc.dupont@ludic.fr

Requis : détermine si cette donnée doit être requise.

 
  Site Web

Après avoir choisi Site web dans la liste déroulante consacrée au type, vous avez accès aux options. On demande ici à l'utilsateur de renseigner son l'adresse (URL) de son site. Pour que cette entrée soit valide, elle doit avoir la forme d'une adresse web(par exemple : http://www.objectif-services.com/). Une liste déroulante propose deux options de lien : http ou https.

Libellé : vous permet de saisir un libellé, par exemple "Votre site :", si vous souhaitez que l'internaute renseigne l'adresse de son site. Requis.

Texte d'aide : vous pouvez indiquer ici un texte d'aide accessible par une icône. Vous indiquez à l'internaute l'utilisation de votre formulaire.

Largeur : vous devez spécifier la largeur de la cellule en pixel. Si vous laissez cette case vide, la largeur sera de 100%.

Cible du lien : détermine l'ouverture de la fenêtre.

Requis : détermine si cette donnée doit être requise.

 
  Date

Après avoir choisi Date dans la liste déroulante consacrée au type, vous avez accès aux options. On demande ici à l'utilsateur de renseigner une date, par exemple sa date de naissance.

Libellé : vous permet de saisir un libellé, par exemple "Date de naissance:", si vous souhaitez que l'internaute renseigne sa date de naissance. Requis.

Texte d'aide : vous pouvez indiquer ici un texte d'aide accessible par une icône. Vous indiquez à l'internaute l'utilisation de votre formulaire.

Valeurs(s) : vous pouvez saisir la valeur de l'élément. Si des valeurs multiples sont possibles, les séparer avec un point-virgule (;). Permet d'afficher une valeur par défaut.

Requis : détermine si cette donnée doit être requise.

 
  Paramètres du module Formulaire
Vous pouvez accéder aux paramètres de ce module grâce au menu contextuel qui s'affiche au passage de la souris, cliquez sur Paramètres du module. Dans cette section, vous pouvez configurer des paramètres relatifs au module lui-même.(Les paramètres qui seront les mêmes sur toutes les pages ou le module apparaitra).
 
Paramètres du module :
  • Titre et droits d’accès :
    • Cette  partie rappelle le type de module, son titre, et ensuite les permissions qui ici sont héritées de la page.

 

 
  Text/HTML

Planifications et compléments :

Cliquez sur le plus pour développer la partie planifications et compléments

  • Afficher le module sur toutes les pages ? : affiche le module sur toute les pages ne présente pas d'intérêt dans ce cas.


 

Nous pouvons entrer un texte en entête et en pied pour ce module, puis deux options qui définissent la date d'apparition de notre module, très utile en cas d'événement particulier que vous souhaiteriez faire apparaître entre deux dates.

 

  • Texte d’entête : permet d'afficher un texte en entête.
  • Texte en pied : permet d'afficher un texte en en pied
  • Apparaît le : spécifie la date à laquelle le module apparaîtra.
  • Disparaît le : spécifie la date à laquelle le module disparaîtra.

 

 
  Text/HTML
Paramètres d'affichage :
  • Icône : la possibilité d'agrémenter notre module par une icône.
    • Regarder dans : vous permet de choisir un répertoire de votre site.
    • Nom du fichier : vous permet de choisir le fichier repéré par son nom dans une liste déroulante. Vous devez le sélectionner.
       
  • Alignement interne : détermine l'alignement interne au module, Gauche, Centré, Droite ou par défaut.
  • Couleur de fond : détermine la couleur de fond, s'exprime en code hexadécimal.
  • Epaisseur de la bordure : détermine l'épaisseur de la bordure, s'exprime en pixel.
  • Présentation : détermine la présence de boutons d'agrandissement ou de réduction du contenu du module
  • Afficher le container : permet ou non d'afficher le container et tous les éléments qui le compose : titre, cadre, icône, etc.
  • Autoriser l'impression : affiche une icône située à côté du module qui permet à l'internaute de n'imprimer que le contenu du module.
  • Autoriser la syndication : sélectionnez cette option si vou souhaitez activer la fonction RSS de ce module, permettant d’afficher sur un site (de façon automatique), des informations provenant d’un autre site.
  • Container : permet de choisir une apparence pour le container

 

 
  Paramètres du module Formulaire

Vous pouvez accéder aux paramètres de ce module grâce au menu contextuel qui s'affiche au passage de la souris, cliquez sur Paramètres du module. Dans cette section, vous pouvez configurer des paramètres relatifs au module lui-même.(Les paramètres qui seront les mêmes sur toutes les pages ou le module apparaitra).

Cliquer sur le  pour développer la partie "Paramètres du formulaire". Nous avons dèjà vu précédemment partie concernant les soumissions.

Cliquer sur le  pour développer la partie "Apparence".

Largeur : détermine la largeur totale du formulaire. Si vous laissez cette donnée vide, alors la largeur sera de 100%.

Masque de champ obligatoire : vous permet de choisir comment les champs exigés doivent être signalés, soit l'icône standard apparaît, soit un astérisque est présent en-dessous de l'étiquette, soit vous pouvez décider de ne rien montrer du tout.

Montrer les soumissions approuvées : cela permet de définir où montrer les soumissions approuvées au public. Vous pouvez choisir au-dessus du formulaire, en-dessous du formulaire ou pas du tout.

Boutons : vous pouvez choisir l'apparence de l'envoi du formulaire soit en bouton soit sous la forme de lien.

Conserver durant (jours) : voilà une option importante. Elle contrôle pendant combien de jours les soumissions approuvées seront montrées au public (si vous avez choisi "au-dessus du formulaire" ou "en-dessous du formulaire".
Si vous laisser cette option vide, les soumissions seront toujours présentes, au moins jusqu'à ce que vous les supprimiez manuellement.

Grouper l'envoi par : vous pouvez choisir un type d'affichage des soumissions.

Rendu comme en-tête : vous pouvez choisir quel champ devrait être sélectionner comme en-tête.

Aligner l'en-tête : permet de choisir l'alignement.

Options : en cochant la ou les cases vous pouvez :

  • éviter le spam, en incluant un test de Turing (captcha) au formulaire.
  • montrer la date de soumission.
  • montrer les libellés.

Afficher le résumé de validation comme : vous pouvez décider de montrer un résumé de validation à la fin de votre formulaire ou dans une  boîte de message d'alerte. Si vous ne cochez aucune des cases, un astérisque (*) apparaîtra à côté du formulaire.