ProDon:Configuration des questions : Différence entre versions

De Logilys
Aller à : navigation, rechercher
(Configuration des personnalisations)
(Informations générales)
 
(280 révisions intermédiaires par 4 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
{{Entete_ProDon}}<br>
+
{{Entete_TOC}}
 +
Cette documentation nécessite le module « Dons en ligne » de Prodon, il faut donc posséder ce module pour avoir accès à ces fonctionnalités.
  
== Introduction  ==
+
'''Cliquer sur le lien, pour consulter le plan de formation''' [http://doc.logilys.com/formation/Donsenligne-Formulaires.pdf '''Dons en ligne - 1 - Formulaires''']
  
Le module Dons en ligne permet aux donateurs de donner directement par le Web.
+
== Introduction  ==
  
<br>
+
Dans un formulaire web, il est possible d'obtenir des informations précises de la part des clients, en créant des questions spécifiques. 
  
Pour que les donateurs puissent effectuer un don, il faut d'abord créer et configurer le site Web. La création du site Web de dons en ligne inclue la configuration de la page d'accueil du site ainsi que la création de différents formulaires Web. Chaque formulaire Web est attaché à une [[ProDon:Gestion des occasions de dons|occasion de dons]], ce qui fait que les internautes peuvent s'inscrire en ligne aux activités bénéfices de l'organisme, ou faire un don directement par le Web.  
+
Si des questions sont similaires pour une même chose, il est possible de les rassembler dans un même groupe.
  
<br>
+
Les groupes de questions sont réutilisables.
  
De plus, lorsqu'un internaute effectue un don ou s'inscrit à une activité à partir d'un formulaire Web, '''''ProDon''''' l'ajoute automatiquement à la base de données lors de l'[[ProDon:Importation des dons|importation des dons]].  
+
Par exemple: lors d'un événement, vous voulez connaître les restrictions alimentaires des gens. Vous allez créer un groupe de questions « Restrictions alimentaires » et mettre des questions telles que; allergies, type de régime, etc. Puis ce groupe de questions pourra être réutilisé dans un autre formulaire.
  
 +
== Configuration du groupe de questions  ==
  
 +
Pour configurer le groupe de questions, se rendre d'abord dans la «&nbsp;Gestion des groupes de questions&nbsp;».<br>
  
Il est possible d'obtenir des informations très précises de la part des clients en créant des personnalisations.
+
{| class="wikitable"
 +
|Pour ce faire, cliquer sur le menu «&nbsp;Don en ligne&nbsp;»,
 +
puis choisir l'option « Groupes de questions&nbsp;».
 +
|-
 +
|[[Fichier:ProDon5 Groupes de questions 001..png|centré]]
 +
|}<br>
  
<br>
+
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 +
|-
 +
| colspan="2" |
 +
Après avoir cliqué sur «&nbsp;Groupes de questions&nbsp;», la fenêtre suivante s'ouvre.
  
== Configuration des personnalisations<br> ==
+
|-
 +
| colspan="2" | [[Fichier:ProDon5 Groupes de questions 002.png|800x800px]]<br>
 +
|-
 +
|<span style="color: rgb(255, 0, 0);">'''A :'''</span> Permets d'ajouter un groupe de questions.
 +
|<span style="color: rgb(255, 0, 0);">'''B :'''</span> Permets de modifier ou de consulter le groupe de questions sélectionné.
 +
|-
 +
|<span style="color: rgb(255, 0, 0);">'''C :'''</span> Permets de modifier ou de consulter le formulaire web dans lequel le groupe de questions se retrouve.
 +
|<span style="color: rgb(255, 0, 0);">'''D :'''</span> Permets de retirer le groupe de questions sélectionné.
 +
|-
 +
|<span style="color: rgb(255, 0, 0);">'''E :'''</span> Permets d'archiver ou de désarchiver un groupe de questions.
 +
|<span style="color: rgb(255, 0, 0);">'''F :'''</span> Permets de synchroniser le groupe de questions sélectionné en test ou en production.
 +
|-
 +
|<span style="color: rgb(255, 0, 0);">'''G :'''</span> Permets de voir le formulaire web en test ou en production.
 +
|<span style="color: rgb(255, 0, 0);">'''H :'''</span> Cet onglet permet de voir tous les groupes de questions.
 +
|-
 +
|<span style="color: rgb(255, 0, 0);">'''I :'''</span> Cet onglet permet de voir toutes les questions qui se trouvent dans chacun des groupes de questions.
 +
|<span style="color: rgb(255, 0, 0);">'''J :'''</span> Cette flèche permet de déplacer vers le haut le groupe de questions sélectionné.
 +
|-
 +
|<span style="color: rgb(255, 0, 0);">'''K :'''</span> Ce bouton permet de faire d'autres déplacements. Vous aurez alors le choix entre; insérer le groupe de questions à une certaine position ou d'intervertir avec une autre position.
 +
|<span style="color: rgb(255, 0, 0);">'''L :'''</span> Cette flèche permet de déplacer vers le bas, le groupe de questions sélectionné.
 +
|}
  
Il existe 3 section pour les personnalisations&nbsp;: Les informations personnelles, les informations sur la transaction et les informations sur l'engagement.
+
=== Ajout d'un groupe de questions ===
  
Les exemples qui suivent ont été créés dans la section "Informations sur la transaction&nbsp;", mais les mêmes types de personnalisations sont disponibles également dans les 2 autres sections.
+
Une fois que vous avez cliqué sur le bouton pour ajouter une groupe de question, cette fenêtre s'ouvre:
 
+
{| class="wikitable"
<br>
+
| colspan="2" |[[Fichier:ProDon5_Groupes_de_questions_003.png|centré|895x895px]]
 
+
|-
{| width="200" cellspacing="1" cellpadding="1" border="1"
+
|<span style="color: rgb(255, 0, 0);">'''A :'''</span> Permets d'inscrire le nom du groupe de questions.
 +
|<span style="color: rgb(255, 0, 0);">'''B :'''</span> Permets d'inscrire le libellé français et anglais du groupe de questions. Celui-ci se retrouvera sur le formulaire web.
 
|-
 
|-
| colspan="2" | <span style="color: rgb(255, 0, 0);">Aller dans la gestion des formulaires Web...</span>
+
|<span style="color: rgb(255, 0, 0);">'''C :'''</span> Permets de déterminer l'emplacement du groupe de questions dans le formulaire web (Client ou Relation, Transaction, Engagement, Transaction et Engagement, Participants).
 +
|<span style="color: rgb(255, 0, 0);">'''D :'''</span> Permets de déterminer le positionnement du groupe de questions dans le formulaire web (dans la section informations supplémentaire, dans la section confirmation ou dans la section identification).
 
|-
 
|-
| colspan="2" |  
+
|<span style="color: rgb(255, 0, 0);">'''E :'''</span> Permets d'archiver le groupe de questions.
 +
|<span style="color: rgb(255, 0, 0);">'''F :'''</span> Répertorie toutes les questions du groupe.
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''G :'''</span> Cet onglet indique que le groupe de questions est utilisé dans quel formulaire web.
|  
+
|<span style="color: rgb(255, 0, 0);">'''H :'''</span> Permets de dupliquer un groupe de questions.
 
|}
 
|}
  
<br>
+
== Configuration d'une question  ==
  
<br>
+
Quand on ajoute une question, il y a plusieurs informations qu'on peut configurer, pour l'obtention de la réponse.
  
<br>
+
=== Informations générales ===
 
+
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
<br>
+
|-
 +
| colspan="2" |
 +
Après avoir cliqué sur le bouton « Ajouter une ligne » dans l'onglet Questions, du groupe de questions, la fenêtre suivante s'ouvre. 
  
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon_Configuration_personnalisations_001a.png]]<br>
+
| colspan="2" | {{Anchor||FenêtreFormulaireWeb}}[[Fichier:ProDon5 Groupes de questions 004.png|800x800px]]
 
|-
 
|-
 
| width="50%" |  
 
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> L'onglet «&nbsp;Section informations personnelles&nbsp;» permet d'ajouter des personnalisations dans la section «&nbsp;Informations personnelles&nbsp;».<br>
+
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> En cochant cette case, vous ne conserverez pas la réponse à la question dans la fiche du client ou selon le type de la question.  
  
 
| width="50%" |  
 
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> L'onglet «&nbsp;Section informations sur la transaction&nbsp;» permet d'ajouter des personnalisations dans la section «&nbsp;Informations sur la transaction&nbsp;».<br>
+
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Permets de choisir la question.
  
 
|-
 
|-
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> L'onglet «&nbsp;Section informations sur l'engagement&nbsp;» permet d'ajouter des personnalisations dans la section «&nbsp;Informations sur l'engagement&nbsp;».  
+
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Permets de choisir à quel endroit la réponse à la question ira se loger.
 +
 
 +
Exemple: si c'est un formulaire corporatif, vous pourrez décider que l'information soit dans la fiche du client (compagnie) ou soit dans la fiche de l'individu.
  
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Il s'agit de la liste des personnalisations de la section «&nbsp;Informations sur la transaction&nbsp;».<br>
+
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Permets de choisir le groupe de caractéristiques où l’on veut que la réponse soit documentée.  
  
 
|-
 
|-
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Le bouton [[Image:Bouton Ajouter.png]] permet de créer une nouvelle personnalisation pour l'ajouter à la liste en <span style="color: rgb(255, 0, 0);">'''D'''</span>.<br>  
+
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Permets d'insérer le libellé qui apparaîtra sur le web.<br>  
  
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier une personnalisation de la liste en <span style="color: rgb(255, 0, 0);">'''D'''</span>. Pour modifier une personnalisation, sélectionner la personnalisation à modifier en <span style="color: rgb(255, 0, 0);">'''D'''</span>, puis cliquer sur le bouton [[Image:Bouton Modifier.png]].  
+
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Permets de rendre obligatoire une réponse à la question.  
  
 
|-
 
|-
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png]] permet de supprimer une personnalisation de la liste en <span style="color: rgb(255, 0, 0);">'''D'''</span>. Pour supprimer une personnalisation, sélectionner la personnalisation à supprimer en <span style="color: rgb(255, 0, 0);">'''D'''</span>, puis cliquer sur le bouton [[Image:Bouton Retirer.png]].<br>  
+
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Permets de mettre la question en lecture seule.<br>  
  
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Le bouton [[Image:Bouton efface.png]] permet de supprimer toutes les personnalisations en <span style="color: rgb(255, 0, 0);">'''D'''</span>.<br>  
+
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Permets de déterminer le type de la question: numérique, texte, date et heure, case à cocher, liste de choix, liste de choix prédéfinis, texte long ou fichier.
 +
|-
 +
| colspan="2" |<span style="color: rgb(255, 0, 0);">'''I :'''</span> Permets de décider de la valeur par défaut, selon le type de question.
 +
|}
 +
 
 +
=== Web ===
 +
{| class="wikitable"
 +
| colspan="2" |[[Fichier:ProDon5 Groupes de questions 006.png|centré|753x753px]]
 +
|-
 +
|<span style="color: rgb(255, 0, 0);">'''A :'''</span> En cochant cette case, la question sera visible sur le web.
 +
|<span style="color: rgb(255, 0, 0);">'''B :'''</span> Permets de conserver la réponse à la question pour les futurs formulaires du membre LogiZone.
 +
|-
 +
|<span style="color: rgb(255, 0, 0);">'''C :'''</span> Permets d’afficher la réponse à la question sur la page de confirmation.
 +
|<span style="color: rgb(255, 0, 0);">'''D :'''</span> Permets d’afficher la réponse à la question dans le courriel de confirmation que le donateur recevra.
 +
|-
 +
| colspan="2" |<span style="color: rgb(255, 0, 0);">'''E :'''</span> Permets de mettre des sous-titres au-dessus des questions.
 +
|}
 +
 
 +
=== Activation conditionnelle ===
 +
{| class="wikitable"
 +
| colspan="2" |[[Fichier:ProDon5 Groupes de questions 007.png|centré|700x700px]]
 +
|-
 +
|<span style="color: rgb(255, 0, 0);">'''A :'''</span> Permets d'afficher la question dans le formulaire en fonction de la réponse à une autre question. Choisir, à l'aide de la flèche déroulante, en fonction de quelle question celle-ci apparaîtra ou non.
 +
|<span style="color: rgb(255, 0, 0);">'''B'''</span><span style="color: rgb(255, 0, 0);">''' :'''</span> Permets de choisir en fonction de quelle réponse le champ s'affichera.
 +
|-
 +
| colspan="2" |<span style="color: rgb(255, 0, 0);">'''C'''</span><span style="color: rgb(255, 0, 0);">''' :'''</span> Permets d'inscrire une valeur à importer, si le donateur qui remplit le formulaire répond « Non » à la question en <span style="color: rgb(255, 0, 0);">'''B'''</span>. Dans cet exemple, si la case « Non » est cochée, la valeur « 0 » sera importée dans Prodon pour ce champ.
 +
|}
  
 +
=== Note ===
 +
{| class="wikitable"
 +
|[[Fichier:ProDon5 Groupes de questions 008.png|centré|617x617px]]
 +
|-
 +
|<span style="color: rgb(255, 0, 0);">'''A :'''</span> Permets d’ajouter une note au-dessus ou au-dessous de la question.
 
|}
 
|}
 +
 +
=== Ajout d'une question  ===
 +
 +
Les options de la fenêtre d'ajout ou de modification d'une question changent selon le type de caractéristique choisi. Il existe 8 types de caractéristiques&nbsp;: <br>
 +
 +
*[[ProDon:Configuration_des_questions#Question_de_type_texte|Texte]]<br>
 +
*[[ProDon:Configuration_des_questions#Question_de_type_Date|Date]]<br>
 +
*[[ProDon:Configuration_des_questions#Question_de_type_case_.C3.A0_cocher|Case à cocher]]<br>
 +
*[[ProDon:Configuration_des_questions#Question_de_type_liste_de_choix.2Fliste_de_choix_pr.C3.A9d.C3.A9finie|Liste de choix]] <br>
 +
*[[ProDon:Configuration_des_questions#Question_de_type_liste_de_choix.2Fliste_de_choix_pr.C3.A9d.C3.A9finie|Liste de choix prédéfinie]]<br>
 +
*[[ProDon:Configuration_des_questions#Question_de_type_texte_long|Texte long]]<br>
 +
*[[ProDon:Configuration_des_questions#Question_de_type_num.C3.A9rique|Numérique]]<br>
 +
*[[ProDon:Configuration_des_questions#Question_de_type_fichier|Fichier]]<br>
  
 
<br>  
 
<br>  
Ligne 83 : Ligne 164 :
 
|-
 
|-
 
| colspan="2" |  
 
| colspan="2" |  
Après avoir cliqué sur le bouton [[Image:Bouton Ajouter.png]] ou sur le bouton [[Image:Bouton Modifier.png]], la fenêtre suivante s'ouvre.  
+
Après avoir cliqué sur le bouton [[Image:Bouton Ajouter.png]] pour ajouter une question, la fenêtre suivante s'ouvre.  
  
 
|-
 
|-
| colspan="2" | <br>
+
| colspan="2" |[[Fichier:ProDon5 Groupes de questions 011.png|centré|600x600px]]<br>
 
|-
 
|-
|  
+
| colspan="2" |  
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Permet de choisir ou créer une catégorie à la caractéristique.  
+
<span style="color: rgb(255, 0, 0);">'''A :'''</span> Cliquer sur le bouton [[Image:Bouton....png]] afin d'ajouter une caractéristique dans la question.  
 +
 
 +
|}
  
|
+
<br>  
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Permet de donner un titre français à la caractéristique.
 
  
 +
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 +
|-
 +
| colspan="2" |[[Fichier:ProDon5 Groupes de questions 012.png|centré]]<br>
 
|-
 
|-
|  
+
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Permet de donner un titre anglais à la caractéristique.<br>  
+
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il s'agit de la liste des caractéristiques  déjà existantes dans la «&nbsp;Gestion des caractéristiques&nbsp;».<br>  
 +
 
 +
'''NOTE&nbsp;:''' Les caractéristiques déjà ajoutées dans le formulaire en modification n'apparaissent pas dans cette liste.
  
|  
+
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Permet d'inscrire un libellé français pour la caractéristique.<br>
+
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Après avoir sélectionné une caractéristique en <span style="color: rgb(255, 0, 0);">'''A'''</span>, cliquer sur le bouton «&nbsp;[[Image:Bouton Crochet ajouter confirmer.png]] Confirmer la sélection&nbsp;», pour ajouter la caractéristique à la question.  
  
 
|-
 
|-
|  
+
| colspan="2" |  
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Permet d'inscrire un libellé anglais pour la caractéristique.<br>  
+
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Il est possible de créer une nouvelle caractéristique en cliquant sur le bouton «&nbsp;Nouveau&nbsp;». Pour savoir comment configurer la nouvelle caractéristique, consulter le document «&nbsp;[[ProDon:Gestion des caractéristiques|Gestion des caractéristiques]]&nbsp;».
 +
|}
 +
 
 +
<br>
 +
 
 +
==== Question de type texte  ====
 +
 
 +
Une personnalisation de type texte n'a aucun format prédéfini. Elle se présente sous forme de texte et peut contenir un maximum de 250 caractères alphanumériques. <br>  
  
|
+
Cependant, il est possible d'attribuer un format spécifique à certains types de champ&nbsp;: courriel, province, code postal, pays ou numéro de téléphone.  
F&nbsp;: Si cette case est cochée, une caractéristique s'affichera dans le formulaire, mais une valeur sera inscrite par défaut et le donateur ne pourra pas la modifier.  
 
  
 +
{| class="wikitable"
 +
| colspan="2" |[[Fichier:ProDon5 Groupes de questions 010.png|centré|600x600px]]
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''A :'''</span>  On peut choisir de mettre une validation selon un courriel, un code postal, un numéro de téléphone, une province, un pays ou un numéro d'assurance maladie.
G&nbsp;: Permet d'afficher le champ personnalisé sous la section paiement.<br>  
+
|<span style="color: rgb(255, 0, 0);">'''B :'''</span>  L'endroit pour mettre le nombre maximal de caractères voulu. 
 +
|}
 +
 
 +
===== Question de type Date =====
 +
Une caractéristique de type date et heure peut contenir seulement une date, seulement une heure, ou bien une date et une heure.
 +
 
 +
'''ATTENTION :''' seules les questions contenant seulement une date peuvent être utilisées dans un formulaire Web. Il n'est pas possible d'utiliser une question date et heure ou une question heure. 
  
|
+
Dans le formulaire Web, il est possible de saisir la date manuellement ou de choisir la date à l'aide d'un calendrier.
H&nbsp;: Permet d'utiliser une liste déroulante de choix pour présenter les choix au donateur.<br>
 
  
 +
{| class="wikitable"
 +
|[[Fichier:ProDon5 Groupes de questions 013.png|centré]]
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''A :'''</span> En cochant cette case, la date du jour sera automatiquement sélectionnée, mais celle-ci pourra être changée manuellement par le donateur.
I&nbsp;: Permet d'afficher sur une seule colonne les boutons radio (en M) ou les choix multiples à cocher (en P).<br>  
+
|}
 +
 
 +
===== Liste de choix pour les pays<br> =====
  
|  
+
Il est possible de créer une liste de choix contenant les pays disponibles dans ProDon avec une question de type texte.
J&nbsp;: Si cette case est cochée, le donateur sera obligé de choisir une valeur au champ personnalisé.<br>  
+
{| class="wikitable"
 +
|Après avoir ajouté une question, la fenêtre d’ajout d’une question apparaît :
 +
|-
 +
|[[Fichier:ProDon5 Groupes de questions 021.png|centré|770x770px]]
 +
|-
 +
|<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Permets de spécifier si la réponse à la question de type texte est un pays.
 +
|}
 +
{| class="wikitable"
 +
|[[Fichier:ProDon5 Groupes de questions 022.png|centré|767x767px]]
 +
|-
 +
|<span style="color: rgb(255, 0, 0);">'''A :'''</span> Il s'agit de la liste des pays existants dans '''''ProDon'''''. Cocher ceux qui doivent se trouver parmi les choix disponibles aux donateurs lorsqu'ils remplissent le formulaire.
 +
|}
 +
==== Question de type case à cocher  ====
  
 +
Une question de type case à cocher se présente sous forme de case à cocher ou de boutons radio.
 +
{| class="wikitable"
 +
|[[Fichier:ProDon5 Groupes de questions 014.png|centré|750x750px]]
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''A :'''</span> En mettant une valeur par défaut, cette valeur sera sélectionnée d’emblée, mais elle pourra être changée manuellement.
K&nbsp;: Permet d'utiliser des boutons radio pour présenter les choix au donateur.<br>
+
|}
 +
{| class="wikitable"
 +
|Une fois le type Case à cocher choisit, vous pouvez décider du type d’affichage voulu, dans l’onglet « Web ».
 +
|-
 +
|[[Fichier:ProDon5 Groupes de questions 019.png|centré|634x634px]]
 +
|-
 +
|<span style="color: rgb(255, 0, 0);">'''A :'''</span> Vous pouvez choisir entre des boutons radio ou une case à cocher.
 +
|}
  
|
+
====  Question de type liste de choix/liste de choix prédéfinie  ====
L&nbsp;: Permet d'afficher sur deux colonnes les boutons radio (en M) ou les choix multiples à cocher (en P).  
+
Une question de type liste de choix ou liste de choix prédéfinie se présente sous forme de liste de choix multiples, de boutons radio ou de cases à cocher.
  
 +
<br>
 +
{| class="wikitable"
 +
|[[Fichier:ProDon5 Groupes de questions 015.png|centré|750x750px]]
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> En mettant un choix par défaut, ce choix sera sélectionné d’emblée, il pourra être modifié manuellement.
M&nbsp;: Permet d'afficher le champ personnalisé dans le bas de la page.<br>  
+
|}
 +
{| class="wikitable"
 +
|Après avoir sélectionné le type Liste de choix, vous pouvez choisir l’affichage dans l’onglet « Web ».
 +
|-
 +
|[[Fichier:ProDon5 Groupes de questions 020.png|centré|634x634px]]
 +
|-
 +
|<span style="color: rgb(255, 0, 0);">'''A :'''</span> Les types d’affichage sont : Liste de choix, Boutons radio et liste de choix multiples.
 +
 '''ATTENTION''' : si la caractéristique permet seulement une seule valeur, il ne sera pas possible d’avoir l’option liste de choix multiples.
 +
 
 +
 '''NOTE''' : Si vous sélectionnez l’affichage « boutons radio », vous pourrez choisir d’afficher le tout sur une colonne (mettre lien vers exemple) ou sur deux colonnes (mettre lien vers exemple).
 +
|}
 +
 
 +
==== Question de type texte long  ====
  
|
+
Une question de type texte long n'a aucun format prédéfini. Elle se présente sous forme de texte.  
N&nbsp;: Permet d'utiliser une liste de choix multiples à cocher pour présenter les choix au donateur.<br>
 
  
 +
{| class="wikitable"
 +
|[[Fichier:ProDon5 Groupes de questions 016.png|centré|776x776px]]
 +
|}
 +
{| class="wikitable"
 +
|[[Fichier:ProDon5 Groupes de questions 017.png|centré|776x776px]]
 
|-
 
|-
| colspan="2" | <br>
+
|<span style="color: rgb(255, 0, 0);">'''A :'''</span> Permets de décider du nombre de lignes visible sur le web.
 +
|}
 +
==== Question de type numérique  ====
 +
 
 +
Ce type peut contenir uniquement des chiffres.
 +
 
 +
{| class="wikitable"
 +
|[[Fichier:ProDon5 Groupes de questions 009.png|centré|781x781px]]
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''A :'''</span> Permets d’indiquer la valeur minimale et maximale voulue. Exemple si on inscrit maximum 10, le donateur ne pourra pas mettre 11.
A&nbsp;:  
+
|}
  
|
+
==== Question de type fichier ====
B&nbsp;:
+
On peut donner la possibilité aux donateurs de joindre un fichier via un formulaire web.
  
 +
{| class="wikitable"
 +
|[[Fichier:ProDon5 Groupes de questions 018.png|centré|776x776px]]
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''A :'''</span> Selon la caractéristique fichier préalablement créé, on a le choix entre trois types de fichiers, soit image, document, image ou document.
C&nbsp;:  
+
|}
 +
<br>
 +
 
 +
== Exemples de questions  ==
  
|  
+
=== Exemple 1 de questions  ===
D&nbsp;:  
+
{| class="wikitable"
 +
| colspan="2" |[[Fichier:ProDon5 Groupes de questions 023.png|centré|759x759px]]
 +
|-
 +
|<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Liste déroulante pour une question de type liste de choix ou liste de choix prédéfinis.
 +
|<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Question de type texte.
 +
|-
 +
|<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Question de type date.
 +
|<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Question de type liste de choix prédéfinis, avec un affichage de type bouton radio sur deux colonnes.
 +
|-
 +
|<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Question de type texte long avec un nombre de lignes affichées à 4.
 +
|<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Ce bouton permet d’ouvrir un calendrier afin de sélectionner une date.
 +
|}
 +
<br>
  
 +
=== Exemple 2 de questions  ===
 +
{| class="wikitable"
 +
| colspan="2" |[[Fichier:ProDon5 Groupes de questions 024.png|centré|759x759px]]
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Question de type texte avec validation pour le numéro de téléphone.
E&nbsp;:  
+
|<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Question de type texte avec validation pour le courriel.
 +
|-
 +
|<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Question de type fichier.
 +
|<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Question de type case à cocher.
 +
|-
 +
|<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Question de type liste de choix, avec un affichage de type bouton radio sur une colonne.
 +
|<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Question de type numérique.
 +
|}
 +
 
 +
== Exemples de fenêtres d'avertissement  ==
  
|
+
=== Fenêtre d'avertissement pour un champ de type texte pour un courriel  ===
F&nbsp;:
 
  
 +
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
|-
 
|-
| colspan="2" | <br>
+
| colspan="2" | [[Image:ProDon Configuration des personnalisations 026.png]]<br>
 
|-
 
|-
| width="50%" |  
+
| colspan="2" |  
A&nbsp;:<br>  
+
Cette fenêtre s'ouvre lorsqu'un courriel non valide est inscrit dans un champ de type texte dont la case «&nbsp;Courriel&nbsp;» est cochée.
 +
 
 +
|}
 +
 
 +
<br>  
  
| width="50%" |
+
=== Fenêtre d'avertissement pour un champ de type texte pour un code postal  ===
B&nbsp;:<br>
 
  
 +
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
|-
 
|-
| width="50%" |  
+
| colspan="2" | [[Image:ProDon Configuration des personnalisations 027.png]]<br>
C&nbsp;:<br>  
+
|-
 +
| colspan="2" |  
 +
Cette fenêtre s'ouvre lorsqu'un code postal non valide est inscrit dans un champ de type texte dont la case «&nbsp;Code postal&nbsp;» est cochée.
 +
 
 +
|}
 +
 
 +
<br>  
  
| width="50%" |
+
=== Fenêtre d'avertissement pour un champ de type texte pour un numéro de téléphone  ===
D&nbsp;:<br>
 
  
 +
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
|-
 
|-
| colspan="2" | <br>
+
| colspan="2" | [[Image:ProDon Configuration des personnalisations 028.png]]<br>
 
|-
 
|-
| width="50%" |  
+
| colspan="2" |  
A&nbsp;:<br>  
+
Cette fenêtre s'ouvre lorsqu'un numéro de téléphone non valide est inscrit dans un champ de type texte dont la case «&nbsp;Numéro de téléphone&nbsp;» est cochée.
 +
 
 +
|}
 +
 
 +
<br>  
  
| width="50%" |
+
=== Fenêtre d'avertissement pour un champ de type numérique  ===
B&nbsp;:<br>
 
  
 +
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
|-
 
|-
| width="50%" |  
+
| colspan="2" | [[Image:ProDon Configuration des personnalisations 029.png]]<br>
C&nbsp;:<br>  
+
|-
 
+
| colspan="2" |  
| width="50%" |  
+
Cette fenêtre s'ouvre lorsqu'un caractère autre que numérique est inscrit dans un champ de type numérique.
D&nbsp;:<br>
 
  
 
|}
 
|}
  
{{BasPage_ProDon}}<br>
+
{{BasPage_ProDon_Version|5.0.7.9}}<br>

Version actuelle datée du 6 mars 2023 à 13:26

Configuration des questions

Cette documentation nécessite le module « Dons en ligne » de Prodon, il faut donc posséder ce module pour avoir accès à ces fonctionnalités.

Cliquer sur le lien, pour consulter le plan de formation Dons en ligne - 1 - Formulaires

Introduction

Dans un formulaire web, il est possible d'obtenir des informations précises de la part des clients, en créant des questions spécifiques.

Si des questions sont similaires pour une même chose, il est possible de les rassembler dans un même groupe.

Les groupes de questions sont réutilisables.

Par exemple: lors d'un événement, vous voulez connaître les restrictions alimentaires des gens. Vous allez créer un groupe de questions « Restrictions alimentaires » et mettre des questions telles que; allergies, type de régime, etc. Puis ce groupe de questions pourra être réutilisé dans un autre formulaire.

Configuration du groupe de questions

Pour configurer le groupe de questions, se rendre d'abord dans la « Gestion des groupes de questions ».

Pour ce faire, cliquer sur le menu « Don en ligne »,

puis choisir l'option « Groupes de questions ».

ProDon5 Groupes de questions 001..png

Après avoir cliqué sur « Groupes de questions », la fenêtre suivante s'ouvre.

ProDon5 Groupes de questions 002.png
A : Permets d'ajouter un groupe de questions. B : Permets de modifier ou de consulter le groupe de questions sélectionné.
C : Permets de modifier ou de consulter le formulaire web dans lequel le groupe de questions se retrouve. D : Permets de retirer le groupe de questions sélectionné.
E : Permets d'archiver ou de désarchiver un groupe de questions. F : Permets de synchroniser le groupe de questions sélectionné en test ou en production.
G : Permets de voir le formulaire web en test ou en production. H : Cet onglet permet de voir tous les groupes de questions.
I : Cet onglet permet de voir toutes les questions qui se trouvent dans chacun des groupes de questions. J : Cette flèche permet de déplacer vers le haut le groupe de questions sélectionné.
K : Ce bouton permet de faire d'autres déplacements. Vous aurez alors le choix entre; insérer le groupe de questions à une certaine position ou d'intervertir avec une autre position. L : Cette flèche permet de déplacer vers le bas, le groupe de questions sélectionné.

Ajout d'un groupe de questions

Une fois que vous avez cliqué sur le bouton pour ajouter une groupe de question, cette fenêtre s'ouvre:

ProDon5 Groupes de questions 003.png
A : Permets d'inscrire le nom du groupe de questions. B : Permets d'inscrire le libellé français et anglais du groupe de questions. Celui-ci se retrouvera sur le formulaire web.
C : Permets de déterminer l'emplacement du groupe de questions dans le formulaire web (Client ou Relation, Transaction, Engagement, Transaction et Engagement, Participants). D : Permets de déterminer le positionnement du groupe de questions dans le formulaire web (dans la section informations supplémentaire, dans la section confirmation ou dans la section identification).
E : Permets d'archiver le groupe de questions. F : Répertorie toutes les questions du groupe.
G : Cet onglet indique que le groupe de questions est utilisé dans quel formulaire web. H : Permets de dupliquer un groupe de questions.

Configuration d'une question

Quand on ajoute une question, il y a plusieurs informations qu'on peut configurer, pour l'obtention de la réponse.

Informations générales

Après avoir cliqué sur le bouton « Ajouter une ligne » dans l'onglet Questions, du groupe de questions, la fenêtre suivante s'ouvre.

ProDon5 Groupes de questions 004.png

A : En cochant cette case, vous ne conserverez pas la réponse à la question dans la fiche du client ou selon le type de la question.

B : Permets de choisir la question.

C : Permets de choisir à quel endroit la réponse à la question ira se loger.

Exemple: si c'est un formulaire corporatif, vous pourrez décider que l'information soit dans la fiche du client (compagnie) ou soit dans la fiche de l'individu.

D : Permets de choisir le groupe de caractéristiques où l’on veut que la réponse soit documentée.

E : Permets d'insérer le libellé qui apparaîtra sur le web.

F : Permets de rendre obligatoire une réponse à la question.

G : Permets de mettre la question en lecture seule.

H : Permets de déterminer le type de la question: numérique, texte, date et heure, case à cocher, liste de choix, liste de choix prédéfinis, texte long ou fichier.

I : Permets de décider de la valeur par défaut, selon le type de question.

Web

ProDon5 Groupes de questions 006.png
A : En cochant cette case, la question sera visible sur le web. B : Permets de conserver la réponse à la question pour les futurs formulaires du membre LogiZone.
C : Permets d’afficher la réponse à la question sur la page de confirmation. D : Permets d’afficher la réponse à la question dans le courriel de confirmation que le donateur recevra.
E : Permets de mettre des sous-titres au-dessus des questions.

Activation conditionnelle

ProDon5 Groupes de questions 007.png
A : Permets d'afficher la question dans le formulaire en fonction de la réponse à une autre question. Choisir, à l'aide de la flèche déroulante, en fonction de quelle question celle-ci apparaîtra ou non. B : Permets de choisir en fonction de quelle réponse le champ s'affichera.
C : Permets d'inscrire une valeur à importer, si le donateur qui remplit le formulaire répond « Non » à la question en B. Dans cet exemple, si la case « Non » est cochée, la valeur « 0 » sera importée dans Prodon pour ce champ.

Note

ProDon5 Groupes de questions 008.png
A : Permets d’ajouter une note au-dessus ou au-dessous de la question.

Ajout d'une question

Les options de la fenêtre d'ajout ou de modification d'une question changent selon le type de caractéristique choisi. Il existe 8 types de caractéristiques :


Après avoir cliqué sur le bouton Bouton Ajouter.png pour ajouter une question, la fenêtre suivante s'ouvre.

ProDon5 Groupes de questions 011.png

A : Cliquer sur le bouton Bouton....png afin d'ajouter une caractéristique dans la question.


ProDon5 Groupes de questions 012.png

A : Il s'agit de la liste des caractéristiques déjà existantes dans la « Gestion des caractéristiques ».

NOTE : Les caractéristiques déjà ajoutées dans le formulaire en modification n'apparaissent pas dans cette liste.

B : Après avoir sélectionné une caractéristique en A, cliquer sur le bouton « Bouton Crochet ajouter confirmer.png Confirmer la sélection », pour ajouter la caractéristique à la question.

C : Il est possible de créer une nouvelle caractéristique en cliquant sur le bouton « Nouveau ». Pour savoir comment configurer la nouvelle caractéristique, consulter le document « Gestion des caractéristiques ».


Question de type texte

Une personnalisation de type texte n'a aucun format prédéfini. Elle se présente sous forme de texte et peut contenir un maximum de 250 caractères alphanumériques.

Cependant, il est possible d'attribuer un format spécifique à certains types de champ : courriel, province, code postal, pays ou numéro de téléphone.

ProDon5 Groupes de questions 010.png
A : On peut choisir de mettre une validation selon un courriel, un code postal, un numéro de téléphone, une province, un pays ou un numéro d'assurance maladie. B : L'endroit pour mettre le nombre maximal de caractères voulu.
Question de type Date

Une caractéristique de type date et heure peut contenir seulement une date, seulement une heure, ou bien une date et une heure.

ATTENTION : seules les questions contenant seulement une date peuvent être utilisées dans un formulaire Web. Il n'est pas possible d'utiliser une question date et heure ou une question heure. 

Dans le formulaire Web, il est possible de saisir la date manuellement ou de choisir la date à l'aide d'un calendrier.

ProDon5 Groupes de questions 013.png
A : En cochant cette case, la date du jour sera automatiquement sélectionnée, mais celle-ci pourra être changée manuellement par le donateur.
Liste de choix pour les pays

Il est possible de créer une liste de choix contenant les pays disponibles dans ProDon avec une question de type texte.

Après avoir ajouté une question, la fenêtre d’ajout d’une question apparaît :
ProDon5 Groupes de questions 021.png
A : Permets de spécifier si la réponse à la question de type texte est un pays.
ProDon5 Groupes de questions 022.png
A : Il s'agit de la liste des pays existants dans ProDon. Cocher ceux qui doivent se trouver parmi les choix disponibles aux donateurs lorsqu'ils remplissent le formulaire.

Question de type case à cocher

Une question de type case à cocher se présente sous forme de case à cocher ou de boutons radio.

ProDon5 Groupes de questions 014.png
A : En mettant une valeur par défaut, cette valeur sera sélectionnée d’emblée, mais elle pourra être changée manuellement.
Une fois le type Case à cocher choisit, vous pouvez décider du type d’affichage voulu, dans l’onglet « Web ».
ProDon5 Groupes de questions 019.png
A : Vous pouvez choisir entre des boutons radio ou une case à cocher.

Question de type liste de choix/liste de choix prédéfinie

Une question de type liste de choix ou liste de choix prédéfinie se présente sous forme de liste de choix multiples, de boutons radio ou de cases à cocher.


ProDon5 Groupes de questions 015.png
A : En mettant un choix par défaut, ce choix sera sélectionné d’emblée, il pourra être modifié manuellement.
Après avoir sélectionné le type Liste de choix, vous pouvez choisir l’affichage dans l’onglet « Web ».
ProDon5 Groupes de questions 020.png
A : Les types d’affichage sont : Liste de choix, Boutons radio et liste de choix multiples.

 ATTENTION : si la caractéristique permet seulement une seule valeur, il ne sera pas possible d’avoir l’option liste de choix multiples.

 NOTE : Si vous sélectionnez l’affichage « boutons radio », vous pourrez choisir d’afficher le tout sur une colonne (mettre lien vers exemple) ou sur deux colonnes (mettre lien vers exemple).

Question de type texte long

Une question de type texte long n'a aucun format prédéfini. Elle se présente sous forme de texte.

ProDon5 Groupes de questions 016.png
ProDon5 Groupes de questions 017.png
A : Permets de décider du nombre de lignes visible sur le web.

Question de type numérique

Ce type peut contenir uniquement des chiffres.

ProDon5 Groupes de questions 009.png
A : Permets d’indiquer la valeur minimale et maximale voulue. Exemple si on inscrit maximum 10, le donateur ne pourra pas mettre 11.

Question de type fichier

On peut donner la possibilité aux donateurs de joindre un fichier via un formulaire web.

ProDon5 Groupes de questions 018.png
A : Selon la caractéristique fichier préalablement créé, on a le choix entre trois types de fichiers, soit image, document, image ou document.


Exemples de questions

Exemple 1 de questions

ProDon5 Groupes de questions 023.png
A : Liste déroulante pour une question de type liste de choix ou liste de choix prédéfinis. B : Question de type texte.
C : Question de type date. D : Question de type liste de choix prédéfinis, avec un affichage de type bouton radio sur deux colonnes.
E : Question de type texte long avec un nombre de lignes affichées à 4. F : Ce bouton permet d’ouvrir un calendrier afin de sélectionner une date.


Exemple 2 de questions

ProDon5 Groupes de questions 024.png
A : Question de type texte avec validation pour le numéro de téléphone. B : Question de type texte avec validation pour le courriel.
C : Question de type fichier. D : Question de type case à cocher.
E : Question de type liste de choix, avec un affichage de type bouton radio sur une colonne. F : Question de type numérique.

Exemples de fenêtres d'avertissement

Fenêtre d'avertissement pour un champ de type texte pour un courriel

ProDon Configuration des personnalisations 026.png

Cette fenêtre s'ouvre lorsqu'un courriel non valide est inscrit dans un champ de type texte dont la case « Courriel » est cochée.


Fenêtre d'avertissement pour un champ de type texte pour un code postal

ProDon Configuration des personnalisations 027.png

Cette fenêtre s'ouvre lorsqu'un code postal non valide est inscrit dans un champ de type texte dont la case « Code postal » est cochée.


Fenêtre d'avertissement pour un champ de type texte pour un numéro de téléphone

ProDon Configuration des personnalisations 028.png

Cette fenêtre s'ouvre lorsqu'un numéro de téléphone non valide est inscrit dans un champ de type texte dont la case « Numéro de téléphone » est cochée.


Fenêtre d'avertissement pour un champ de type numérique

ProDon Configuration des personnalisations 029.png

Cette fenêtre s'ouvre lorsqu'un caractère autre que numérique est inscrit dans un champ de type numérique.


Nom du document : ProDon:Configuration des questions
Version : 5.0.7.9