1 Formulaire 1.1 Créer un formulaire Placez-vous à l endroit où vous avez choisi de créer votre formulaire. Dans le menu déroulant en bas de la page centrale, sélectionnez «Formulaire», puis cliquez sur «Créer ici». Donnez un nom à votre formulaire «Champ», ce sont les différents champs à choisir qui composent le formulaire. «Utiliser un captcha» : si vous cochez cette case, un captcha apparaîtra sur la page de prévisualisation du formulaire «Introduction» : texte d introduction au formulaire. «Contenu» : texte descriptif du formulaire. «Message affiché dans le mail envoyé aux destinataires» : lorsqu un formulaire est validé, un e-mail est envoyé aux destinataires prédéfinis du formulaire. Vous pouvez personnaliser le texte de cet e-mail en remplissant ce champ. «Message affiché après la validation du formulaire» : message affiché sur la page du site internet après validation du formulaire. «Texte CNIL» : par défaut le texte suivant est affiché en bas du formulaire «Conformément à la loi du 6 janvier 1978 relative à l informatique et aux libertés, vous avez droit d exercer un pouvoir d accès et de rectification des données vous concernant. Pour exercer ce droit, vous pouvez écrire au responsable du site». Si vous souhaitez personnaliser ce texte, il faut remplir ce champ. «Destinataire caché» : si ce champ est rempli, un e-mail sera systématiquement envoyé à l adresse e-mail saisie dans ce champ. «Texte de l accusé d envoi» : lorsqu un formulaire est validé par un internaute, un e- mail lui est envoyé pour lui signifier que sa demande a bien été envoyée. Vous pouvez 1
personnaliser le texte de cet e-mail en remplissant ce champ. «Date de publication» : date de publication du formulaire. 1.2 Créer les champs du formulaire Placez-vous sur la zone «Champs du formulaire» : Champs : voir la section «Les différents types de champs». Nombre de champs : nombre de champs à créer. Placement : voir la sélection «Blocs». Sélectionnez le type de champ, le nombre de champs, le placement, puis cliquez sur le bouton «Ajouter». 1.3 Les différents types de champs 1.3.2 Ligne de texte Affiche une ligne de texte. Options : Libellé : libellé affiché à côté du champ sur le site. Champ obligatoire : si cette case est cochée, l internaute devra obligatoirement saisir une valeur dans ce champ. Valeur par défaut : si une valeur est saisie, le champ côté site sera pré-rempli avec cette valeur. Texte d exemple : si une valeur est saisie, le texte sera affiché sous le libellé côté site. Insérer un espace après le champ : si cette case est cochée, un espace plus important séparera ce champ et le champ suivant côté site. Confirmer ce champ : si cette case est cochée, le champ apparaîtra en double sur le site et l internaute devra saisir exactement les mêmes informations pour valider le formulaire. 2
Inclure dans le sujet du mail : si cette case est cochée, la valeur saisie par l internaute dans ce champ apparaîtra dans le sujet du mail envoyé au destinataire. Taille : taille de la zone de texte. Appliquer un filtre : si un filtre est sélectionné, l internaute devra saisir un texte qui valide ce filtre. Filtres : E-mail : la saisie doit être une adresse e-mail Nombre : la saisie doit être un nombre Code postal : la saisie doit être un code postal Téléphone : la saisie doit être un numéro de téléphone 3
1.3.3 Zone de texte Affiche une zone de texte. Options : voir ci-dessus champ «Ligne de texte». 1.3.4 Menu déroulant Affiche un menu déroulant Options : Libellé, Champ obligatoire, Insérer un espace après le champ : voir champ «Ligne de texte». Options : Liste des éléments du menu. Pour ajouter des options, renseignez la case «nombre d options», puis cliquez sur le bouton «nouvelle(s) option(s)». Pour supprimer des options, cochez la case des options à supprimer et cliquez sur le bouton «Supprimer les options sélectionnées». Pour changer l ordre des options, utilisez les flèches bleues pour monter ou descendre l option. 4
1.3.5 Liste à choix multiple Affiche un menu déroulant à choix multiple. Options : voir champ «Menu déroulant». 1.3.6 E-mail de l internaute Affiche une ligne de texte correspondant à l e-mail de l internaute. C est vers cette adresse que les e- mails seront envoyés à l internaute. Options : Voir champ «Ligne de texte». 5
1.3.7 Destinataire Affiche un menu déroulant listant tous les destinataires. C est vers le destinataire sélectionné que sera envoyé le formulaire. S il n y a qu une seule option de destinataire, ce destinataire est automatiquement sélectionné et rien n est affiché côté site. Options : Libellé, insérer un espace après le champ (voir champ «Ligne de texte»). Options : Nom : texte affiché dans le menu déroulant E-mail : e-mail vers lequel sera envoyé le formulaire Caché : si cochée, cette ligne n apparaît pas dans la liste côté site. Pour ajouter, supprimer ou changer l ordre des options voir le champ «Menu déroulant». 1.3.8 Date Affiche une ligne de texte permettant la saisie d une date via un calendrier dynamique. Options : Libellé, Champ obligatoire, Texte d exemple, Insérer un espace après le champ : voir le champ «Ligne de texte». Valeur par défaut : si la case «Date du jour» est cochée, la date du jour sera prise comme valeur par défaut. Si la zone de texte est remplie, ce sera cette saisie qui sera prise comme valeur par défaut. 6
Date sélectionnable à partir de : par défaut, il n est pas possible de sélectionner une date passée sauf si cette valeur est renseignée. Dans ce cas, la section sera possible à partir de la date saisie. 1.3.9 Bouton radio Affiche des boutons radio Option : Libellé, Champ obligatoire, Insérer un espace après le champ : voir champ «Ligne de texte». Affichage : détermine le mode d affichage des options : En ligne : Les options sont affichées les unes à côté des autres En colonne : Les options sont affichées dans des colonnes prédéfinies Vertical : Les options sont affichées les unes en dessous des autres. Options : Nom : Texte affiché à côté du bouton radio Précisez : Si coché, un champ texte apparaît à côté du bouton radio pour permettre de préciser la réponse. Envoyer à : Si une adresse e-mail est saisie, et que l internaute coche ce bouton radio, un e-mail sera envoyé à l adresse saisie lors de la validation du formulaire. Si coché : Entraîne l apparition du bloc conditionnel sélectionné. Voir le champ «Bloc conditionnel» pour plus de détails. Pour ajouter, supprimer ou changer l ordre des options, voir le champ «Menu déroulant». 7
1.3.10 Case à cocher Affiche des cases à cocher Options : Libellé, Champ obligatoire, Insérer un espace après le champ : Voir champ «Ligne de texte». Affichage : Détermine le mode d affichage des options. En ligne : Les options sont affichées dans des colonnes prédéfinies. En colonnes : les options sont affichées les unes en dessous des autres. Nombre minimal d options sélectionnées : Indique le nombre d options minimal que devra cocher l internaute pour valider ce champ. Nombre maximal d options sélectionnées : Indique le nombre d options maximal que devra cocher l internaute pour valider ce champ. Options : Nom : Texte affiché à côté de la case à cocher. Précisez (si coché) : Un champ texte apparaîtra à côté du bouton radio pour permettre de préciser la réponse. Envoyer à : Si une adresse e-mail est saisie, et que l internaute coche ce bouton radio, un e-mail sera envoyé à l adresse saisie lors de la validation du formulaire. Si coché : Entraîne l apparition du bloc conditionnel sélection. Voir le champ «Bloc conditionnel» pour plus de détails. Pour ajouter, supprimer ou changer l ordre des options, voir le champ «Menu déroulant». 8
1.3.11 Saut de page Permet d ajouter une étape supplémentaire. Il est recommandé de limiter le nombre de champs pour chaque étape et d essayer de les regrouper par catégories logiques. Par exemple, nous pourrions avoir une étape «Civilité» comprenant les champs nom, prénom, date de naissance, puis une étape «Centre d intérêts» avec des cases à cocher. 1.3.12 Editeur Affiche le texte saisi en lecteur seule côté site. 9
1.3.13 Fichier Permet le téléchargement de fichiers (exemple : CV, Lettre de motivation ) Options : Libellé, Champ obligatoire, Texte d exemple, Insérer un espace après le champ : Voir champ «Ligne de texte». Taille de fichier maximale : poids du fichier maximal que l on autorise. 1.3.14 Utilisateur Ce champ permet d afficher les informations de l internaute en lecture seule s il est connecté. S il n est pas connecté, il y a la possibilité d afficher un bloc conditionnel pour pouvoir saisir les informations désirées. Options : Libellé, Insérer un espace après le champ : Voir champ «Ligne de texte». Champs affichés : Liste des champs qui seront affichés si l utilisateur est connecté. Formulaire utilisateur non connecté : Lien vers le bloc conditionnel de remplacement. 10
1.3.15 Bloc conditionnel Permet d afficher une zone de saisie optionnelle en fonction d un choix de l internaute (depuis des cases à cocher ou des boutons radio). Options : Nom : Nom du bloc Pour ajouter un champ dans un bloc, il suffit de sélectionner le nom du bloc dans la liste déroulante «Placement» à la création du champ. Le champ sera coloré en jaune comme la ligne de texte dans la capture d écran ci-dessus. 11
1.3.16 Bloc multiplicité Ce champ permet de créer des zones duplicables par l internaute. Par exemple, si le formulaire doit servir à saisir des informations concernant les enfants de l internaute, il est bien sûr possible de créer des champs nom, prénom, âge autant de fois que l on veut mais le formulaire va être chargé si on envisage un maximum de 10 enfants. En utilisant le bloc duplicable, il suffit de créer un seul champ nom, prénom, âge dans ce bloc et l internaute dupliquera cette zone autant de fois qu il a d enfants. Options : Nom : Nom du bloc Texte du bouton : Texte affiché sur le bouton de duplication du bloc Nombre maximal d itérations : Nombre maximal de fois que le bloc peut être dupliqué. 12
1.4 Récupération des données saisies par l internaute Rendez-vous sur «Administration» puis, «Information recueillie». Pour exporter les données, cliquez sur l icône excel sur la ligne du formulaire dont vous voulez exporter les données. 13