ProDon:Création d'un formulaire Web : Différence entre versions

De Logilys
Aller à : navigation, rechercher
(Synchronisation en production)
 
(307 révisions intermédiaires par 5 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
{{Entete_ProDon|1|4.6.9.6|Claudie Brochu||2012/11/30}}  
+
{{Entete_TOC}}
  
== Introduction<br>  ==
+
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.
  
Le module Dons en ligne permet aux donateurs de donner directement par le Web.
+
'''Cliquer sur le lien, pour consulter le plan de formation [http://doc.logilys.com/formation/Donsenligne-Formulaires.pdf Dons en ligne - 1 - Formulaires]'''
  
<br>
+
== Introduction  ==
  
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 en sorte 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.  
+
Le module '''Dons en ligne''' permet aux donateurs de donner directement par le Web.
  
<br>
+
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 inclut 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 en sorte que les internautes peuvent s'inscrire en ligne aux activités-bénéfices de l'organisme, ou faire une donation directement par le Web. 
  
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]].  
+
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]].  
 +
== Création d'un formulaire Web  ==
  
<br>
+
Si ce n'est pas déjà fait, il est préférable de configurer la page d'accueil et le site Web avant de créer des formulaires Web.
  
== Création d'un formulaire Web<br>  ==
+
'''NOTE :''' Après avoir fait des modifications sur les formulaires Web, il ne faut pas oublier de les publier. plus d'information sur l'envoi des modifications, consulter [[ProDon:Configuration de la page d'accueil et du site Web|cette section]].<br>  
 
 
Si ce n'est pas déjà fait, il est préférable de configurer la page d'accueil et le site Web avant de créer des formulaires Web.<br>
 
 
 
Après avoir fait des modifications sur les formulaires, il faut les envoyer en test et/ou en production. Pour plus d'information sur l'envoi des modifications, consutler [[ProDon:Création d'un formulaire Web#Envoi_des_informations_sur_le_site_Web|cette section]].<br>  
 
  
 
Pour savoir comment configurer la page d'accueil et le site Web, consulter [[ProDon:Configuration de la page d'accueil et du site Web|cette procédure]].<br>  
 
Pour savoir comment configurer la page d'accueil et le site Web, consulter [[ProDon:Configuration de la page d'accueil et du site Web|cette procédure]].<br>  
  
Pour créer un formulaire Web, se rendre dans la «&nbsp;Gestion des formulaires Web&nbsp;».<br>
+
Pour créer un formulaire Web, aller dans la «&nbsp;Gestion des formulaires Web&nbsp;».
 
+
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
 
 
|-
 
|-
| colspan="2" |  
+
| colspan="2" |Cliquer sur le menu «&nbsp;Configuration&nbsp;», puis choisir
Pour ce faire, cliquer sur le menu «&nbsp;Configuration&nbsp;», puis choisir «&nbsp;[[Image:Bouton formulaire web.png]] Formulaires Web&nbsp;».<br>
 
  
 +
«&nbsp;[[Fichier:Mini formulaires Web.png|lien=http://wikifr.logilys.com/index.php/Fichier:Mini_formulaires_Web.png]]&nbsp;Formulaires&nbsp;Web&nbsp;».
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 001.png]]<br>
+
| colspan="2" |[[Fichier:ProDon5 Configuration de la page d'accueil et du site Web 001.png|sans_cadre|541x541px|lien=http://wikifr.logilys.com/index.php/Fichier:ProDon5_Configuration_de_la_page_d'accueil_et_du_site_Web_001.png]]
|}
+
|}<br>  
  
<br>
+
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
 
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
 
 
|-
 
|-
| colspan="2" |  
+
| colspan="2" |
Après avoir cliqué sur «&nbsp;[[Image:Bouton formulaire web.png]] Formulaires Web&nbsp;», la fenêtre suivante s'ouvre.  
+
=== Gestion des formulaires Web ===
 +
Après avoir cliqué sur «&nbsp;[[Fichier:Mini formulaires Web.png|lien=http://wikifr.logilys.com/index.php/Fichier:Mini_formulaires_Web.png]] Formulaires Web&nbsp;», la fenêtre suivante s'ouvre.  
  
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 002.png]]<br>
+
| colspan="2" valign="top" | [[Fichier:ProDon5 Création d'un formulaire web 001.png]]<br>
 
|-
 
|-
| width="50%" |  
+
| width="50%" align="top" |  
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Les boutons [[Image:Bouton Ajouter.png]], [[Image:Bouton Modifier.png]] et [[Image:Bouton Retirer.png]] permettent d'ajouter, de modifier ou de supprimer des formulaires en <span style="color: rgb(255, 0, 0);">'''N'''</span>. Pour modifier ou supprimer un formulaire, sélectionner le bon formulaire en <span style="color: rgb(255, 0, 0);">'''N'''</span>, puis cliquer sur [[Image:Bouton Modifier.png]] ou sur [[Image:Bouton Retirer.png]].  
+
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Les boutons [[Image:Bouton Ajouter.png]], [[Image:Bouton Modifier.png]] et [[Image:Bouton Retirer.png]] permettent d'ajouter, de modifier ou de supprimer des formulaires en <span style="color: rgb(255, 0, 0);">'''I'''</span>. Pour modifier ou supprimer un formulaire, sélectionner le bon formulaire en <span style="color: rgb(255, 0, 0);">'''I'''</span>, puis cliquer sur [[Image:Bouton Modifier.png]] ou sur [[Image:Bouton Retirer.png]].  
  
'''NOTE&nbsp;:''' Il est fortement déconseillé de supprimer un formulaire, il est préférable de l'archiver. Voir '''lettre''' <span style="color: rgb(255, 0, 0);">'''D'''</span> pour savoir comment archiver un formulaire Web.  
+
'''NOTE&nbsp;:''' Il est fortement déconseillé de supprimer un formulaire, il est préférable de l'archiver. Voir la '''lettre''' <span style="color: rgb(255, 0, 0);">'''D'''</span> pour savoir comment archiver un formulaire Web.  
  
 
| width="50%" |  
 
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Si le bouton [[Image:Bouton en développement.png]] est de couleur orange, cela signifie que le formulaire sélectionné en <span style="color: rgb(255, 0, 0);">'''N'''</span> est «&nbsp;En développement&nbsp;». Un formulaire «&nbsp;En développement&nbsp;» est en création et ne peut pas être visualisé sur le site Web de tests ou sur le site Web de production. Lors de la création d'un formulaire, il sera par défaut «&nbsp;En développement&nbsp;». Pour consulter la liste des formulaires «&nbsp;En développement&nbsp;», aller dans l'onglet en <span style="color: rgb(255, 0, 0);">'''K'''</span>.<br>
+
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Si le bouton [[Image:Bouton en développement.png]] est orange, cela signifie que le formulaire sélectionné en <span style="color: rgb(255, 0, 0);">'''I'''</span> est «&nbsp;En développement&nbsp;». Un formulaire «&nbsp;En développement&nbsp;» est en création et ne peut pas être visualisé sur le site Web de tests ou sur le site Web de production. Lors de la création d'un formulaire, il sera par défaut «&nbsp;En développement&nbsp;». Pour consulter la liste des formulaires «&nbsp;En développement&nbsp;», cliquer sur le bouton «&nbsp;En développement&nbsp;», en <span style="color: rgb(255, 0, 0);">'''H'''</span>, afin qu'il soit orange.  
  
 
|-
 
|-
|  
+
| width="50%" |
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Si le bouton [[Image:Bouton en test.png]] est de couleur orange, cela signifie que le formulaire sélectionné en <span style="color: rgb(255, 0, 0);">'''N'''</span> est «&nbsp;En test&nbsp;» ou «&nbsp;En production&nbsp;». Un formulaire «&nbsp;En test&nbsp;» signifie que le formulaire est presque complètement créé et il peut être visualisé sur un site Web prévu à cet effet aux fins de tests internes. Une fois qu'il n'y a plus aucune correction à apporter, le formulaire devra être mis «&nbsp;En production&nbsp;», afin de le rendre accessible à tous les internautes. Pour voir la liste des formulaires «&nbsp;En test&nbsp;» ou «&nbsp;En production&nbsp;», aller dans l'onglet «&nbsp;Actifs&nbsp;», en <span style="color: rgb(255, 0, 0);">'''L'''</span>.<br>  
+
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Si le bouton [[Image:Bouton en test.png]] est orange, cela signifie que le formulaire sélectionné en <span style="color: rgb(255, 0, 0);">'''N'''</span> est «&nbsp;En test&nbsp;» ou «&nbsp;En production&nbsp;». Un formulaire «&nbsp;En test&nbsp;» signifie que le formulaire est presque complètement créé et il peut être visualisé sur un site Web prévu à des fins de tests internes. Une fois qu'il n'y a plus aucune correction à apporter, le formulaire devra être mis «&nbsp;En production&nbsp;», afin de le rendre accessible aux internautes. Pour voir la liste des formulaires «&nbsp;En test&nbsp;» ou «&nbsp;En production&nbsp;», cliquer le bouton «&nbsp;Actifs&nbsp;», en <span style="color: rgb(255, 0, 0);">'''H'''</span>.<br>  
  
'''NOTE&nbsp;:''' Voir les '''lettres''' <span style="color: rgb(255, 0, 0);">'''E'''</span>, <span style="color: rgb(255, 0, 0);">'''F'''</span>, <span style="color: rgb(255, 0, 0);">'''G'''</span> et <span style="color: rgb(255, 0, 0);">'''H'''</span> pour savoir comment publier un formulaire en test ou en production.  
+
'''NOTE&nbsp;:''' Voir les '''lettres''' <span style="color: rgb(255, 0, 0);">'''E'''</span>, <span style="color: rgb(255, 0, 0);">'''F'''</span> et <span style="color: rgb(255, 0, 0);">'''G'''</span> pour savoir comment publier un formulaire en test ou en production.  
  
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Si le bouton [[Image:Bouton archivé.png]] est de couleur orange, cela signifie que le formulaire sélectionné en <span style="color: rgb(255, 0, 0);">'''N'''</span> est «&nbsp;Archivé&nbsp;». Un formulaire archivé est un formulaire inactif, ce qui veut dire que le formulaire n'est pas utilisé pour le moment ou ne sera plus jamais utilisé. Pour archiver un formulaire, sélectionner le formulaire à archiver en <span style="color: rgb(255, 0, 0);">'''N'''</span>, puis cliquer sur le bouton [[Image:Bouton archivé.png]]. Pour consulter la liste des formulaires archivés, aller dans l'onglet en <span style="color: rgb(255, 0, 0);">'''M'''</span>.<br>
+
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Si le bouton [[Image:Bouton archivé.png]] est orange, cela signifie que le formulaire sélectionné en <span style="color: rgb(255, 0, 0);">'''I'''</span> est «&nbsp;Archivé&nbsp;». Un formulaire archivé est un formulaire inactif, ce qui veut dire que le formulaire n'est pas utilisé pour le moment ou ne sera plus jamais utilisé. Pour archiver un formulaire, sélectionner le formulaire à archiver en <span style="color: rgb(255, 0, 0);">'''I'''</span>, puis cliquer sur le bouton [[Image:Bouton archivé.png]]. Pour consulter la liste des formulaires archivés, cliquer le bouton «&nbsp;Archivés&nbsp;», en <span style="color: rgb(255, 0, 0);">'''H'''</span>.  
  
 
|-
 
|-
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Le bouton [[Image:Bouton envoyer en test.png]] permet de publier le formulaire sélectionné en <span style="color: rgb(255, 0, 0);">'''N'''</span> sur le site Web de tests afin de le visualiser et le tester avant de le mettre en ligne. <br>  
+
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Le bouton [[Fichier:Prodon5 Mini Bouton Envoyer sur site.png]] ouvre un sous-menu qui permet de publier le formulaire sélectionné en <span style="color: rgb(255, 0, 0);">'''I'''</span> sur le site Web test afin de le visualiser et le tester avant de le mettre en ligne ou sur le site Web en production pour qu’il soit disponible aux internautes. C’est aussi à partir de ce sous-menu qu’il est possible d’envoyer les appellations qui seront visibles sur le Web, la configuration pour les reçus électroniques et les informations de l’organisme.<br>
  
'''NOTE&nbsp;:'''&nbsp;Après avoir cliqué sur ce bouton, 3 options seront disponibles, choisir l'option qui convient.  
+
'''NOTE :''' Lors de l'envoi en production, si le bouton&nbsp;[[Image:Bouton maintenance.png]] n'est pas activé au moment d'une modification, '''''Prodon''''' demandera de l'activer avant de pouvoir effectuer les modifications. Pour plus d'informations concernant la maintenance, voir la lettre <span style="color: rgb(255, 0, 0);">'''G'''</span>.
  
'''ATTENTION&nbsp;:''' Il faut publier le formulaire sur le site Web de tests '''chaque fois''' que des modifications sont apportées.<br>
+
'''ATTENTION&nbsp;:''' Il faut publier le formulaire sur le site Web de tests ou production, selon le cas, '''chaque fois''' que des modifications sont apportées.
  
|  
+
| <span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Le bouton[[Fichier:Bouton Visualiser Formulaire Web.png|sans_cadre]]ouvre un sous-menu qui permet d'aller sur le site Web en test ou en production, d'aller dans le Back-office et voir un exemple du reçu électronique.<br>
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Le bouton [[Image:Bouton envoyer en production.png]] permet de publier le formulaire sélectionné en <span style="color: rgb(255, 0, 0);">'''N'''</span>.
 
 
 
'''NOTE&nbsp;:''' Après avoir cliqué sur ce bouton, 3 options seront disponibles, choisir l'option qui convient.<br>
 
 
 
'''ATTENTION&nbsp;:''' Il faut publier le formulaire sur le site Web de tests '''ET''' sur le site Web de production '''chaque fois''' que des modifications sont apportées.<br>
 
 
 
'''ATTENTION&nbsp;:''' Si le bouton&nbsp;[[Image:Bouton maintenance.png]] n'est pas activé au moment d'une modification, '''''ProDon''''' demandera de l'activer avant de pouvoir effectuer les modifications. Pour plus d'informations concernant la maintenance, voir la lettre <span style="color: rgb(255, 0, 0);">'''I'''</span>.<br>  
 
  
 +
'''ATTENTION&nbsp;:''' Pour que les dernières modifications soient visibles sur le formulaire, il faut s'assurer de le publier sur le site Web avant de le visualiser. Pour savoir comment publier un formulaire, voir la '''lettre''' <span style="color: rgb(255, 0, 0);">'''E'''</span>.
 
|-
 
|-
|  
+
| <span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Si le bouton [[Image:Bouton maintenance.png]] est de couleur orange, cela signifie que le site Web est en maintenance. Pour un exemple de site Web en maintenance, [[ProDon:Configuration de la page d'accueil et du site Web#Exemple_du_site_Web_en_maintenance|cliquer ici]].
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Le bouton [[Image:Bouton site web test.png]] permet de visualiser la page d'accueil des formulaires ou le formulaire sélectionné en <span style="color: rgb(255, 0, 0);">'''N'''</span> sur le site Web de tests. Un formulaire en test peut-être visualisé sur un site Web prévu à cet effet aux fins de tests internes. <br>
 
 
 
'''NOTE&nbsp;:''' Après avoir cliqué sur ce bouton, 3 options seront disponibles, choisir l'option qui convient.  
 
 
 
'''ATTENTION&nbsp;:''' Pour que les dernières modifications soient visibles sur le formulaire, il faut s'assurer de le publier&nbsp; sur le site Web de tests avant de le visualiser. Pour savoir comment publier un formulaire en test, voir la '''lettre''' <span style="color: rgb(255, 0, 0);">'''E'''</span>.  
 
  
 +
'''ATTENTION&nbsp;:''' Lorsque le site Web est en maintenance, les formulaires ne peuvent être remplis par les internautes et il n'est pas possible de consulter la page d'accueil. Il est donc important de désactiver la maintenance après avoir envoyé le formulaire ou la page d'accueil sur le site Web de production.
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Le bouton [[Image:Bouton site web production.png]] permet de visualiser la page d'accueil des formulaires ou le formulaire sélectionné en <span style="color: rgb(255, 0, 0);">'''N'''</span> sur le site Web de production. Les formulaires publiés sur le site Web de production seront visibles et pourront être complétés par n'importe quel internaute.  
+
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Bouton '''«&nbsp;En développement&nbsp;»''' affiche seulement les formulaires qui sont en création, c'est-à-dire, les formulaires qui n'ont pas encore été publiés sur le site Web de tests ou sur le site Web de production. Pour plus d'informations concernant les formulaires «&nbsp;En développement&nbsp;», voir la '''lettre''' <span style="color: rgb(255, 0, 0);">'''B'''</span>.
  
'''NOTE&nbsp;:''' Après avoir cliqué sur ce bouton, 3 options seront disponibles, choisir l'option qui convient.<br>  
+
Bouton '''«&nbsp;Actif&nbsp;»''' contient seulement les formulaires qui ont été publiés sur le site Web de tests ou sur le site Web de production. Pour plus d'informations concernant les formulaires «&nbsp;En test&nbsp;» ou «&nbsp;En production&nbsp;», voir la '''lettre''' <span style="color: rgb(255, 0, 0);">'''C'''</span>
  
'''ATTENTION&nbsp;:''' Pour que les dernières modifications soient visibles sur le formulaire, il faut s'assurer de le publier sur le site Web de tests '''ET''' sur le site Web de production avant de le visualiser. Pour savoir comment publier un formulaire en production, voir la '''lettre''' <span style="color: rgb(255, 0, 0);">'''F'''</span>.  
+
Bouton '''«&nbsp;Archivés&nbsp;»''' contient les formulaires qui ont été désactivés, c'est-à-dire que les formulaires ne sont pas utilisés pour le moment ou ne seront plus jamais utilisés. Pour plus d'informations concernant les formulaires archivés, voir '''lettre''' <span style="color: rgb(255, 0, 0);">'''D'''</span>.<br>
  
 
|-
 
|-
|  
+
| colspan="2" |  
<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> Si le bouton [[Image:Bouton maintenance.png]] est de couleur orange, cela signifie que le site Web est en maintenance. Pour un exemple de site Web en maintenance, [[ProDon:Configuration de la page d'accueil et du site Web#Exemple_du_site_Web_en_maintenance|cliquer ici]].  
+
<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> Il s'agit de la liste des formulaires disponibles dans l'onglet sélectionné.  
  
'''NOTE&nbsp;:''' Il est obligatoire d'activer le bouton de maintenance pour pouvoir envoyer un formulaire ou les modifications apportées sur la page d'accueil sur le site Web de production.<br>
+
|}
 
 
'''ATTENTION&nbsp;:''' Lorsque le site Web est en maintenance, aucun formulaire ne peut être complété par les internautes et personne ne peut consulter la page d'accueil. Il est donc important de désactiver la maintenance après avoir envoyé le formulaire ou la page d'accueil sur le site Web de production.<br>
 
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''J&nbsp;:'''</span> L'onglet «&nbsp;Tous&nbsp;» contient tous les types de formulaires (formulaires «&nbsp;En développement&nbsp;», formulaires «&nbsp;En test&nbsp;», formulaires «&nbsp;En production&nbsp;» et formulaires archivés) disponibles dans la «&nbsp;Gestion des formulaires&nbsp;».<br>
 
  
 +
==  Ajout / modification / consultation des formulaires Web ==
 +
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 +
|-
 +
| colspan="2" |
 +
Après avoir cliqué sur le bouton [[Image:Bouton Ajouter.png]], la fenêtre suivante s'affiche et il est possible d'ajouter un formulaire de type « Client » ou de type « Transaction »
 
|-
 
|-
|  
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 002a.png]]
<span style="color: rgb(255, 0, 0);">'''K&nbsp;:'''</span> L'onglet «&nbsp;En développement&nbsp;» contient seulement les formulaires qui sont en création, c'est-à-dire, les formulaires qui n'ont pas encore été publiés sur le site Web de tests ou sur le site Web de production. Pour plus d'informations concernant les formulaires «&nbsp;En développement&nbsp;», voir la'''lettre''' <span style="color: rgb(255, 0, 0);">'''B'''</span>.<br>
 
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''L&nbsp;:'''</span> L'onglet «&nbsp;Actif&nbsp;» contient seulement les formulaires qui on été publiés sur le site Web de tests ou sur le site Web de production. Pour plus d'informations concernant les formulaires «&nbsp;En test&nbsp;» ou «&nbsp;En production&nbsp;», voir la '''lettre''' <span style="color: rgb(255, 0, 0);">'''C'''</span>.<br>
 
 
 
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Un formulaire de type « Client » permet de créer des formulaires Web pour, par exemple, faire des inscriptions de bénévolat ou la mise à jour des fiches clients. Dans la configuration de ce type de formulaire, il n'y aura aucune fonction lié aux transactions.
<span style="color: rgb(255, 0, 0);">'''M&nbsp;:'''</span> L'onglet «&nbsp;Archivés&nbsp;» contient les formulaires qui ont été désactivés, c'est-à-dire que le formulaire n'est pas utilisé pour le moment ou ne sera plus jamais utilisé. Pour plus d'informations concernant les formulaires archivés, voir la '''lettre''' <span style="color: rgb(255, 0, 0);">'''D'''</span>.<br>
+
|<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Un formulaire de type « Transaction » permet de créer des formulaires Web pour, par exemple, recevoir des dons, des inscriptions à des activités, des achats de billets, etc.
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''N&nbsp;:'''</span> Il s'agit de la liste des formulaires disponibles dans l'onglet sélectionné.  
 
 
 
|}
 
 
 
<br>
 
 
 
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
 
 
|-
 
|-
| colspan="2" |  
+
| colspan="2" |Après avoir cliqué sur le bouton [[Image:Bouton Modifier.png]], ou suite au choix du type de formulaire, la fenêtre suivante s'ouvre.
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.  
 
 
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 003.png]]<br>
+
| colspan="2" | [[Fichier:ProDon5 Création d'un formulaire web 002.png]]<br>
 
|-
 
|-
 
| width="50%" |  
 
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il s'agit du code du formulaire.<br>  
+
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il s'agit du code que vous donnez au formulaire.<br>  
  
 
'''NOTE&nbsp;:''' Il est important de donner un code précis pour que les recherches soient plus efficaces.  
 
'''NOTE&nbsp;:''' Il est important de donner un code précis pour que les recherches soient plus efficaces.  
  
 
| width="50%" |  
 
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Permet de déterminer si le formulaire doit être créé seulement en français, seulement en anglais, ou dans les deux langues.<br>
+
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Permet de déterminer si le formulaire doit être créé seulement en français, seulement en anglais, ou dans les deux langues.  
  
 
|-
 
|-
Ligne 144 : Ligne 113 :
 
'''NOTE&nbsp;:''' Il est important de donner un nom précis pour que les recherches soient plus efficaces.  
 
'''NOTE&nbsp;:''' Il est important de donner un nom précis pour que les recherches soient plus efficaces.  
  
'''ATTENTION&nbsp;: '''Si la case «&nbsp;Anglais&nbsp;» en <span style="color: rgb(255, 0, 0);">'''B'''</span> est désactivée, le champ pour le nom anglais n'est pas disponible.  
+
'''ATTENTION&nbsp;: '''Si la case «&nbsp;Anglais&nbsp;» en <span style="color: rgb(255, 0, 0);">'''B'''</span> n'est pas cochée, le champ pour le nom anglais n'est pas disponible.  
  
 
|  
 
|  
<span style="color: rgb(255, 0, 0);"><span style="font-weight: bold;">D&nbsp;:</span></span> Il s'agit des descriptions française et anglaise du formulaire. Pour un exemple de description, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''E'''</span> de la section «&nbsp;[[ProDon:Configuration de la page d'accueil et du site Web#Exemple_de_page_d.27accueil|Exemple de page d'accueil]]&nbsp;» du document «&nbsp;[[ProDon:Configuration de la page d'accueil et du site Web|Configuration de la page d'accueil et du site Web]]&nbsp;».  
+
<span style="color: rgb(255, 0, 0);"><span style="font-weight: bold;">D&nbsp;:</span></span> Il s'agit des descriptions soit française et anglaise du formulaire. Pour un exemple de description, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''E'''</span> de la section «&nbsp;[[ProDon:Configuration de la page d'accueil et du site Web#Exemple_de_page_d.27accueil|Exemple de page d'accueil]]&nbsp;» du document «&nbsp;[[ProDon:Configuration de la page d'accueil et du site Web|Configuration de la page d'accueil et du site Web]]&nbsp;».  
  
'''ATTENTION&nbsp;:''' Si la case «&nbsp;Anglais&nbsp;» en <span style="color: rgb(255, 0, 0);">'''B'''</span> est désactivée, le champ pour la description anglaise n'est pas disponible.  
+
'''ATTENTION&nbsp;:''' Si la case «&nbsp;Anglais&nbsp;» en <span style="color: rgb(255, 0, 0);">'''B'''</span> n'est pas cochée, le champ pour la description anglaise n'est pas disponible.  
  
|}
+
|}  
  
<br>
+
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 +
| colspan="2" |
 +
=== Onglet «&nbsp;Configuration du formulaire&nbsp;»  ===
  
=== Onglet «&nbsp;Options du formulaire&nbsp;»  ===
+
Cet onglet joint les thèmes et les groupes d'images, créés dans le Back-office, aux formulaires et permet de bien diriger le donateur.  
 
 
Cet onglet permet de configurer l'apparence générale du formulaire.  
 
 
 
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 004.png]]<br>
+
| colspan="2" | [[Fichier:ProDon5 Création d'un formulaire web 003.png]]<br>
 
|-
 
|-
 
| width="50%" |  
 
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> La case «&nbsp;Afficher sur la page d'accueil&nbsp;» permet d'afficher ou non le formulaire sur la page d'accueil.<br>
+
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Le champ «&nbsp;Date d'affichage du formulaire&nbsp;» permet de spécifier une date de publication du formulaire Web. Ce champ est utilisé surtout pour un formulaire d'inscription à un événement, lorsqu'on le prépare en avance.  
  
 
| width="50%" |  
 
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le champ «&nbsp;Date d'expiration du formulaire&nbsp;» permet de spécifier une date d'expiration au formulaire. Ce champ est utilisé surtout pour un formulaire d'inscription à un événement, lorsqu'il y a une date limite pour s'inscrire. À partir du jour de la date d'expiration, un message de rappel disant que le formulaire est expiré s'affichera à l'ouverture de '''''ProDon'''''.<br>  
+
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le champ «&nbsp;Date d'expiration du formulaire&nbsp;» permet de spécifier une date d'expiration au formulaire. Ce champ est utilisé surtout pour un formulaire d'inscription à un événement, lorsqu'il y a une date limite pour s'inscrire. À partir du jour de la date d'expiration, un message de rappel disant que le formulaire est expiré s'affichera à l'ouverture de '''''Prodon'''''.<br>  
  
 
'''ATTENTION&nbsp;:''' Même si une date d'expiration est spécifiée, il faudra désactiver manuellement le formulaire le jour de la date d'expiration. Si le formulaire n'est pas désactivé manuellement, il restera disponible aux internautes.<br>  
 
'''ATTENTION&nbsp;:''' Même si une date d'expiration est spécifiée, il faudra désactiver manuellement le formulaire le jour de la date d'expiration. Si le formulaire n'est pas désactivé manuellement, il restera disponible aux internautes.<br>  
  
 
|-
 
|-
| width="50%" |  
+
| width="50%" |<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> La section ''Back-office'' est l’endroit où appliquer les thèmes et les groupes d’images pour le formulaire. [[ProDon:Back-office#Acc.C3.A8s au back-office.2F|Cliquer ici]] pour plus d'informations sur la configuration du ''Back-office''.
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Lorsque l'option «&nbsp;Selon le formulaire rempli&nbsp;» est choisie, si le client rempli le formulaire français, il sera ajouté en tant que francophone dans '''''ProDon''''' lors de l'[[ProDon:Importation des dons|importation]].<br>
 
 
 
Si l'option «&nbsp;Demander au client&nbsp;» est choisie, il faudra&nbsp;[[#Commentaire1|spécifier les langues]] en cliquant sur le bouton [[Image:Bouton spécifier les langues.png]], puis un champ permettant de choisir la langue sera alors ajouté dans le formulaire. Par exemple, si le donateur remplit le formulaire anglais mais qu'il spécifie que sa langue est le français, il sera ajouté en tant que francophone dans '''''ProDon''''' lors de l'[[ProDon:Importation des dons|importation]]. Pour un exemple de champ permettant de choisir la langue, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''H'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_1_de_formulaire_Web|Exemple 1 de formulaire Web]]&nbsp;».<br>
 
  
 
| width="50%" |  
 
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton [[Image:Bouton modifier les libellés.png]] permet de modifier les noms de tous les champs du formulaire, exceptée la section «&nbsp;Transaction&nbsp;». Il est possible de créer des groupes de libellés afin de pouvoir les réutiliser dans tous les formulaires. Pour plus d'informations concernant les groupes de libellés, consulter [[ProDon:Configuration des libellés|ce document]].<br>
+
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> La section Page d'accueil est l'endroit où il est possible de choisir si le formulaire s'affiche dans un groupe ou non.
 
 
|-
 
|
 
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Le bouton [[Image:Bouton modifier les libellés.png]] permet de modifier les noms des champs de la section «&nbsp;Transaction&nbsp;» du formulaire. Il est possible de créer des groupes de libellés afin de pouvoir les réutiliser dans tous les formulaires. Pour plus d'informations concernant les groupes de libellés, consulter [[ProDon:Configuration des libellés|ce document]].<br>
 
  
|
+
Pour en savoir plus sur les groupes, [[ProDon:Configuration de la page d'accueil et du site Web#Onglets .C2.AB.C2.A0Fran.C3.A7ais.C2.A0.C2.BB et .C2.AB.C2.A0Anglais.C2.A0.C2.BB|cliquer ici]].  
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> La case «&nbsp;Donateur personnel&nbsp;» permet aux individus d'effectuer un don.<br>
 
 
 
'''NOTE&nbsp;:''' Pour que les entreprises puissent effectuer un don, cocher la case en <span style="color: rgb(255, 0, 0);">'''G'''</span>
 
  
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Le bouton [[Fichier:Bouton afficher sommaire analyse.png]] ouvre la gestion des groupes de formulaires Web. Pour en savoir plus sur les groupes, [[ProDon:Configuration de la page d'accueil et du site Web#Onglets .C2.AB.C2.A0Fran.C3.A7ais.C2.A0.C2.BB et .C2.AB.C2.A0Anglais.C2.A0.C2.BB|cliquer ici]].
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> La case «&nbsp;Donateur corporatif&nbsp;» permet aux entreprises d'effectuer un don.<br>
 
 
 
'''NOTE&nbsp;:''' Pour que les individus puissent effectuer un don, cocher la case en <span style="color: rgb(255, 0, 0);">'''F'''</span>.<br>
 
  
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> La case «&nbsp;Titre obligatoire&nbsp;» oblige le donateur à inscrire son titre, s'il s'agit d'un donateur corporatif.&nbsp;
+
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Le bouton [[Fichier:Petit Bouton Modifier.png]] ouvre la modification des groupes.
 
 
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Le bouton [[Fichier:Bouton efface.png]] permet de retirer un formulaire d'un groupe.
<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> Choisir parmi les options apparaissant dans le menu déroulant. En choissant l'option «&nbsp;Personnel&nbsp;», le type de donateur «&nbsp;Personnel&nbsp;» appraîtra par défaut dans le formulaire. En choisissant l'option «&nbsp;Corporatif&nbsp;», le type de donateur «&nbsp;Corporatif&nbsp;» apparaîtra par défaut dans le formulaire. En choisissant l'option «&nbsp;Demander avant la saisie du formulaire&nbsp;», une fenêtre s'ouvrira avant l'ouverture du formulaire demandant de choisir une ou l'autre des options. En choisissant l'option «&nbsp;Aucun&nbsp;», la section «&nbsp;Type de donateur&nbsp;» clignotera à l'ouverture du formulaire, jusqu'à ce qu'un type de donateur soit spécifié.<br>
+
|<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Le bouton [[Fichier:Bouton configurer l'importation.png]] permet d'accéder à la configuration du site Web.
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''J&nbsp;:'''</span> Choisir si la transaction par défaut est une transaction normale ou une transaction d'engagement. Pour que les deux choix soient disponibles, il faut les activer dans les onglets «&nbsp;[[ProDon:Création d'un formulaire Web#Onglet_.C2.AB.C2.A0Transaction.C2.A0.C2.BB|Transaction]]&nbsp;» et «&nbsp;[[ProDon:Création d'un formulaire Web#Onglet_.C2.AB.C2.A0Engagement.C2.A0.C2.BB|Engagement]]&nbsp;».<br> '''NOTE&nbsp;:''' Il est possible de créer un formulaire seulement de transactions, seulement d'engagements ou un formulaire permettant d'effectuer une transaction ou un engagement.
 
 
 
'''ATTENTION&nbsp;:''' Pour pouvoir activer les engagements dans un formulaire Web, le module [[ProDon:Module engagement|prospection et engagement]] doit être activé dans '''''ProDon'''''.  
 
 
 
 
|-
 
|-
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''K&nbsp;:'''</span> Si cette case est cochée, le numéro d'enregistrement de l'organisme apparaîtra dans le bas du formulaire. Pour un exemple de libellé d'OBNL, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''E'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_2_de_formulaire_Web|Exemple 2 de formulaire Web]]&nbsp;».  
+
<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> La case «&nbsp;Donateur personnel&nbsp;» permet aux individus d'effectuer un don.
 
 
<br>
 
  
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''L&nbsp;:'''</span> Si cette case est cochée, le donateur sera obligé de spécifier son courriel dans le formulaire.  
+
<span style="color: rgb(255, 0, 0);">'''J&nbsp;:'''</span> La case «&nbsp;Donateur corporatif&nbsp;» permet aux entreprises d'effectuer un don.  
 
 
 
|-
 
|-
|  
+
| colspan="2" |<span style="color: rgb(255, 0, 0);">'''K&nbsp;:'''</span> La case «&nbsp;Titre obligatoire&nbsp;» oblige le donateur à inscrire son titre, s'il s'agit d'un donateur corporatif.
<span style="color: rgb(255, 0, 0);">'''M&nbsp;:'''</span> Si cette case est cochée, le donateur sera obligé de spécifier son courriel une deuxième fois.
+
'''NOTE :''' Cette case n'est que disponible pour les formulaires de type transaction.
 
+
|}
|  
 
<span style="color: rgb(255, 0, 0);">'''N&nbsp;:'''</span> Lorsque la case «&nbsp;Téléphone obligatoire&nbsp;» est cochée, il faut également choisir quel numéro sera obligatoire. Par exemple, si les cases «&nbsp;Résidence&nbsp;», «&nbsp;Bureau et poste&nbsp;» et «&nbsp;Mobile&nbsp;» sont cochées en plus de l'option «&nbsp;Téléphone obligatoire&nbsp;», le donateur sera obligé d'en inscrire au moins un des trois mais aura le choix de donner celui qu'il désire. Par contre, si la case «&nbsp;Résidence&nbsp;» et l'option «&nbsp;Téléphone obligatoire&nbsp;» sont cochées, le donateur sera obligé de donner son numéro de téléphone à la maison, et pourra également en inscrire un autre s'il le désire.<br>
 
 
 
'''NOTE&nbsp;:''' La section «&nbsp;Personnel&nbsp;» permet de choisir quel numéro les individus devront fournir et la section «&nbsp;Corporatif&nbsp;» permet de choisir quel numéro les entreprises devront fournir. Par exemple, si dans la section «&nbsp;Corporatif&nbsp;» seule la case «&nbsp;Bureau et poste&nbsp;» est cochée, les entreprises devront obligatoirement donner un numéro de téléphone au bureau pour pouvoir effectuer leur transaction.
 
 
 
|-
 
|
 
<span style="color: rgb(255, 0, 0);">'''O&nbsp;:'''</span> Si la case «&nbsp;Afficher le commentaire&nbsp;» est cochée, un champ «&nbsp;Commentaire&nbsp;» s'affiche dans le bas du formulaire. Pour un exemple de champ «&nbsp;Commentaire&nbsp;», voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''F'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_2_de_formulaire_Web|Exemple 2 de formulaire Web]]&nbsp;».  
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''P&nbsp;:'''</span> Si cette case est cochée, l'activité pour laquelle le donateur a effectué son don s'affichera dans sa confirmation de paiement.<br> '''NOTE&nbsp;:''' Si les informations de paiement sont affichées dans un tableau, cette option n'est pas disponible.
 
 
 
|-
 
|
 
<span style="color: rgb(255, 0, 0);">'''Q&nbsp;:'''</span> En cliquant sur ce bouton, [[#Param.C3.A8treappelGETPOST|cette fenêtre]] s'ouvre.
 
 
 
| <br>
 
|}
 
 
 
<br>
 
 
 
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
 
|-
 
| colspan="2" |
 
{{Anchor||ParamètreappelGETPOST}}Après avoir cliqué sur le bouton [[Image:Bouton Paramètre d'appel GET et POST.png]], la fenêtre suivante s'ouvre.
 
 
 
|-
 
| colspan="2" | [[Image:ProDon Création formulaire Web 005.png]]<br>
 
|-
 
| colspan="2" |
 
Un passage en paramètre permet d’envoyer de l’information pré-remplie dans un formulaire Web à partir d’une autre plate-forme Web ou d’un courriel HTML.
 
 
 
Ceci est une fonctionnalité avancée s’adressant aux développeurs Web désirant passer des paramètres avec la méthode GET ou POST.
 
 
 
'''''Logilys''''' n’offre pas de formation ou support direct sur cette utilisation sauf aux programmeurs Web qui ont déjà les qualifications requises pour ce type de fonction.  
 
 
 
'''NOTE&nbsp;:''' Pour plus d'informations sur les paramètres GET et POST des formulaires Web, consulter [[ProDon:Paramètres GET et POST des formulaires Web|ce document]].<br>
 
  
|}
+
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 +
| colspan="2" |
 +
=== Onglet «&nbsp;Paiements&nbsp;» ===
 +
Cet onglet permet de configurer les modes de paiement disponibles dans le formulaire.
  
<br>
+
Il vous sera possible d'ajouter des modes de paiement instantanés si vous avez fait l'ouverture de compte Paysafe.
  
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
+
Pour savoir comment faire l'ouverture de compte Paysafe, [https://youtu.be/fJyhogFdxmk cliquez ici.]  
|-
 
| colspan="2" |
 
{{Anchor||Commentaire1}}Après avoir cliqué sur le bouton [[Image:Bouton spécifier les langues.png]], la fenêtre suivante s'ouvre.
 
  
 +
'''NOTE :''' Cet onglet n'est que disponible pour les formulaire de type transaction.
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 006.png]]<br>
+
| colspan="2" | [[Fichier:ProDon5 Création d'un formulaire web 004.png]]<br>
 
|-
 
|-
 
| width="50%" |  
 
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il s'agit des langues qui pourront être choisies par la personne qui complète le formulaire. Pour un exemple de champ permettant de choisir la langue, voir la '''lettre&nbsp;'''<span style="color: rgb(255, 0, 0);">'''H'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_1_de_formulaire_Web|Exemple 1 de formulaire Web]]&nbsp;».<br>
+
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il s'agit des modes de paiement disponibles aux donateurs pour effectuer un don.  
  
 
| width="50%" |  
 
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Bouton Ajouter.png]] permet d'ajouter une nouvelle langue à la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>.<br>  
+
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Bouton Ajouter.png]] permet d'ajouter de nouveaux modes de paiement à la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>.<br>  
  
|-
+
'''NOTE&nbsp;:''' Pour pouvoir ajouter un mode de paiement ici, il doit avoir été préalablement créé à partir de la «&nbsp;[[ProDon:Gestion des modes de paiement|Gestion des modes de paiement]]&nbsp;».  
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier une langue déjà dans la liste. Pour ce faire, sélectionner la langue à modifier en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Modifier.png]].<br>
 
  
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png]] permet de supprimer une langue de la liste. Pour ce faire, sélectionner la langue à modifier en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Retirer.png]].<br>
 
 
|}
 
 
<br>
 
 
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
 
 
|-
 
|-
| colspan="2" |  
+
| width="50%" |<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier un mode de paiement de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner le mode de paiement à modifier en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Modifier.png]].
Après avoir cliqué sur le bouton [[Image:Bouton modifier les libellés.png]], la fenêtre suivante s'ouvre.<br>  
 
  
|-
 
| colspan="2" | [[Image:ProDon Création formulaire Web 007.png]]<br>
 
|-
 
 
| width="50%" |  
 
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il s'agit de la liste des libellés du formulaire.<br>
+
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png]] permet de supprimer un mode de paiement de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner le mode de paiement à supprimer en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Retirer.png]].
 
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> En cliquant sur le bouton [[Image:Petit Bouton Dupliquer.png]], il est possible de dupliquer un autre groupe de libellés. Pour plus d'informations sur les groupes de libellés, consulter [[ProDon:Configuration des libellés|ce document]].<br>
 
  
 
|-
 
|-
|  
+
| colspan="2" |<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Le bouton [[Image:Petit Bouton Dupliquer.png]] permet de dupliquer tous les modes de paiement d'un autre formulaire Web pour les ajouter en <span style="color: rgb(255, 0, 0);">'''A'''</span>.
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le bouton [[Image:Bouton rechercher.png]] permet d'afficher la [[Fonctions communes:Barre de recherche|barre de recherche]].<br>
+
|}  
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton [[Image:Bouton Notepad.png]] permet de modifier un libellé de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner le libellé à modifier en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Notepad.png]].<br>
 
 
 
|}
 
 
 
<br>
 
  
 +
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 +
| colspan="2" |
 
=== Onglet «&nbsp;Transaction&nbsp;»  ===
 
=== Onglet «&nbsp;Transaction&nbsp;»  ===
  
 
Cet onglet permet de configurer la section «&nbsp;Transaction&nbsp;» du formulaire.  
 
Cet onglet permet de configurer la section «&nbsp;Transaction&nbsp;» du formulaire.  
  
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
+
'''NOTE :''' Cet onglet n'est que disponible pour les formulaire de type transaction.
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 008.png]]<br>
+
| colspan="2" | [[Fichier:ProDon5 Création d'un formulaire web 005.png]]<br>
 
|-
 
|-
 
| width="50%" |  
 
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Si cette case est activée, la section «&nbsp;Transaction&nbsp;» sera disponible dans le formulaire.<br>
+
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Si cette case est cochée, la section «&nbsp;Transaction&nbsp;» sera disponible dans le formulaire.  
  
 
| width="50%" |  
 
| width="50%" |  
 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Petit Bouton Dupliquer.png]] permet de dupliquer les informations transactionnelles d'un autre formulaire.  
 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Petit Bouton Dupliquer.png]] permet de dupliquer les informations transactionnelles d'un autre formulaire.  
 +
 +
'''NOTE :''' Le bouton est disponible seulement lors de l'ajout d'un formulaire, si l'on modifie un formulaire l'option n'est plus disponible.
  
 
|-
 
|-
Ligne 331 : Ligne 219 :
  
 
| width="50%" |  
 
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Cette case permet d'afficher ou non les informations de paiement dans le formulaire. Si cette case est décochée, il est possible d'effectuer une transaction à 0&nbsp;$. Par exemple, il est possible de créer un formulaire pour s'inscrire à un événement gratuit, effectuer une demande de bourse ou pour du financement. Lors de l'importation, une transaction en attente à 0&nbsp;$ sera alors importée dans '''''ProDon.'''''  
+
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Cette case permet d'afficher les informations de paiement dans un tableau. Pour un exemple d'informations de paiement dans un tableau, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''B'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Formulaire des transactions .28en tableau.29|Exemple de formulaire transactionnel en tableau]]&nbsp;». Pour un exemple de paiement qui n'est pas dans un tableau, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''B'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Formulaire des transactions .28unique.29|Exemple de formulaire transactionnel de don unique]]&nbsp;».
  
'''NOTE&nbsp;: '''Il est obligatoire d'utiliser un [[ProDon:Gestion des modes de paiement|mode de paiement]] «&nbsp;En attente&nbsp;».  
+
'''NOTE&nbsp;:''' Le donateur pourra choisir plus d'une activité seulement si les informations de paiement sont affichées dans un tableau.  
  
 
|-
 
|-
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Cette case permet d'afficher les informations de paiement dans un tableau. Pour un exemple d'informations de paiement dans un tableau, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''B'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_2_de_formulaire_Web|Exemple 2 de formulaire Web]]&nbsp;». Pour un exemple de paiement qui n'est pas dans un tableau, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''B'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_1_de_formulaire_Web|Exemple 1 de formulaire Web]]&nbsp;».  
+
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Il s'agit des activités pour lesquelles le donateur peut faire un don ou s'inscrire. [[ProDon:Gestion des occasions de dons|Cliquer ici]] pour plus d'information sur les activités d'un formulaire.  
  
'''NOTE&nbsp;:''' Le donateur pourra choisir plus d'une activité seulement si les informations de paiement sont affichées dans un tableau.  
+
|  <span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Le bouton [[Image:Bouton Ajouter.png]] permet d'ajouter des activités en <span style="color: rgb(255, 0, 0);">'''E'''</span>.
  
 +
'''NOTE&nbsp;:''' L'activité doit être préalablement créée dans la «&nbsp;[[ProDon:Gestion des occasions de dons|Gestion des occasions de dons]]&nbsp;».
 +
|-
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Il s'agit des activités pour lesquelles le donateur peut faire un don ou s'inscrire. Pour ajouter, modifier ou supprimer des activités, voir les '''lettres''' <span style="color: rgb(255, 0, 0);"><span style="font-weight: bold;">G</span></span>, <span style="color: rgb(255, 0, 0);">'''H'''</span> et <span style="color: rgb(255, 0, 0);">'''I'''</span>.  
+
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier une activité de la liste en <span style="color: rgb(255, 0, 0);">'''E'''</span>. Pour modifier une activité, sélectionner l'activité à modifier, puis cliquer sur le bouton [[Image:Bouton Modifier.png]].
  
|-
 
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Le bouton [[Image:Bouton Ajouter.png]] permet d'ajouter des activités en <span style="color: rgb(255, 0, 0);">'''F'''</span>.<br>
+
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png]] permet de supprimer une activité de la liste en <span style="color: rgb(255, 0, 0);">'''E'''</span>. Pour supprimer une activité, sélectionner l'activité à supprimer, puis cliquer sur le bouton [[Image:Bouton Retirer.png]].
  
'''NOTE&nbsp;:'''&nbsp; L'activité doit être préalablement créée dans la «&nbsp;[[ProDon:Gestion des occasions de dons|Gestion des occasions de dons]]&nbsp;».<br>
+
'''NOTE&nbsp;:''' Si une activité est supprimée à partir d'ici, elle sera seulement retirée du formulaire et sera toujours existante dans la «&nbsp;[[ProDon:Gestion des occasions de dons|Gestion des occasions de dons]]&nbsp;».
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier une actvité de la liste en <span style="color: rgb(255, 0, 0);">'''F'''</span>. Pour modifier une activité, sélectionner l'activité à modifier, puis cliquer sur le bouton [[Image:Bouton Modifier.png]].  
 
  
 
|-
 
|-
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png]] permet de supprimer une activité de la liste en <span style="color: rgb(255, 0, 0);">'''F'''</span>. Pour supprimer une activité, sélectionner l'activité à supprimer, puis cliquer sur le bouton [[Image:Bouton Retirer.png]].
+
<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> Ce bouton permet de consulter et de modifier les quantités d'inventaires sur les activités ayant un prix de vente, par exemple pour des billets d'événements.  
 
 
'''NOTE&nbsp;:''' Si une activité est supprimée à partir d'ici, elle sera seulement retirée du formulaire et sera toujours existante dans la «&nbsp;[[ProDon:Gestion des occasions de dons|Gestion des occasions de dons]]&nbsp;».<br>
 
  
 
|  
 
|  
Ligne 370 : Ligne 254 :
 
'''NOTE&nbsp;:''' Il est fortement conseillé de toujours cocher cette case pour que tous les donateurs puissent recevoir un reçu si désiré.<br>  
 
'''NOTE&nbsp;:''' Il est fortement conseillé de toujours cocher cette case pour que tous les donateurs puissent recevoir un reçu si désiré.<br>  
  
'''ATTENTION&nbsp;:''' Si l'activité à laquelle le formulaire est attribué est configurée pour ne pas produire de reçu, la case n'apparaîtra pas dans le formulaire, même si celle ci-haut est cochée.  
+
'''ATTENTION&nbsp;:''' Si l'activité à laquelle le formulaire est attribué est configurée pour ne pas produire de reçus, la case n'apparaîtra pas dans le formulaire, même si cette dernière est cochée.  
  
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''L&nbsp;:'''</span> Lorsqu'un internaute effectue un paiement instantanné, qu'il désire recevoir un reçu et que cette case est cochée, un lien permettant d'imprimer son reçu sera ajouté au courriel de confirmation de paiement, ce qui évite à l'organisme d'avoir à émettre le reçu, puisque le donateur l'aura déjà reçu par courriel.  
+
<span style="color: rgb(255, 0, 0);">'''L&nbsp;:'''</span> Lorsqu'un internaute effectue un paiement instantané, qu'il désire recevoir un reçu et que cette case est cochée, un lien permettant d'imprimer son reçu sera ajouté au courriel de confirmation de paiement, ce qui évite à l'organisme d'avoir à émettre le reçu, puisque le donateur l'aura déjà obtenu par courriel.  
  
 
|-
 
|-
Ligne 391 : Ligne 275 :
  
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''P&nbsp;:'''</span> Ce champ permet de déterminer un montant minimum pour l'émission d'un reçu par défaut. Par exemple, si un montant de 20,00&nbsp;$ est inscrit dans ce champ et qu'un don de 15,00&nbsp;$ est effectué, la case en <span style="color: rgb(255, 0, 0);">'''K'''</span> ne sera pas cochée par défaut dans le formulaire. Par contre, si la case en <span style="color: rgb(255, 0, 0);">'''K'''</span> n'a pas été cochée dans la fenêtre ci-haut et que le montant du don est plus petit que le montant minimum, le client ne pourra pas recevoir de reçu, même s'il désire en recevoir un.  
+
<span style="color: rgb(255, 0, 0);">'''P&nbsp;:'''</span> Ce champ permet de déterminer un montant minimum pour l'émission d'un reçu par défaut. Par exemple, si un montant de 20,00&nbsp;$ est inscrit dans ce champ et qu'un don de 15,00&nbsp;$ est effectué, la case en <span style="color: rgb(255, 0, 0);">'''K'''</span> ne sera pas cochée par défaut dans le formulaire. Par contre, si la case en <span style="color: rgb(255, 0, 0);">'''K'''</span> n'a pas été cochée dans la fenêtre ci-dessus et que le montant du don est plus petit que le montant minimum, le client ne pourra pas recevoir de reçu, même s'il désire en recevoir un.  
  
 
|-
 
|-
Ligne 397 : Ligne 281 :
 
<span style="color: rgb(255, 0, 0);">'''Q&nbsp;:'''</span> Cette case permet d'émettre des reçus pour '''tous''' les dons dont le montant est plus élevé que le montant minimum.&nbsp;Si cette case est cochée et que la case en <span style="color: rgb(255, 0, 0);">'''K'''</span> n'est pas cochée, les clients n'auront pas le choix de recevoir ou non un reçu (les dons dont le montant est moins élevé que le montant minimum ne recevront pas de reçu et les dons dont le montant est plus élevé que le montant minimum recevront un reçu). Si cette case est cochée et que la case en <span style="color: rgb(255, 0, 0);">'''K'''</span> est cochée également, les donateurs qui ont donné moins que le montant minimum auront le choix de recevoir ou non un reçu, puis les donateurs qui ont donné plus que le montant minimum recevront un reçu.  
 
<span style="color: rgb(255, 0, 0);">'''Q&nbsp;:'''</span> Cette case permet d'émettre des reçus pour '''tous''' les dons dont le montant est plus élevé que le montant minimum.&nbsp;Si cette case est cochée et que la case en <span style="color: rgb(255, 0, 0);">'''K'''</span> n'est pas cochée, les clients n'auront pas le choix de recevoir ou non un reçu (les dons dont le montant est moins élevé que le montant minimum ne recevront pas de reçu et les dons dont le montant est plus élevé que le montant minimum recevront un reçu). Si cette case est cochée et que la case en <span style="color: rgb(255, 0, 0);">'''K'''</span> est cochée également, les donateurs qui ont donné moins que le montant minimum auront le choix de recevoir ou non un reçu, puis les donateurs qui ont donné plus que le montant minimum recevront un reçu.  
  
| <br>
+
| <br><span style="color: rgb(255, 0, 0);">'''R&nbsp;:'''</span> Si cette case est cochée, il sera impossible de demander un reçu si le montant minimum n'est pas atteint en <span style="color: rgb(255, 0, 0);">'''K'''</span>.
 
|}
 
|}
  
<br>
+
==== Consultation / Modification d'une activité de formulaire de type transaction avec prix de vente ====
 
+
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
 
 
|-
 
|-
 
| colspan="2" |  
 
| colspan="2" |  
Après avoir cliqué sur le bouton «&nbsp;Configurer les validations sur la quantité et le montant&nbsp;», la fenêtre suivante s'ouvre.<br>
+
Après avoir cliqué sur le bouton [[Fichier:Bouton Ajouter.png]] ou sur le bouton [[Image:Bouton Modifier.png]], la fenêtre suivante s'ouvre.  
 
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 009.png]]<br>
+
| colspan="2" |
 +
===== Onglet «&nbsp;Informations&nbsp;»  =====
 
|-
 
|-
|
+
| colspan="2" | [[Image:ProDon5 Création d'un formulaire web 006.png]]<br>
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Permet d'inscrire un montant minimum que le donateur peut donner.<br>
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Permet d'inscrire un montant maximum que le donateur peut donner.
 
 
 
|-
 
|
 
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Permet d'inscrire une quantité minimum de billets que le donateur peut acheter.<br>
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Permet d'inscrire une quantité maximum de billets que le donateur peut acheter.<br>
 
 
 
|-
 
| colspan="2" |  
 
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Ce champ permet de vendre des billets par multiples. Par exemple, si j'inscris 2 dans la case blanche, les donateurs pourront acheter seulement un nombre pair de billets.<br>
 
 
 
|}
 
 
 
<br>
 
 
 
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
 
|-
 
| 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.
 
 
 
|-
 
| colspan="2" | [[Image:ProDon Création formulaire Web 010.png]]<br>
 
 
|-
 
|-
 
| width="50%" |  
 
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> La liste déroulante permet de choisir l'activité qui doit être modifiée ou ajoutée.<br>
+
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> La liste déroulante permet de choisir l'activité qui doit être modifiée ou ajoutée.
  
'''NOTE&nbsp;:''' L'activité doit être préalablement créée dans la «&nbsp;[[ProDon:Gestion des occasions de dons|Gestion des occasions de dons]]&nbsp;».  
+
'''NOTE :''' L'activité doit être préalablement créée dans la «[[ProDon:Gestion des occasions de dons|Gestion des occasions de dons]]».
  
 
| width="50%" |  
 
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Ce champ permet de donner un libellé français à l'activité.<br>
+
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Ce champ permet de donner un libellé français à l'activité.  
  
 
|-
 
|-
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Ce champ permet de donner un libellé anglais à l'activité.<br>
+
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Ce champ permet de donner un libellé anglais à l'activité.  
  
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Ce champ permet de créer un libellé français pour le nombre de billets vendus ou le montant du don.<br>
+
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le champ «&nbsp;Date d'affichage&nbsp;» permet de spécifier une date de publication pour l'activité si elle est différente de celle du formulaire.
  
 
|-
 
|-
|  
+
| colspan="2" |  
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Ce champ permet de créer un libellé anglais pour le nombre de billets vendus ou le montant du don.<br>
+
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Le champ «&nbsp;Date d'expiration&nbsp;»  permet de spécifier une date d'expiration à l'activité. À partir du jour de la date d'expiration, un message de rappel disant que le formulaire est expiré s'affichera à l'ouverture de '''''Prodon'''''.
  
|
+
'''ATTENTION&nbsp;:''' Même si une date d'expiration est spécifiée, il faudra désactiver manuellement le formulaire le jour de la date d'expiration. Si le formulaire n'est pas désactivé manuellement, il restera disponible aux internautes.  
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Cette case permet d'afficher dans le formulaire l'activité choisie en <span style="color: rgb(255, 0, 0);">'''A'''</span>.<br>
 
  
 
|-
 
|-
| colspan="2" |  
+
| colspan="2" |
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Cette option permet d'afficher un champ «&nbsp;Autre montant&nbsp;» dans le formulaire lorsqu'il y a des montants suggérés. Pour un exemple de champ «&nbsp;Autre montant&nbsp;», voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''C'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_1_de_formulaire_Web|Exemple 1 de formulaire Web]]&nbsp;».  
+
 
 +
===== Onglet «&nbsp;Inventaire Web&nbsp;» =====
 +
Cet onglet apparaît quand l'activité est de type de transaction avec prix de vente fixe. [[ProDon:Gestion des occasions de dons#Ajout .2F Modification d.27une activit.C3.A9 de revenus|Cliquer ici]] pour en savoir plus sur la configuration des activités.
  
 
|-
 
|-
| style="text-align: center;" colspan="2" | [[Image:ProDon Création formulaire Web 011.png]]<br>
+
| colspan="2" style="text-align: center;" | [[Fichier:ProDon5 Création d'un formulaire web 007.png]]<br>
 
|-
 
|-
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Pour suggérer des montants de don dans le formulaire, les inscrire ici. Pour un exemple de formulaire avec des montants suggérés, voir la '''lettre&nbsp;'''<span style="color: rgb(255, 0, 0);">'''D'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_1_de_formulaire_Web|Exemple 1 de formulaire Web]]&nbsp;».<br>
+
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Si cette case est cochée l'inventaire Web est activé.  
  
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Bouton Ajouter.png]] permet d'ajouter des montants suggérés à la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>.<br>
+
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Libellé qui s'affiche quand il n'y a plus d'inventaire disponible
  
 
|-
 
|-
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier un montant de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner le montant à modifier en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Modifier.png]].<br>
+
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Ce champs est pour ajouter ou retirer des items de l'inventaire disponible sur le site Web en production.  
  
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png]] permet de supprimer un montant de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner le montant à supprimer en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Retirer.png]].<br>
+
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Ce champs est pour ajouter ou retirer des items de l'inventaire disponible sur le site Web en test.
 
+
|-
 +
| colspan="2" |
 +
===== Onglet «&nbsp;Participant&nbsp;» =====
 +
Cet onglet permet de faire la gestion des participants sur le formulaire Web.
 
|-
 
|-
| colspan="2" |  
+
| colspan="2" |'''Sous-onglet «&nbsp;Options&nbsp;»'''
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Le bouton [[Image:Petit Bouton Dupliquer.png]] permet de dupliquer les montants suggérés d'une autre activité du formulaire pour les inscrire en <span style="color: rgb(255, 0, 0);">'''A'''</span>.<br>
 
 
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 012.png]]<br>
+
| colspan="2" | [[Fichier:ProDon5 Création d'un formulaire web 008.png]]<br>
 
|-
 
|-
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il s'agit des notes qui s'afficheront sous l'activité dans le formulaire. Pour un exemple de note sous une activité dans un tableau, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''C'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_2_de_formulaire_Web|Exemple 2 de formulaire Web]]&nbsp;». Pour un exemple de note sous une activité qui n'est pas dans un tableau, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''E'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_1_de_formulaire_Web|Exemple 1 de formulaire Web]]&nbsp;».<br>
+
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Si cette case est cochée la gestion des participants est activée.  
  
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Bouton Ajouter.png]] permet d'ajouter une note à la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>.<br>
+
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Si le champs est à «Activé» le premier participant sera le donateur.
 
 
'''NOTE&nbsp;:''' Pour savoir comment configurer la fenêtre «&nbsp;Ajout d'une note de formulaire&nbsp;», consulter [[ProDon:Création d'un formulaire Web#Onglet_.C2.AB.C2.A0Notes.C2.A0.C2.BB|cette section]].<br>
 
  
 
|-
 
|-
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier les notes en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner la note à modifier en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Modifier.png]].<br>
+
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le libellé du titre des participants, en français ou en anglais.  
  
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png]] permet de supprimer une note en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner la note à supprimer en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Retirer.png]].<br>
+
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Grille des informations des participants, pour choisir les informations qui seront visibles aux utilisateurs et celles qui seront obligatoires.  
 
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 013.png]]<br>
+
| colspan="2" |'''Sous-onglet «&nbsp;Personnalisations&nbsp;»'''
 
|-
 
|-
|  
+
| colspan="2" | [[Fichier:ProDon5 Création d'un formulaire web 009.png]]<br>
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Ce champ permet de choisir si la valeur inscrite en <span style="color: rgb(255, 0, 0);">'''B'''</span> est fixe ou si elle peut être modifiée par le donateur. Si l'option choisie ici est «&nbsp;Le donateur ne peut pas modifier le montant&nbsp;», la valeur inscrite en <span style="color: rgb(255, 0, 0);">'''B'''</span> sera inscrite par défaut à l'ouverture du formulaire et le donateur ne pourra pas la modifier. Par contre, si l'option choisie ici est «&nbsp;Le donateur peut modifier le montant&nbsp;», la valeur inscrite en <span style="color: rgb(255, 0, 0);">'''B'''</span> sera inscrite par défaut à l'ouverture du formulaire, mais pourra être modifiée par le donateur.
 
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Ce champ permet de spécifier un montant ou une quantité par défaut. Ce montant sera affiché par défaut à l'ouverture du formulaire.<br>  
 
 
 
'''NOTE&nbsp;:''' Lorsque l'activité est un événement et qu'il s'agit d'une vente de billets, le champ sera nommé «&nbsp;Quantité par défaut&nbsp;». Dans ce cas, il est possible de spécifier une quantité qui sera affichée par défaut à l'ouverture du formulaire.
 
 
 
 
|-
 
|-
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Ce champ permet de définir un montant ou une quantité minimum pour effectuer une transaction à partir du formulaire.  
+
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il s'agit des caractéristiques disponibles pour personnalisé les informations recueillies sur les participant.  
  
'''NOTE&nbsp;:''' Lorsque l'activité est un événement et qu'il s'agit d'une vente de billets, le champ sera nommé «&nbsp;Quantité minimum&nbsp;».  
+
'''NOTE&nbsp;:''' Pour en savoir plus sur la création des caractéristiques [[ProDon:Catégories/champs personnalisés/caractéristiques#Les caract.C3.A9ristiques|cliquer ici]].  
  
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Ce champ permet de définir un montant ou une quantité maximum pour effectuer une transaction à partir du formulaire.<br>  
+
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Bouton Ajouter.png]] permet d'ajouter de nouvelles caractéristiques à la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>.
 
 
'''NOTE&nbsp;:''' Lorsque l'activité est un événement et qu'il s'agit d'une vente de billets, le champ sera nommé «&nbsp;Quantité maximum&nbsp;».  
 
  
 
|-
 
|-
| colspan="2" |
+
|<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier une caractéristique en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner la caractéristique à modifier en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Modifier.png]].
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Ce champ permet de vendre des billets par multiples. Par exemple, si j'inscris 2 dans la case, les donateurs pourront acheter seulement un nombre pair de billets.  
 
  
'''NOTE&nbsp;:''' Ce champ est visible seulement si l'activité est un événement et qu'il s'agit d'une vente de billets.
+
|
 
+
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png]] permet de retirer une caractéristique de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner la caractéristique à retirer en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Retirer.png]].
|}
 
 
 
<br>  
 
 
 
=== Onglet «&nbsp;Engagement&nbsp;»  ===
 
 
 
Permet de configurer la section «&nbsp;Engagement&nbsp;» d'un formulaire Web.
 
 
 
==== Onglet «&nbsp;Occasion et activité&nbsp;»  ====
 
 
 
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
 
|-
 
| colspan="2" | [[Image:ProDon Création formulaire Web 014.png]]<br>
 
|-
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span>&nbsp;Si cette case est activée, la section «&nbsp;Engagement&nbsp;» sera disponible dans le formulaire.<br>
 
 
 
Le bouton [[Image:Petit Bouton Dupliquer.png]] permet de dupliquer les informations d'engagement d'un autre formulaire.<br>
 
 
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Petit Bouton Dupliquer.png]] permet de dupliquer les informations transactionnelles d'un autre formulaire.<br>
 
  
 
|-
 
|-
| width="50%" |  
+
| colspan="2" |<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Le bouton [[Fichier:Bouton efface.png]] permet de vider la liste des caractéristiques en <span style="color: rgb(255, 0, 0);">'''A'''</span>.
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Si cette case est cochée, la date de fin et l'objectif seront spécifiés dans le formulaire. Pour un exemple d'engagement avec une date de fin et un objectif, voir la '''lettre&nbsp;'''<span style="color: rgb(255, 0, 0);">'''F'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_1_de_formulaire_Web|Exemple 1 de formulaire Web]]&nbsp;».<br>
 
 
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Choisir l'occasion pour laquelle les engagements seront effectués.<br>
 
 
 
 
|-
 
|-
|  
+
| colspan="2" |
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Cette case permet d'afficher les engagements dans un tableau. Pour un exemple d'informations de paiement dans un tableau, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''B'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_2_de_formulaire_Web|Exemple 2 de formulaire Web]]&nbsp;». Pour un exemple d'informations de paiement qui ne sont pas dans un tableau, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''B'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_1_de_formulaire_Web|Exemple 1 de formulaire Web]]&nbsp;».
+
===== Onglet «&nbsp;Note&nbsp;» =====
 
 
'''NOTE&nbsp;:''' Le donateur pourra choisir plus d'une activité seulement si les informations de paiement sont affichées dans un tableau.<br>
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Il s'agit des activités pour lesquelles le donateur peut s'engager à donner. Pour ajouter, modifier ou supprimer des activités, voir les '''lettres''' <span style="color: rgb(255, 0, 0);">'''G'''</span>, <span style="color: rgb(255, 0, 0);">'''H'''</span> et <span style="color: rgb(255, 0, 0);">'''I'''</span>.
 
 
 
 
|-
 
|-
|  
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 010.png|centré|736x736px]]
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Le bouton [[Image:Bouton Ajouter.png]] permet d'ajouter des activités en <span style="color: rgb(255, 0, 0);">'''F'''</span>.<br>
 
 
 
'''NOTE&nbsp;:''' L'activité doit être préalablement créée dans la «&nbsp;[[ProDon:Gestion des occasions de dons|Gestion des occasions de dons]]&nbsp;».
 
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier une activité de la liste en <span style="color: rgb(255, 0, 0);">'''F'''</span>. Pour ce faire, sélectionner l'activité à modifier, puis cliquer sur le bouton [[Image:Bouton Modifier.png]].
 
 
 
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il s’agit de la liste des notes qui se trouvent dans les activités, donc les notes seront visibles dans la section transaction du formulaire Web.
<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png]] permet de supprimer une activité de la liste en <span style="color: rgb(255, 0, 0);">'''F'''</span>. Pour ce faire, sélectionner l'activité à supprimer, puis cliquer sur le bouton [[Image:Bouton Retirer.png]].<br> '''NOTE&nbsp;:''' Si une activité est supprimée à partir d'ici, elle sera seulement retirée du formulaire et sera toujours existante dans la «&nbsp;[[ProDon:Gestion des occasions de dons|Gestion des occasions de dons]]&nbsp;».<br>
+
|<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Bouton Ajouter.png]] permet d’ajouter une nouvelle note dans les activités. Pour en savoir plus sur l'ajout de notes et des options possibles [[ProDon:Configuration de la page d'accueil et du site Web#Onglet .C2.AB.C2.A0Notes.C2.A0.C2.BB|cliquer ici]].
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''J&nbsp;:'''</span> Ce bouton permet de déterminer un montant minimum et maximum par versement.&nbsp;Le minimum ou le maximum déterminé ici sera appliqué à toutes les activités du formulaire.
 
 
 
'''NOTE&nbsp;:''' Il est également possible de définir un montant minimum ou maximum différent pour chaque activité.<br>
 
 
 
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier une note déjà présente dans les activités.
<span style="color: rgb(255, 0, 0);">'''K&nbsp;:'''</span> Lorsque la case «&nbsp;Utiliser la case du reçu&nbsp;» est cochée, le donateur a le choix de recevoir ou non un reçu. De plus, cette case est toujours cochée par défaut dans le formulaire, excepté si un montant minimum est spécifié en <span style="color: rgb(255, 0, 0);">'''O'''</span> et que le montant du don est plus petit que le montant minimum. Pour un exemple de case du reçu, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''D'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_2_de_formulaire_Web|Exemple 2 de formulaire Web]]&nbsp;»<br>
+
|<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png]] permet de supprimer une note des activités.
 
 
'''NOTE&nbsp;:''' Il est également possible de définir un montant ou une quantité minimum ou maximum différent pour chaque activité.  
 
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''L&nbsp;:'''</span> La case «&nbsp;Reçu personnel&nbsp;» permet d'émettre un reçu aux individus.<span style="font-weight: bold;"> </span>Par exemple, si la case «&nbsp;Reçu personnel&nbsp;» n'est pas cochée, aucun individu ne recevra de reçu, même si la case en <span style="color: rgb(255, 0, 0);">'''K'''</span> est cochée. Par contre, si la case «&nbsp;Reçu personnel&nbsp;» est cochée et que la case en <span style="color: rgb(255, 0, 0);">'''K'''</span> est cochée, les individus auront le choix de recevoir ou non un reçu.  
 
 
 
'''NOTE&nbsp;:''' Pour permettre l'émission de reçus aux entreprises, voir la '''lettre''' <span style="color: rgb(255, 0, 0);">'''M'''</span>.
 
 
 
 
|-
 
|-
|  
+
| colspan="2" |
<span style="color: rgb(255, 0, 0);">'''M&nbsp;:'''</span>&nbsp;La case «&nbsp;Reçu corporatif&nbsp;» permet d'émettre un reçu aux entreprises.<span style="font-weight: bold;"> </span>Par exemple, si la case «&nbsp;Reçu corporatif&nbsp;» n'est pas cochée, aucune entreprise ne recevra de reçu, même si la case en <span style="color: rgb(255, 0, 0);">'''K'''</span> est cochée. Par contre, si la case «&nbsp;Reçu corporatif&nbsp;» est cochée et que la case en <span style="color: rgb(255, 0, 0);">'''K'''</span> est cochée, les entreprises auront le choix de recevoir ou non un reçu.
+
===== Onglet «&nbsp;Validation&nbsp;» =====
 
+
La validation apparaît ainsi si l'activité à comme type de transaction à un prix de vente fixe.
'''NOTE&nbsp;:''' Pour permettre l'émission de reçus aux individus, voir la '''lettre''' <span style="color: rgb(255, 0, 0);">'''L'''</span>.<br>
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''N&nbsp;:'''</span> Si cette case est cochée, un seul reçu sera émis annuellement. Pour plus de détails concernant les reçus annuels, consulter la procédure «&nbsp;[[ProDon:Traitement des reçus à émettre|Traitement des reçus à émettre]]&nbsp;».  
 
 
 
 
|-
 
|-
|  
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 011.png|centré|736x736px]]
<span style="color: rgb(255, 0, 0);">'''O&nbsp;:'''</span> Ce champ permet de déterminer un montant minimum pour l'émission d'un reçu par défaut. Par exemple, si un montant de 20,00&nbsp;$ est inscrit dans ce champ et qu'un don de 15,00&nbsp;$ est effectué, la case en <span style="color: rgb(255, 0, 0);">'''K'''</span> ne sera pas cochée par défaut dans le formulaire. Par contre, si la case en <span style="color: rgb(255, 0, 0);">'''K'''</span> n'a pas été cochée dans la fenêtre ci-haut et que le montant du don est plus petit que le montant minimum, le client ne pourra pas recevoir de reçu, même s'il désire en recevoir un.
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''P&nbsp;:'''</span> Cette case permet d'émettre des reçus pour '''tous''' les dons dont le montant est plus élevé que le montant minimum.&nbsp;Si cette case est cochée et que la case en <span style="color: rgb(255, 0, 0);">'''K'''</span> n'est pas cochée, les clients n'auront pas le choix de recevoir ou non un reçu (les dons dont le montant est moins élevé que le montant minimum ne recevront pas de reçu et les dons dont le montant est plus élevé que le montant minimum recevront un reçu). Si cette case est cochée et que la case en <span style="color: rgb(255, 0, 0);">'''K'''</span> est cochée également, les donateurs qui ont donné moins que le montant minimum auront le choix de recevoir ou non un reçu, puis les donateurs qui ont donné plus que le montant minimum recevront un reçu.
 
 
 
|}
 
 
 
<br>
 
 
 
{| cellspacing="1" cellpadding="1" border="1" style="width: 353px; height: 314px;" class="wikitable"
 
 
|-
 
|-
| colspan="2" |
+
|<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> La liste déroulante qui permet de choisir si un internaute peut oui ou non modifier la quantité d'item qu'il peut se procurer.
Après avoir cliqué sur le bouton «&nbsp;Configurer les validations sur la quantité et le montant&nbsp;», la fenêtre suivante s'ouvre.  
+
|<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Dans ce champ mettre le multiple de la quantité d'items. Si l'internaute doit acheter des items par multiple de 3, par contre s'il s'agit de multiple de 1, ne rien inscrire.  
 
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 015.png]]
+
|<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Dans ce champ indiquer la quantité d'item par défaut qui sera affiché dans le formulaire.
 +
|<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Dans ce champ inscrire la quantité minimale d'items.
 
|-
 
|-
| width="50%" |  
+
| colspan="2" |<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Dans ce champ inscrire la quantité maximale d'items qu'un internaute peut se procurer lors de la transaction.
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Permet d'inscrire un montant minimum que le donateur peut donner.<br>
 
 
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Permet d'inscrire un montant maximum que le donateur peut donner.  
 
 
 
 
|}
 
|}
  
<br>
+
==== Consultation / Modification d'une activité de formulaire de type transaction standard ====
 
+
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
 
 
|-
 
|-
 
| 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]] ou sur le bouton [[Image:Bouton Modifier.png]], la fenêtre suivante s'ouvre.  
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 016.png]]
+
| colspan="2" |
 +
===== Onglet «&nbsp;Informations&nbsp;» =====
 
|-
 
|-
|  
+
| colspan="2" | [[Fichier:ProDon5 Création d'un formulaire web 014.png]]<br>
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> La liste déroulante permet de choisir l'activité qui doit être modifiée ou ajoutée.  
 
 
 
'''NOTE&nbsp;:''' L'activité doit être préalablement créée dans la «&nbsp;[[ProDon:Gestion des occasions de dons|Gestion des occasions de dons]]&nbsp;».
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span>&nbsp;Ce champ permet d'attribuer un libellé français à l'activité.
 
 
 
 
|-
 
|-
|  
+
| colspan="2" width="50%" |  
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span>&nbsp;Ce champ permet d'attribuer un libellé anglais à l'activité.
+
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Si cette case est cochée, le donateur pourra entrer un montant de son choix.
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span>&nbsp;Ce champ permet de créer un libellé français pour le montant du don.
 
 
 
|-
 
|  
 
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span>&nbsp;Ce champ permet de créer un libellé anglais pour le montant du don.
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span>&nbsp;Cette case permet d'afficher dans le formulaire l'activité choisie en <span style="color: rgb(255, 0, 0);">'''A'''</span>.  
 
  
 +
'''NOTE :''' L'activité doit être préalablement créée dans la «[[ProDon:Gestion des occasions de dons|Gestion des occasions de dons]]». 
 
|-
 
|-
| colspan="2" |  
+
| colspan="2" |
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Cette option permet d'afficher un champ «&nbsp;Autre montant&nbsp;» dans le formulaire lorsqu'il y a des montants suggérés. Pour un exemple de champ «&nbsp;Autre montant&nbsp;», voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''C'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_1_de_formulaire_Web|Exemple 1 de formulaire Web]]&nbsp;».<br>
+
===== Onglet «&nbsp;Montant suggéré&nbsp;» =====
 
+
Cet onglet apparaît l'activité à comme type de transaction standard.
 
|-
 
|-
| style="text-align: center;" colspan="2" | [[Image:ProDon Création formulaire Web 017.png]]<br>
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 015.png]]
 
|-
 
|-
| width="50%" |  
+
|width="50%"|
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span>&nbsp;Pour suggérer des montants de don dans le formulaire, les inscrire ici. Pour un exemple de formulaire avec des montants suggérés, voir la '''lettre&nbsp;'''<span style="color: rgb(255, 0, 0);">'''D'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_1_de_formulaire_Web|Exemple 1 de formulaire Web]]&nbsp;».<br>
+
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Les boutons [[Image:Bouton Ajouter.png]], [[Image:Bouton Modifier.png]] et [[Image:Bouton Retirer.png]] permettent d'ajouter, de modifier, de dupliquer ou de supprimer les montants en <span style="color: rgb(255, 0, 0);">'''B'''</span>. Pour modifier ou supprimer un formulaire, sélectionner le bon formulaire en <span style="color: rgb(255, 0, 0);">'''B'''</span>, puis cliquer sur [[Image:Bouton Modifier.png]] ou sur [[Image:Bouton Retirer.png]]. Le bouton [[Fichier:Petit Bouton Dupliquer.png|sans_cadre]] permet de dupliquer les montants d'une autre activité.  
 
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton&nbsp;[[Image:Bouton Ajouter.png]] permet d'ajouter des montants suggérés à la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>.
 
 
 
|-
 
|
 
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le bouton&nbsp;[[Image:Bouton Modifier.png]] permet de modifier un montant de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner le montant à modifier en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Modifier.png]].
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton&nbsp;[[Image:Bouton Retirer.png]] permet de supprimer un montant de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner le montant à supprimer en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Retirer.png]].  
 
  
 +
|width="50%"|
 +
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Liste des montants suggérés. 
 
|-
 
|-
| colspan="2" |  
+
| colspan="2" width="50%" |
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Le bouton&nbsp;[[Image:Petit Bouton Dupliquer.png]] permet de dupliquer les montants suggérés d'une autre activité du formulaire pour les inscrire en <span style="color: rgb(255, 0, 0);">'''A'''</span>. <br>
+
===== Onglet «&nbsp;Validation&nbsp;» =====
 
+
La validation apparaît ainsi si l'activité à comme type de transaction à un prix standard.
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 018.png]]<br>
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 016.png|centré|736x736px]]
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> La liste déroulante qui permet de choisir si un internaute peut oui ou non modifier le montant qu'il veut donner.
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il s'agit des notes qui s'afficheront sous l'activité dans le formulaire. Pour un exemple de note sous une activité dans un tableau, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''C'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_2_de_formulaire_Web|Exemple 2 de formulaire Web]]&nbsp;». Pour un exemple de note sous une activité qui n'est pas dans un tableau, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''E'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_1_de_formulaire_Web|Exemple 1 de formulaire Web]]&nbsp;».<br>
+
|<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Dans ce champ indiquer le montant par défaut qui sera affiché dans le formulaire.
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton&nbsp;[[Image:Bouton Ajouter.png]] permet d'ajouter une note à la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>.
 
 
 
'''NOTE&nbsp;:''' Pour savoir comment configurer la fenêtre «&nbsp;Ajout d'une note de formulaire&nbsp;», consulter [[ProDon:Création d'un formulaire Web#Onglet_.C2.AB.C2.A0Notes.C2.A0.C2.BB|cette section]].<br>
 
 
 
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Dans ce champ inscrire le montant minimal d'un don.
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le bouton&nbsp;[[Image:Bouton Modifier.png]] permet de modifier les notes en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner la note à modifier en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Modifier.png]].  
+
|<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Dans ce champ inscrire le montant maximal d'un don.
 
+
|} 
|  
 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton&nbsp;[[Image:Bouton Retirer.png]] permet de supprimer une note en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner la note à supprimer en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Retirer.png]].  
 
  
|-
+
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
| colspan="2" | [[Image:ProDon Création formulaire Web 019.png]]<br>
+
| colspan="2" |
|-
+
=== Onglet «&nbsp;Engagement&nbsp;» ===
|
+
Cet onglet permet de configurer la section «&nbsp;Engagement&nbsp;» du formulaire.  
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Ce champ permet de choisir si la valeur inscrite en <span style="color: rgb(255, 0, 0);">'''B'''</span> est fixe ou si elle peut être modifiée par le donateur. Si l'option choisie ici est «&nbsp;Le donateur ne peut pas modifier le montant&nbsp;», la valeur inscrite en <span style="color: rgb(255, 0, 0);">'''B'''</span> sera inscrite par défaut à l'ouverture du formulaire et le donateur ne pourra pas la modifier. Par contre, si l'option choisie ici est «&nbsp;Le donateur peut modifier le montant&nbsp;», la valeur inscrite en <span style="color: rgb(255, 0, 0);">'''B'''</span> sera inscrite par défaut à l'ouverture du formulaire, mais pourra être modifiée par le donateur.  
 
  
|
+
'''NOTE :''' Cet onglet n'est que disponible pour les formulaire de type transaction.  
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Ce champ permet de spécifier un montant par défaut. Ce montant sera affiché par défaut à l'ouverture du formulaire.<br>
 
  
 +
'''ATTENTION :''' Les engagement ne sont disponibles que si le [http://wikifr.logilys.com/index.php/Gestion_des_engagements_(objectif_vs_automatique) module engagement] est activé.  
 
|-
 
|-
|  
+
| colspan="2" |
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span>&nbsp;Ce champ permet de définir un montant minimum pour effectuer une transaction à partir du formulaire.
+
==== Sous-onglet «&nbsp;Occasion et activité&nbsp;» ====
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Ce champ permet de définir un montant maximum pour effectuer une transaction à partir du formulaire.
 
 
 
|}
 
 
 
<br>
 
 
 
==== Onglet «&nbsp;Fréquences&nbsp;» ====
 
 
 
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 020.png]]<br>
+
| colspan="2" | [[Fichier:ProDon5 Création d'un formulaire web 012.png]]<br>
 
|-
 
|-
 
| width="50%" |  
 
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il s'agit des fréquences que le donateur peut choisir pour son engagement.<br>
+
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Si cette case est activée, la section «&nbsp;Engagement&nbsp;» sera disponible dans le formulaire.  
  
 
| width="50%" |  
 
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton&nbsp;[[Image:Bouton Ajouter.png]] permet d'ajouter des fréquences à la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>.  
+
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Petit Bouton Dupliquer.png]] permet de dupliquer les informations transactionnelles d'un autre formulaire.  
  
 +
'''NOTE :''' Le bouton est disponible seulement lors de l'ajout d'un formulaire, si l'on modifie un formulaire l'option n'est plus disponible.
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Choisir le type d'engagement à utiliser sur le formulaire Web :
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier les fréquences de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner la fréquence à modifier en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Modifier.png]].<br>
+
'''Engagement récurrent'''
  
|
+
Les transactions liées à des engagements de type récurrent seront créées en masse à une fréquence préétablie.
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png]] permet de supprimer une fréquence de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner la fréquence à supprimer en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Retirer.png]].  
 
  
|-
+
'''Engagement planifié'''
| colspan="2" |
 
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Le bouton [[Image:Petit Bouton Dupliquer.png]] permet de dupliquer les fréquences d'un autre formulaire.
 
 
 
|}
 
 
 
<br>
 
  
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
+
Les transactions liées à des engagements de type planifié sont créées lors de la réception du paiement.
 +
|<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Si cette case est cochée le donateur pourra entrer une date de fin pour la récurrence de dons.
 
|-
 
|-
| colspan="2" |  
+
| width="50%" |  
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.  
+
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Choisir l'occasion pour laquelle les transactions d'engagement seront effectuées.  
  
|-
 
| colspan="2" | [[Image:ProDon Création formulaire Web 021.png]]<br>
 
|-
 
 
| width="50%" |  
 
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Permet de donner un nom français à la fréquence.  
+
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Cette case permet d'afficher les informations de paiement dans un tableau. Pour un exemple d'informations de paiement dans un tableau, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''B'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_2_de_formulaire_Web|Exemple 2 de formulaire Web]]&nbsp;». Pour un exemple de paiement qui n'est pas dans un tableau, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''B'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_1_de_formulaire_Web|Exemple 1 de formulaire Web]]&nbsp;».
  
| width="50%" |
+
'''NOTE&nbsp;:''' Le donateur pourra choisir plus d'une activité seulement si les informations de paiement sont affichées dans un tableau.  
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Permet de donner un nom anglais à la fréquence.  
 
  
 
|-
 
|-
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Si cette case est cochée, la fréquence (en <span style="color: rgb(255, 0, 0);">'''D'''</span>), la date de début (en <span style="color: rgb(255, 0, 0);">'''E'''</span>), le montant du versement (en <span style="color: rgb(255, 0, 0);">'''F'''</span>) et l'objectif (en <span style="color: rgb(255, 0, 0);">'''G'''</span>) seront inscrits par défaut à l'ouverture du formulaire et ne seront pas modifiables.<br>
+
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Il s'agit des activités pour lesquelles le donateur peut faire un don ou s'inscrire. [[ProDon:Gestion des occasions de dons|Cliquer ici]] pour plus d'information sur les activités d'un formulaire.  
  
|  
+
| <span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Le bouton [[Image:Bouton Ajouter.png]] permet d'ajouter des activités en <span style="color: rgb(255, 0, 0);">'''G'''</span>.
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Permet de déterminer la fréquence. Dans cet exemple, un paiement devrait être effectué 1 fois par mois.<br>  
 
  
 +
'''NOTE&nbsp;:''' L'activité doit être préalablement créée dans la «&nbsp;[[ProDon:Gestion des occasions de dons|Gestion des occasions de dons]]&nbsp;».
 
|-
 
|-
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Permet de déterminer la date du premier paiement.<br>
+
<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier une activité de la liste en <span style="color: rgb(255, 0, 0);">'''G'''</span>. Pour modifier une activité, sélectionner l'activité à modifier, puis cliquer sur le bouton [[Image:Bouton Modifier.png]].
 
 
'''NOTE&nbsp;:''' Ce champ est disponible seulement si la case en <span style="color: rgb(255, 0, 0);">'''C'''</span> est cochée. Sinon, le donateur peut débuter son engagement à la date de son choix ou devra choisir entre les dates proposées en <span style="color: rgb(255, 0, 0);">'''I'''</span>.  
 
  
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Permet de spécifier le montant des versements.<br>
+
<span style="color: rgb(255, 0, 0);">'''J&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png]] permet de supprimer une activité de la liste en <span style="color: rgb(255, 0, 0);">'''G'''</span>. Pour supprimer une activité, sélectionner l'activité à supprimer, puis cliquer sur le bouton [[Image:Bouton Retirer.png]].  
  
'''NOTE&nbsp;:''' Ce champ est disponible seulement si la case en <span style="color: rgb(255, 0, 0);">'''C'''</span> est cochée. Sinon, le donateur peut choisir le montant qu'il désire.  
+
'''NOTE&nbsp;:''' Si une activité est supprimée à partir d'ici, elle sera seulement retirée du formulaire et sera toujours existante dans la «&nbsp;[[ProDon:Gestion des occasions de dons|Gestion des occasions de dons]]&nbsp;».
  
 
|-
 
|-
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Permet de spécifier le montant de l'objectif.  
+
<span style="color: rgb(255, 0, 0);">'''K&nbsp;:'''</span> Ce bouton permet de consulter et de modifier le montant minimum et maximum d'un engagement.  
  
'''NOTE&nbsp;:''' Ce champ est disponible seulement si la case en <span style="color: rgb(255, 0, 0);">'''C'''</span> est cochée. Sinon, le donateur peut choisir le montant qu'il désire.  
+
|
 +
<span style="color: rgb(255, 0, 0);">'''L&nbsp;:'''</span> Lorsque la case «&nbsp;Utiliser la case du reçu&nbsp;» est cochée, le donateur a le choix de recevoir ou non un reçu. De plus, cette case est toujours cochée par défaut dans le formulaire, excepté si un montant est spécifié dans la case montant minimum et que les versements totalisent un montant inférieur à ce dernier. Pour les engagement cocher l'option «&nbsp;Reçu annuel&nbsp;». Pour un exemple «&nbsp;Lien à venir&nbsp;».<br>
  
|
+
'''NOTE&nbsp;:''' Il est fortement conseillé de toujours cocher cette case pour que tous les donateurs puissent recevoir un reçu si désiré.<br>  
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Si cette case est cochée, un calendrier sera disponible dans le formulaire à côté du champ en <span style="color: rgb(255, 0, 0);">'''E'''</span> pour sélectionner la date de début désirée.<br>  
 
  
 +
'''ATTENTION&nbsp;:''' Si l'activité à laquelle le formulaire est attribué est configurée pour ne pas produire de reçus, la case n'apparaîtra pas dans le formulaire, même si cette dernière est cochée.
 
|-
 
|-
|  
+
| colspan="2" |
<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> Permet de spécifier des choix pour le champ en <span style="color: rgb(255, 0, 0);">'''E'''</span>. Dans cet exemple, le donateur pourra débuter son engagement seulement au 1er jour du mois et au 15e jour du mois.<br>  
+
==== Sous-onglet «&nbsp;Fréquences&nbsp;» ====
 
+
|-
|  
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 017.png]]
<span style="color: rgb(255, 0, 0);">'''J&nbsp;:'''</span> Le bouton [[Image:Bouton Ajouter.png]] permet d'ajouter un nouveau choix de jour en <span style="color: rgb(255, 0, 0);">'''I'''</span>.<br>  
+
|-
 
+
|<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il s'agit la liste des fréquences qui seront disponible pour les engagements.
 +
|<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Bouton Ajouter.png]] permet d'ajouter des fréquences en <span style="color: rgb(255, 0, 0);">'''A'''</span>.
 +
|-
 +
|<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier fréquence de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour modifier une fréquence, sélectionner la fréquence à modifier, puis cliquer sur le bouton [[Image:Bouton Modifier.png]].
 +
|<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png]] permet de supprimer une fréquence de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour supprimer une fréquence, sélectionner la fréquence à supprimer, puis cliquer sur le bouton [[Image:Bouton Retirer.png]].
 
|-
 
|-
|  
+
| colspan="2" |<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Le bouton [[Image:Petit Bouton Dupliquer.png]] permet de dupliquer toutes les fréquences d'engagement d'un autre formulaire Web pour les ajouter en <span style="color: rgb(255, 0, 0);">'''A'''</span>.
<span style="color: rgb(255, 0, 0);">'''K&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier les choix de jour en <span style="color: rgb(255, 0, 0);">'''I'''</span>. Pour ce faire, sélectionner le jour à modifier en <span style="color: rgb(255, 0, 0);">'''I'''</span>, puis cliquer sur le bouton [[Image:Bouton Modifier.png]].<br>
 
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''L&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png]] permet de supprimer des choix de jour en <span style="color: rgb(255, 0, 0);">'''I'''</span>. Pour ce faire, sélectionner le jour à supprimer en <span style="color: rgb(255, 0, 0);">'''I'''</span>, puis cliquer sur le bouton [[Image:Bouton Retirer.png]].<br>
 
 
 
 
|-
 
|-
| colspan="2" |  
+
| colspan="2" |
<span style="color: rgb(255, 0, 0);">'''M&nbsp;:'''</span> L'onglet «&nbsp;Note&nbsp;» permet d'ajouter une note sous la fréquence lorsqu'elle est choisie dans le formulaire. Pour un exemple de note sous la fréquence, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''G'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_1_de_formulaire_Web|Exemple 1 de formulaire Web]]&nbsp;».
+
===== Modification / consultation d'une fréquence fixe =====
 
 
'''NOTE&nbsp;:''' Pour savoir comment configurer la fenêtre&nbsp;«&nbsp;Ajout d'une note de formulaire&nbsp;», consulter [[ProDon:Création d'un formulaire Web#Onglet_.C2.AB.C2.A0Notes.C2.A0.C2.BB|cette section]].<br>
 
 
 
|}
 
 
 
<br>
 
 
 
=== Onglet «&nbsp;Listes&nbsp;»<br>  ===
 
 
 
Cet onglet permet de configurer les listes à choix prédéfinis du formulaire.
 
 
 
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 022.png]]<br>
+
| 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.
 
|-
 
|-
| width="50%" |  
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 018.png]]<br>
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> L'onglet «&nbsp;Pays et provinces&nbsp;» permet de modifier les choix de pays et de provinces qui seront disponibles lorsqu'un donateur complètera le formulaire.  
 
 
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> L'onglet «&nbsp;Appellations&nbsp;» permet de modifier les choix d'appellations qui seront disponibles lorsqu'un donateur complètera le formulaire.
 
 
 
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Libellé de la fréquence d'engagement qui apparaîtra dans le formulaire Web, en français et en anglais.
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> L'onglet «&nbsp;Type de voie&nbsp;» permet de modifier les choix de type de voie (ex.&nbsp;: rue, avenue, place, etc.) qui seront disponibles lorsqu'un donateur complètera le formulaire.  
+
|<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Cocher la case pour créer une fréquence fixe.
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> L'onglet «&nbsp;Point de remise&nbsp;» permet de modifier les choix de point de remise (ex.&nbsp;: appartement, local, suite, etc.) qui seront disponibles lorsqu'un donateur complètera le formulaire.<br>
 
 
 
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Fréquence : Permet de choisir à quelle fréquence le donateur fera ses versements. Par exemple une fois par mois ou deux fois par mois.
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Il s'agit de la liste des pays que le donateur pourra choisir lorsqu'il complètera le formulaire.<br>
+
|<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Date de début : Les versements de l'engagement débuteront à cette date. La date de début inscrite ici ne pourra pas être modifié par le donateur.
 
+
'''NOTE :''' Si la case «&nbsp;Date de début&nbsp;»  est cochée en <span style="color: rgb(255, 0, 0);">'''J'''</span>, il faudra inscrire la date de début désirée.
|  
 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Le bouton [[Image:Bouton Ajouter.png]] permet d'ajouter un pays à la liste en <span style="color: rgb(255, 0, 0);">'''E'''</span>.&nbsp;
 
 
 
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Montant du versement : Ce que l'internaute donnera à chacun de ses versements. Le montant inscrit ne pourra pas être modifier par le donateur.
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Le bouton [[Image:Bouton ajouter tous.png]] permet d'ajouter à la liste en <span style="color: rgb(255, 0, 0);">'''E'''</span> tous les pays existants dans '''''ProDon'''''.  
+
'''NOTE :''' Si la case «&nbsp;Montant du versement&nbsp;» est cochée en <span style="color: rgb(255, 0, 0);">'''J'''</span>, il faudra inscrire le montant qui sera forcé.
 
+
|<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Objectif : Le montant total que le donateur donnera en tout à la fin de son engagement.
|  
+
'''NOTE :''' Si la case «&nbsp;Objectif&nbsp;» est cochée en <span style="color: rgb(255, 0, 0);">'''J'''</span>, il faudra inscrire le montant de l'objectif qui sera forcé.
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier un pays de la liste en <span style="color: rgb(255, 0, 0);">'''E'''</span>. Pour ce faire, sélectionner le pays à modifier, puis cliquer sur le bouton [[Image:Bouton Modifier.png]].  
 
 
 
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Nombre de versements : Le nombre de versements pour compléter l'engagement. Le nombre inscrit ici ne sera pas modifiable par le donateur.
<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span>&nbsp;Le bouton [[Image:Petit Bouton Dupliquer.png]] permet de dupliquer les pays d'un autre formulaire pour les ajouter en <span style="color: rgb(255, 0, 0);">'''E'''</span>.  
+
'''NOTE :''' Si la case  «&nbsp;Nombre de versement(s) / Date de fin&nbsp;» est cochée en <span style="color: rgb(255, 0, 0);">'''J'''</span>, il faudra forcer soit la date de fin ou le nombre de versements que le donateur devra faire.  
 
+
Si vous avez un objectif d'entré et que vous entrez un nombre de versement, la date de fin s’inscrit automatiquement, l'inverse est aussi vrai, si vous inscrivez une date de fin le nombres de versement se calculera automatiquement.
|  
+
|<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Date de fin : Les versements de l'engagement termineront à cette date. La date de fin inscrite ici ne pourra pas être modifié par le donateur.
<span style="color: rgb(255, 0, 0);">'''J&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png]] permet de supprimer un pays de la liste en <span style="color: rgb(255, 0, 0);">'''E'''</span>. Pour ce faire, sélectionner le pays à supprimer, puis cliquer sur le bouton [[Image:Bouton Retirer.png]].  
+
'''NOTE :''' Si la case  «&nbsp;Nombre de versement(s) / Date de fin&nbsp;» est cochée en <span style="color: rgb(255, 0, 0);">'''J'''</span>, il faudra forcer soit la date de fin ou le nombre de versements que le donateur devra faire.
  
 +
Si vous avez un objectif d'entré et que vous entrez un nombre de versement, la date de fin s’inscrit automatiquement, l'inverse est aussi vrai, si vous inscrivez une date de fin le nombres de versement se calculera automatiquement.
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> Afficher un calendrier : Dans le cas d'un fréquence fixe, si la case est cochée, il sera possible de forcer une date de début en <span style="color: rgb(255, 0, 0);">'''D'''</span>, dans le cas qu'il n'y a pas de date de début forcé, l'internaute pourra choisir une date dans le calendrier à sa guise. Si elle n'est pas coché, en  <span style="color: rgb(255, 0, 0);">'''K'''</span>. l'onglet «&nbsp;Journée&nbsp;» sera disponible et il sera possible de choisir la journée de la semaine à laquelle le versement du donateur sera fait.
<span style="color: rgb(255, 0, 0);">'''K&nbsp;:'''</span> Le bouton [[Image:Bouton efface.png]] permet de supprimer tous les pays de la liste en <span style="color: rgb(255, 0, 0);">'''E'''</span>.  
+
|<span style="color: rgb(255, 0, 0);">'''J&nbsp;:'''</span> Informations fixes : Cocher les éléments que le donateur ne pourra pas modifier.
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''L&nbsp;:'''</span> Il s'agit de la liste des provinces que le donateur pourra choisir lorsqu'il complètera le formulaire.  
 
 
 
'''NOTE&nbsp;:''' Même si le formulaire est seulement en français, les noms anglais des provinces s'ajoutent automatiquement. Cependant, lorsqu'un internaute complète le formulaire français en ligne, seules les provinces cochées «&nbsp;Français&nbsp;» sont disponibles.  
 
 
 
 
|-
 
|-
|  
+
| colspan="2" |<span style="color: rgb(255, 0, 0);">'''K&nbsp;:'''</span> Onglet «&nbsp;Date&nbsp;» permet de limité les dates de versements à des dates précises, par exemple tout les premiers du mois.
<span style="color: rgb(255, 0, 0);">'''M&nbsp;:'''</span> Le bouton [[Image:Bouton plus moins.png]] permet d'afficher ou pas la province dans le formulaire.
+
'''NOTE :''' L'onglet n'est que disponible quand la date de début en <span style="color: rgb(255, 0, 0);">'''D'''</span> est vide et que «&nbsp;Date de début&nbsp;» n'est pas coché en <span style="color: rgb(255, 0, 0);">'''J'''</span>.
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''N&nbsp;:'''</span> Le bouton [[Image:Bouton crochet dans rond.png]] permet de modifier la province par défaut spécifiée dans la liste en <span style="color: rgb(255, 0, 0);"><span style="font-weight: bold;">L</span></span>.<br>
 
  
|}
+
Onglet «&nbsp;Journée&nbsp;» permet de choisir une journée de la semaine où le versement sera fait.
  
<br>  
+
'''NOTE :''' L'onglet n'est que disponible quand la case en <span style="color: rgb(255, 0, 0);">'''I'''</span> «&nbsp;Afficher un calendrier&nbsp;» n'est pas cocher.
  
==== Ajout d'un pays  ====
+
Onglet «&nbsp;Note&nbsp;» permet d'ajouter des notes pour chacune des fréquences créées.
 
 
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
 
 
|-
 
|-
| colspan="2" |  
+
| colspan="2" |
Après avoir cliqué sur le bouton [[Image:Bouton Ajouter.png]] ou double-cliqué sur un pays de la liste en <span style="color: rgb(255, 0, 0);">'''E'''</span> de [[ProDon:Création d'un formulaire Web#Onglet_.C2.AB.C2.A0Listes.C2.A0.C2.BB|cette fenêtre]], la fenêtre suivante s'ouvre.
+
===== Modification / consultation d'une fréquence non fixe =====
 
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 023.png]]
+
| 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.
 
|-
 
|-
| width="50%" |  
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 019.png]]<br>
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Choisir le pays à ajouter à la liste en <span style="color: rgb(255, 0, 0);">'''E'''</span> de [[ProDon:Création d'un formulaire Web#Onglet_.C2.AB.C2.A0Listes.C2.A0.C2.BB|cette fenêtre]].<br>
 
 
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Cette option est disponible uniquement si aucun mode de paiement instantanné n'est utilisé dans le formulaire ou s'il s'agit d'un formulaire client. Si un mode de paiement instantanné est utilisé, le pays doit être obligatoirement spécifié.<br>  
 
 
 
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Libellé de la fréquence d'engagement qui apparaîtra dans le formulaire Web, en français et en anglais.
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Permet d'indiquer que le pays en <span style="color: rgb(255, 0, 0);">'''A'''</span> sera le pays qui apparaîtra par défaut dans le formulaire Web.<br>
+
|<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Laissé la case décochée pour créer une fréquence non fixe.
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Permet d'indiquer les libellés français et anglais pour les pays.<br>
 
 
 
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Fréquence : Permet de choisir à quelle fréquence le donateur fera ses versements. Par exemple une fois par mois ou deux fois par mois.
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Le bouton [[Image:Bouton modifier les libellés.png]] permet de configurer les libellés du pays en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour plus d'informations sur les libellés, consulter le document «&nbsp;[[ProDon:Configuration des libellés|Configuration des libellés]]&nbsp;».
+
|<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span>  Afficher un calendrier : Si la case est cochée, l'internaute pourra choisir une date dans le calendrier à sa guise. Si elle n'est pas coché, en <span style="color: rgb(255, 0, 0);">'''E'''</span>. l'onglet « Journée » sera disponible et il sera possible de choisir la journée de la semaine à laquelle le versement du donateur sera fait.
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Permet d'afficher ou non le champ «&nbsp;Province&nbsp;» dans le formulaire Web.<br>
 
 
 
 
|-
 
|-
|  
+
| colspan="2" |<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Onglet «&nbsp;Date&nbsp;» permet de limité les dates de versements à des dates précises, par exemple tout les premiers du mois.
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Permet d'afficher l'adresse dans une seule boîte ou dans des boîtes séparées, par exemple, une boîte pour le numéro civique, une autre pour le nom de la rue, etc.  
+
'''NOTE :''' L'onglet n'est que disponible quand la case en <span style="color: rgb(255, 0, 0);">'''I'''</span> «&nbsp;Afficher un calendrier&nbsp;» n'est pas cocher.
 +
Onglet «&nbsp;Journée&nbsp;» permet de choisir une journée de la semaine où le versement sera fait.
  
|
+
'''NOTE :''' L'onglet n'est que disponible quand la case en <span style="color: rgb(255, 0, 0);">'''I'''</span> «&nbsp;Afficher un calendrier&nbsp;» n'est pas cocher.
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Permet d'afficher ou non le champ «&nbsp;Code postal&nbsp;» dans le formulaire Web.<br>
 
 
 
|-
 
|
 
<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> Permet d'afficher ou non le champ «&nbsp;Cedex&nbsp;» dans le formulaire Web (cette option est utilisée principalement en Europe).<br>
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''J&nbsp;:'''</span> Ces options s'inscrivent automatiquement en choisissant un pays en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Il s'agit des configurations du pays.<br>
 
  
 +
Onglet «&nbsp;Note&nbsp;» permet d'ajouter des notes pour chacune des fréquences créées.
 
|}
 
|}
 
+
=== Onglet «&nbsp;Listes&nbsp;» ===
<br>
+
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
+
| colspan="2" |
=== Onglet «&nbsp;Paiement&nbsp;»<br>  ===
+
==== Sous-onglet «&nbsp;Pays&nbsp;» ====
 
+
Cette liste permet de choisir les pays à afficher dans les formulaires Web pour les adresses des donateurs.
Cet onglet permet de choisir les modes de paiement que les donateurs pourront utiliser.
 
 
 
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 024.png]]<br>
+
| colspan="2" | [[Fichier:ProDon5 Création d'un formulaire web 020.png]]<br>
 
|-
 
|-
 
| width="50%" |  
 
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il s'agit des modes de paiement disponibles aux donateurs pour effectuer leur don.<br>
+
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Le bouton «&nbsp;Activer la multisélection&nbsp;» si ce bouton est orange vous pourrez sélectionner plusieurs pays à la fois.  
  
 
| width="50%" |  
 
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Bouton Ajouter.png]] permet d'ajouter des nouveaux modes de paiement à la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>.<br>  
+
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Liste des pays.  
 
+
|-
'''NOTE&nbsp;:''' Pour pouvoir ajouter un mode de paiement ici, il doit avoir été préalablement créé à partir de la «&nbsp;[[ProDon:Gestion des modes de paiement|Gestion des modes de paiement]]&nbsp;».<br>
+
|<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> La colonne «&nbsp;Affiche&nbsp;», si un élément est coché, il sera disponible dans la liste des pays du formulaire Web.
 
+
|<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> La colonne «&nbsp;Défaut&nbsp;», si un élément est coché, il sera le choix par défaut dans la liste des pays du formulaire Web.
 
|-
 
|-
|  
+
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier un mode de paiement de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner le mode de paiement à modifier en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Modifier.png]].<br>
+
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Le bouton [[Fichier:Bouton gros crochet.png]] permet d'ajouter tous les pays filtrés.
  
|  
+
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png]] permet de supprimer un mode de paiement de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner le mode de paiement à supprimer en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Retirer.png]].<br>
+
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Le bouton [[Fichier:Bouton Crochet ajouter confirmer.png]] permet d'ajouter les pays sélectionnés.  
  
 
|-
 
|-
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Le bouton [[Image:Petit Bouton Dupliquer.png]] permet de dupliquer tous les modes de paiement d'un autre formulaire Web pour les ajouter en <span style="color: rgb(255, 0, 0);">'''A'''</span>.  
+
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Le bouton [[Fichier:Bouton gros X.png]] permet de retirer tous les pays filtrés.  
  
| <br>
+
| <span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Le bouton [[Fichier:Bouton annuler.png]] permet de retirer les pays sélectionnés.
|}
 
 
 
<br>  
 
 
 
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
 
 
|-
 
|-
 
| 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.
+
<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> Le bouton [[Fichier:Bouton crochet dans rond.png]] permet de cocher ou décocher le pays par défaut.
 
+
|-
 +
| colspan="2" |
 +
==== Sous-onglet «&nbsp;Provinces&nbsp;» ====
 +
Cette liste permet de choisir les provinces à afficher dans les formulaires Web pour les adresses des donateurs.
 +
|-
 +
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 021.png]]<br>
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 025.png]]<br>
+
|<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Le bouton «&nbsp;Activer la multisélection&nbsp;» si ce bouton est orange vous pourrez sélectionner plusieurs pays à la fois.
 +
|<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Liste des pays.
 
|-
 
|-
| width="50%" |
+
|<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> La colonne «&nbsp;Affiche&nbsp;», si un élément est coché, il sera disponible dans la liste des provinces du formulaire Web.
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> La liste déroulante permet de choisir un mode de paiement que les donateurs pourront utiliser pour effectuer leur don. Si le mode de paiement désiré n'existe pas dans les choix, il est possible de le créer à partir de la «&nbsp;[[ProDon:Gestion des modes de paiement|Gestion des modes de paiement]]&nbsp;».<br>
+
|<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> La colonne «&nbsp;Défaut&nbsp;», si un élément est coché, il sera le choix par défaut dans la liste des provinces du formulaire Web.
 
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Ce champ permet d'inscrire un libellé pour le nom du mode de paiement en français.<br>
 
 
 
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Le bouton [[Fichier:Bouton gros crochet.png]] permet d'ajouter tous les provinces filtrés.
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Ce champ permet d'inscrire un libellé pour le nom du mode de paiement en anglais.<br>
+
|<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Le bouton [[Fichier:Bouton Crochet ajouter confirmer.png]] permet d'ajouter les provinces sélectionnés.  
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Ce champ permet d'inscrire un message d'autorisation en français. Pour un exemple de message d'autorisation, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''G'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_2_de_formulaire_Web|Exemple 2 de formulaire Web]]&nbsp;».<br>
 
 
 
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Le bouton [[Fichier:Bouton gros X.png]] permet de retirer tous les provinces filtrés.  
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Ce champ permet d'inscrire un message d'autorisation en anglais.<br>
+
|<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Le bouton [[Fichier:Bouton annuler.png]] permet de retirer les provinces sélectionnés.
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Ces cases à cocher permettent de choisir s'il s'agit d'un mode de paiement pour une transaction normale, pour une transaction d'engagement ou pour les deux types de transactions.<br>
 
 
 
 
|-
 
|-
|  
+
| colspan="2" |<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> Le bouton [[Fichier:Bouton crochet dans rond.png]] permet de cocher ou décocher le provinces par défaut.
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> L'onglet «&nbsp;Note&nbsp;» permet d'insérer une note sous le paiement dans le formulaire.&nbsp;Pour savoir comment configurer la fenêtre «&nbsp;Ajout d'une note de formulaire&nbsp;», consulter [[ProDon:Création d'un formulaire Web#Onglet_.C2.AB.C2.A0Notes.C2.A0.C2.BB|cette section]]. Pour un exemple de note sous la section paiement, voir la '''lettre '''<span style="color: rgb(255, 0, 0);"><span style="font-weight: bold;">C</span></span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_3_de_formulaire_Web|Exemple 3 de formulaire Web]]&nbsp;».<br>
 
 
 
|
 
'''NOTE&nbsp;:''' Pour que les clients puissent payer par chèque, utiliser un mode de paiement «&nbsp;En attente&nbsp;». Lors de l'importation, le paiement se retrouvera alors dans l'onglet «&nbsp;À percevoir&nbsp;» de la «&nbsp;[[ProDon:Saisie de transactions|Gestion des transactions]]&nbsp;» et pourra être encaissé lors de la réception du chèque. Ajouter également une note en <span style="color: rgb(255, 0, 0);">'''G'''</span>, mentionnant de libeller le chèque à l'adresse de la fondation. Pour plus de détails concernant le mode de paiement «&nbsp;En attente&nbsp;», consulter le document «&nbsp;[[ProDon:Gestion des modes de paiement|Gestion des modes de paiement]]&nbsp;».<br>
 
 
 
 
|}
 
|}
  
<br>
+
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 +
| colspan="2" |
 +
=== Onglet «&nbsp;Personnalisations&nbsp;» ===
 +
Cet onglet permet de créer des caractéristiques qui seront ajoutées dans différentes sections du formulaire Web et ensuite importées dans '''''Prodon''''' lors de l'[[ProDon:Importation des dons|importation]].
  
=== Onglet «&nbsp;Personnalisations&nbsp;»<br>  ===
+
Pour savoir comment configurer les caractéristiques, consulter [[ProDon:Configuration des personnalisations d'un formulaire Web|ce document]].
 
+
|-
Cet onglet permet de créer des caractéristiques qui seront ajoutées aux fiches des donateurs dans '''''ProDon''''' lors de l'[[ProDon:Importation des dons|importation]].<br>
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 022.png]]
 
 
Pour savoir comment configurer les personnalisations d'un formulaire Web, consulter [[ProDon:Configuration des personnalisations d'un formulaire Web|ce document]].  
 
 
 
<br>
 
 
 
=== Onglet «&nbsp;Notes&nbsp;»<br>  ===
 
 
 
Cet onglet permet d'insérer des notes dans le formulaire.  
 
 
 
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 026.png]]<br>
+
|<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Toutes les caractéristiques qui ont été ajoutées au formulaire.
 +
|<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Bouton Ajouter.png|lien=http://wikifr.logilys.com/index.php/Fichier:Bouton_Ajouter.png]] permet d'ajouter une nouvelle caractéristique au formulaire.
 
|-
 
|-
| width="50%" |  
+
|<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png|lien=http://wikifr.logilys.com/index.php/Fichier:Bouton_Modifier.png]] permet de modifier une caractéristique de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner la note à modifier en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Modifier.png|lien=http://wikifr.logilys.com/index.php/Fichier:Bouton_Modifier.png]].
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il s'agit de toutes les notes qui ont été ajoutées au formulaire.<br>
+
|<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png|lien=http://wikifr.logilys.com/index.php/Fichier:Bouton_Retirer.png]] permet de supprimer une caractéristique de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner la caractéristique à supprimer en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton&nbsp;[[Image:Bouton Retirer.png|lien=http://wikifr.logilys.com/index.php/Fichier:Bouton_Retirer.png]]. 
 
 
| width="50%" |  
 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Bouton Ajouter.png]] permet d'ajouter une nouvelle note au formulaire.<br>  
 
 
 
 
|-
 
|-
|  
+
| colspan="2" |<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Le bouton [[Image:Bouton efface.png|lien=http://wikifr.logilys.com/index.php/Fichier:Bouton_efface.png]] permet de supprimer toutes les caractéristiques de cette section du formulaire.
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier une note de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner la note à modifier en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Modifier.png]].<br>
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png]] permet de supprimer une note de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner la note à supprimer en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton&nbsp;[[Image:Bouton Retirer.png]].  
 
 
 
 
|-
 
|-
|  
+
| colspan="2" |
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Le bouton [[Image:Bouton efface.png]] permet de supprimer toutes les notes du formulaire.<br>
+
==== Les sous-onglets de personalisation ====
 
+
===== «&nbsp;Section client&nbsp;» =====
|
+
Les caractéristiques de la section client documentent des informations supplémentaires sur vos donateurs 
'''NOTE&nbsp;:''' Les notes qui ont été créées à partir de différents onglets de la gestion des formulaires Web apparaissent également ici.
 
 
 
|}
 
 
 
<br>
 
 
 
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
 
 
|-
 
|-
| colspan="2" |  
+
| colspan="2" |Dans les sous-onglets, après avoir cliqué sur le bouton [[Image:Bouton Ajouter.png|lien=http://wikifr.logilys.com/index.php/Fichier:Bouton_Ajouter.png]] ou sur le bouton&nbsp;[[Image:Bouton Modifier.png|lien=http://wikifr.logilys.com/index.php/Fichier:Bouton_Modifier.png]], la fenêtre suivante s'ouvre. 
Après avoir cliqué sur le bouton [[Image:Bouton Ajouter.png]] ou sur le bouton&nbsp;[[Image:Bouton Modifier.png]], la fenêtre suivante s'ouvre.  
 
  
 +
===== «&nbsp;Informations&nbsp;» =====
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 027.png]]<br>
+
| colspan="2" | [[Fichier:ProDon5 Création d'un formulaire web 023.png]]<br>
 
|-
 
|-
 
| width="50%" |  
 
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Ce champ permet d'inscrire le texte français de la note.  
+
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Si la case «&nbsp;Afficher&nbsp;» est cochée, la caractéristique choisie s'affichera dans le formulaire Web.  
  
 
| width="50%" |  
 
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Ce champ permet d'inscrire le texte anglais de la note.  
+
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Choisir la caractéristique, soit dans le menu déroulant, soit en cliquant le bouton [[Fichier:Bouton Selection 3 petits points.png]].  
  
 +
'''NOTE :''' Il est possible de créer une nouvelle caractéristique en utilisant le bouton  [[Fichier:Bouton Selection 3 petits points.png]].
 +
|-
 +
|<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> '''Libellé''' (Français et Anglais) : Texte qui s'affichera pour documenter la caractéristique.
 +
|<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le groupe permet de regrouper les caractéristiques ensemble, le nom du groupe servira de titre à la section.
 
|-
 
|-
 
| width="50%" |  
 
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Ce menu apparaît en faisant un clic-droit dans le champ en <span style="color: rgb(255, 0, 0);">'''A'''</span> ou en <span style="color: rgb(255, 0, 0);">'''B'''</span>. Il permet d'insérer des images ou des liens hypertextes dans la note.<br>
+
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Association (Importation)
  
 
| width="50%" |  
 
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton [[Image:Bouton changer couleur.png]] permet de modifier la couleur de la police de la note. Le bouton [[Image:Bouton modifier police petit.png]] permet de modifier la police de la note.<br>
+
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> '''Positionnement :''' il y a 3 positions possible pour les caractéristiques.
 +
 
 +
'''Dans la section confirmation :''' La caractéristique se retrouvera dans la section de confirmation / paiement. 
 +
 
 +
'''Dans la section identification :''' La caractéristique se retrouvera dans la section d'informations personnelles.  
  
|-
+
'''Dans la section informations supplémentaires :''' La caractéristique se retrouvera dans une section sous les informations personnelles.
|
 
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Le champ «&nbsp;Position&nbsp;» permet de choisir dans quelle section du formulaire insérer la note. L'en-tête et le pied de page sont disponibles ainsi que quelques sections du formulaire.<br>
 
  
|
+
'''NOTE :''' Cliquez ici, pour visualiser les différentes possibilités de positionnement.  
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Ce champ dépend du choix fait en <span style="color: rgb(255, 0, 0);">'''E'''</span>. Dans cet exemple, la note s'insèrera sous la question «&nbsp;Désirez-vous emprunter une voiturette?&nbsp;».  
 
  
 
|-
 
|-
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Ce champ permet de choisir l'alignement de la note.
+
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> '''Nombre de caractère maximum :''' Selon le type de caractéristique, il est possible de limiter le nombre de caractères  
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Ce champ permet de choisir si la note doit apparaître seulement sur le formulaire Web, seulement sur le sommaire ou bien sur les deux.
 
 
 
|}
 
 
 
<br>
 
 
 
=== Onglet «&nbsp;Courriel&nbsp;»<br> ===
 
 
 
Cet onglet permet de composer les courriels qui seront envoyés aux donateur automatiquement une fois qu'un don sera effectué.
 
  
Il est possible de composer des courriels français et anglais pour les transactions de don unique et pour les transactions d'engagement.  
+
|  <span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> '''Lecture seule :''' Si la case est cochée, la caractéristique ne sera pas éditable pour l'internaute.
 
 
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 028.png]]<br>
+
| <span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> '''Valeur obligatoire :''' Si la case est cochée, l'internaute devra absolument entrer une valeur. 
 +
|<span style="color: rgb(255, 0, 0);">'''J&nbsp;:'''</span> '''Utiliser une liste de choix :''' Si la caractéristique est soit une «&nbsp;liste de choix prédéfinis&nbsp;» ou une «&nbsp;liste de choix&nbsp;», il sera possible, en cochant cette case, de faire apparaître sous forme de menu déroulant. [[ProDon:Création d'un formulaire Web#Utiliser une liste de choix ou des boutons radio|Cliquer ici pour un exemple]] voir lettre '''B''' de ce dernier.
 
|-
 
|-
| width="50%" |
+
|<span style="color: rgb(255, 0, 0);">'''K&nbsp;:'''</span> '''Utiliser des boutons radio :'''  Si la caractéristique est une «&nbsp;liste de choix prédéfinis&nbsp;» ou «&nbsp;liste de choix&nbsp;», il sera possible, en cochant cette case, de faire apparaître sous forme de bouton radio.  [[ProDon:Création d'un formulaire Web#Utiliser une liste de choix ou des boutons radio|Cliquer ici pour un exemple]] voir lettre '''C''' de ce dernier.
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> L'onglet «&nbsp;Français&nbsp;» permet de composer les courriels français pour les transactions et les engagements.<br>
+
|<span style="color: rgb(255, 0, 0);">'''L&nbsp;:'''</span> '''Utiliser une liste de choix multiples :'''  Si la caractéristique est une «&nbsp;liste de choix prédéfinis&nbsp;» ou «&nbsp;liste de choix&nbsp;» et que la case «&nbsp;Permettre une seule valeur par enregistrement&nbsp;» n'est pas cochée, il sera possible, en cochant cette case, de la faire apparaître sous forme de cases à cocher. [[ProDon:Création d'un formulaire Web#Utiliser une liste de choix ou des boutons radio|Cliquer ici pour un exemple]] voir lettre '''D''' de ce dernier.
 
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> L'onglet «&nbsp;Anglais&nbsp;» permet de composer les courriels anglais pour les transactions et les engagements.  
 
 
 
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''M&nbsp;:'''</span> '''Afficher sur une colonne :'''  Si la caractéristique est une «&nbsp;liste de choix prédéfinis&nbsp;» ou «&nbsp;liste de choix&nbsp;», il sera possible, en cochant cette case, de la faire apparaître sous forme de cases à cocher placées une en dessous de l'autre. [[ProDon:Création d'un formulaire Web#Utiliser une liste de choix ou des boutons radio|Cliquer ici pour un exemple]] voir lettre '''D''' de ce dernier.
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> L'onglet «&nbsp;Transaction&nbsp;» permet de composer le courriel qui sera envoyé aux donateurs qui auront effectué une transaction normale.<br>
+
|<span style="color: rgb(255, 0, 0);">'''N&nbsp;:'''</span> '''Afficher sur deux colonnes :'''  Si la caractéristique est une «&nbsp;liste de choix prédéfinis&nbsp;» ou «&nbsp;liste de choix&nbsp;», il sera possible, en cochant cette case, de la faire apparaître sous forme de cases à cocher placées sur deux colonnes. [[ProDon:Création d'un formulaire Web#Utiliser une liste de choix ou des boutons radio|Cliquer ici pour un exemple]] voir lettre '''C''' de ce dernier.
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> L'onglet «&nbsp;Engagement&nbsp;» permet de composer le courriel qui sera envoyé aux donateurs qui auront effectué une transaction d'engagement.<br>
 
 
 
 
|-
 
|-
|  
+
| colspan="2" |<span style="color: rgb(255, 0, 0);">'''O&nbsp;:'''</span> '''Afficher la personnalisation dans le courriel de confirmation :''' Si la case est cochée, l'internaute verra les personnalisations dans le courriel de confirmation.
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Ce champ permet d'inscrire l'objet du courriel.<br>
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Ce champ permet d'inscrire l'adresse à laquelle les donateurs pourront répondre.<br>
 
 
 
 
|-
 
|-
|  
+
| colspan="2" |
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Ce champ permet de spécifier le nom de la personne ou le nom de l'entreprise à qui le courriel pourra être retourné.<br>
+
===== «&nbsp;Choix&nbsp;» =====
 
+
Disponible si la caractéristique est une «&nbsp;liste de choix prédéfinis&nbsp;» ou «&nbsp;liste de choix&nbsp;»
|
 
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Ce champ permet d'inscrire une adresse qui recevra tous les courriels de remerciement en copie conforme invisible.
 
 
 
 
|-
 
|-
|  
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 024.png]]<br>
<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> Il s'agit du courriel de remerciement pour une transaction normale.
 
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''J&nbsp;:'''</span> Ce menu apparaît en faisant un clic-droit dans le champ en <span style="color: rgb(255, 0, 0);">'''I'''</span>. Il permet d'insérer des champs, des images et des liens hypertextes dans le courriel.<br>  
 
 
 
|}
 
 
 
<br>
 
 
 
=== Onglet «&nbsp;Affichage&nbsp;»<br>  ===
 
 
 
Cet onglet permet de personnaliser l'apparence du formulaire.
 
 
 
==== Onglet «&nbsp;Options&nbsp;»  ====
 
 
 
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 029.png]]<br>
+
|<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Tous les choix de la caractéristiques qui ont été ajoutées au formulaire.
 +
|<span style="color: rgb(255, 0, 0);">'''B'''</span><span style="color: rgb(255, 0, 0);">'''&nbsp;:'''</span> Le bouton [[Image:Bouton Ajouter.png|lien=http://wikifr.logilys.com/index.php/Fichier:Bouton_Ajouter.png]] permet d'ajouter un nouveau choix à la personnalisation du formulaire.
 
|-
 
|-
| width="50%" |
+
|<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png|lien=http://wikifr.logilys.com/index.php/Fichier:Bouton_Modifier.png]] permet de modifier une caractéristique de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner la note à modifier en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Modifier.png|lien=http://wikifr.logilys.com/index.php/Fichier:Bouton_Modifier.png]].
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Permet de choisir de mettre les coins supérieurs ronds ou carrés. Pour un exemple de coins carrés, voir la '''lettre '''<span style="color: rgb(255, 0, 0);"><span style="font-weight: bold;">D</span></span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_3_de_formulaire_Web|Exemple 3 de formulaire Web]]&nbsp;». Pour un exemple de coins ronds, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''I'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_1_de_formulaire_Web|Exemple 1 de formulaire Web]]&nbsp;».<br>
+
|<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png|lien=http://wikifr.logilys.com/index.php/Fichier:Bouton_Retirer.png]] permet de supprimer une caractéristique de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner la caractéristique à supprimer en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton&nbsp;[[Image:Bouton Retirer.png|lien=http://wikifr.logilys.com/index.php/Fichier:Bouton_Retirer.png]]. 
 
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Permet de choisir d'afficher un ombrage sur l'arrière-plan. Pour un exemple d'arrière-plan avec un ombrage, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''B'''</span> de la section «&nbsp;[[ProDon:Configuration de la page d'accueil et du site Web#Exemple_de_page_d.27accueil|Exemple de page d'accueil]]&nbsp;» du document «&nbsp;[[ProDon:Configuration de la page d'accueil et du site Web|Configuration de la page d'accueil et du site Web]]&nbsp;».  
 
 
 
 
|-
 
|-
|  
+
| colspan="2" |<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Le bouton [[Fichier:Bouton actualiser.png]] permet de mettre à jour la liste de choix en <span style="color: rgb(255, 0, 0);">'''A'''</span> si la caractéristique a été modifié dans la gestion des caractéristiques. [[ProDon:Gestion des caractéristiques|Cliquer ici pour plus la gestion des caractéristiques]].
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Permet d'afficher les informations des donateurs sur une ou plusieurs colonnes. Pour un exemple d'informations affichées sur plusieurs colonnes, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''J'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_1_de_formulaire_Web|Exemple 1 de formulaire Web]]&nbsp;». Pour un exemple d'informations affichées sur une colonne, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''J'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_2_de_formulaire_Web|Exemple 2 de formulaire Web]]&nbsp;».
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Permet de choisir comment afficher le logo et le titre dans le haut du formulaire.<br>
 
 
 
'''NOTE&nbsp;:''' Il est également possible d'insérer un bandeau dans l'en-tête du formulaire Web ou de la page d'accueil plutôt que d'insérer un titre et un logo. Pour ce faire, sélectionner l'option «&nbsp;Afficher seulement le logo suivi d'un espace&nbsp;» ou «&nbsp;Afficher seulement le logo sans espace&nbsp;», puis choisir l'image du bandeau en <span style="color: rgb(255, 0, 0);">'''D'''</span>. Pour un exemple de bandeau, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''M'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_3_de_formulaire_Web|Exemple 3 de formulaire Web]]&nbsp;».  
 
 
 
 
|-
 
|-
|  
+
| colspan="2" |Après avoir cliqué sur le bouton [[Image:Bouton Ajouter.png|lien=http://wikifr.logilys.com/index.php/Fichier:Bouton_Ajouter.png]] ou sur le bouton&nbsp;[[Image:Bouton Modifier.png|lien=http://wikifr.logilys.com/index.php/Fichier:Bouton_Modifier.png]], la fenêtre suivante s'ouvre. 
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Permet d'insérer le logo français qui se trouvera dans l'en-tête du formulaire.
 
 
 
Le bouton [[Image:Bouton afficher le logo.png]] permet de visualiser le logo qui se trouve dans le haut du formulaire français.
 
 
 
Le bouton [[Image:Bouton autre logo.png]] permet de modifier le logo qui se trouve dans le haut du formulaire français.<br>
 
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Permet d'insérer le logo anglais qui se trouvera dans l'en-tête du formulaire.<br>
 
 
 
Le bouton [[Image:Bouton afficher le logo.png]] permet de visualiser le logo qui se trouve dans le haut du formulaire anglais.<br>
 
 
 
Le bouton [[Image:Bouton autre logo.png]] permet de modifier le logo qui se trouve dans le haut du formulaire anglais.<br>
 
 
 
 
|-
 
|-
| colspan="2" |  
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 025.png]]  
'''NOTE&nbsp;:''' Un bandeau doit être enregistré avec 820 pixels de large avant d'être inséré pour qu'il ait la même largeur que le formulaire Web ou que la page d'accueil. Pour un logo, la dimension n'a pas d'importance à l'enregistrement, puisqu'elle peut être ajustée en <span style="color: rgb(255, 0, 0);">'''D'''</span> et en <span style="color: rgb(255, 0, 0);">'''E'''</span>. La hauteur recommandée est 68 pixels.<br>
 
 
 
|}
 
 
 
<br>
 
 
 
==== Onglet «&nbsp;Aperçu&nbsp;»  ====
 
 
 
===== Onglet «&nbsp;Général&nbsp;» =====
 
 
 
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 030.png]]<br>
+
|<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> '''Valeur :''' La valeur prédéfinie provenant de la gestion des caractéristiques.
 +
|<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> '''Libellé''' (Français et Anglais) : Texte qui s'affichera pour documenter la caractéristique, il peut être différent de la valeur pour faciliter la compréhension de l'internaute.
 
|-
 
|-
| width="50%" |  
+
| colspan="2" |<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Si la case «&nbsp;Voir sur le formulaire&nbsp;» est cochée, la valeur de la caractéristique choisie sera disponible parmi les choix de réponses sur le formulaire Web.
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Le bouton [[Image:Bouton changer couleur.png]] permet de modifier la couleur de la marge du formulaire. Pour un exemple de marge, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''A'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_3_de_formulaire_Web|Exemple 3 de formulaire Web]]&nbsp;».<br>
 
 
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Bouton changer couleur.png]] permet de modifier la couleur de l'arrière-plan du formulaire. Pour un exemple d'arrière-plan, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''B'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_3_de_formulaire_Web|Exemple 3 de formulaire Web]]&nbsp;».<br>
 
 
 
 
|-
 
|-
|  
+
| colspan="2" |
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le bouton [[Image:Bouton changer couleur.png]] permet de modifier la couleur du contour de la boîte active. Pour un exemple de contour de boîte active, voir la '''lettre '''<span style="color: rgb(255, 0, 0);"><span style="font-weight: bold;">H</span></span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_2_de_formulaire_Web|Exemple 2 de formulaire Web]]&nbsp;».<br>
+
===== «&nbsp;Validation et activation&nbsp;» =====
 
+
Si la personnalisation est de type texte, la fenêtre sera comme ci-dessous, par contre s'il s'agit d'une liste de choix, il y a moins d'options disponibles.
|
 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton [[Image:Bouton changer couleur.png]] permet de modifier la couleur du contour des boîtes inactives. Pour un exemple de contour de boîte inactive, voir la '''lettre '''<span style="color: rgb(255, 0, 0);"><span style="font-weight: bold;">I</span></span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_2_de_formulaire_Web|Exemple 2 de formulaire Web]]&nbsp;».<br>
 
 
 
|}
 
 
 
<br>
 
 
 
===== Onglet «&nbsp;Libellé&nbsp;»  =====
 
 
 
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 031.png]]<br>
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 026.png]]
 
|-
 
|-
| width="50%" |
+
|<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> '''Valeur par défaut :''' Une valeur suggérée pour l'internaute.
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Le bouton [[Image:Bouton changer couleur.png]] permet de modifier la couleur de la police du titre du formulaire. Le bouton [[Image:Bouton modifier police petit.png]] permet de modifier la police du titre. Pour un exemple de titre de formulaire, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''K'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_1_de_formulaire_Web|Exemple 1 de formulaire Web]]&nbsp;».  
+
|<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> '''Cette personnalisation est... :''' Si applicable cocher le type de personnalisation qui devra être inscrite.
 
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Bouton changer couleur.png]] permet de modifier la couleur de la police des titres de sections. Le bouton [[Image:Bouton modifier police petit.png]] permet de modifier la police des titres de sections. Pour un exemple de titre de section, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''L'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_1_de_formulaire_Web|Exemple 1 de formulaire Web]]&nbsp;».<br>
 
 
 
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> '''Personnalisation d'activation :''' Permet d'afficher la personnalisation dans le formulaire en fonction de la réponse à une autre personnalisation. Choisir, à l'aide de la flèche déroulante, en fonction de quelle personnalisation celle-ci apparaîtra ou non. Dans cet exemple, le champ s'affichera en fonction de la personnalisation choisie ici et de la réponse spécifiée en <span style="color: rgb(255, 0, 0);">'''D'''</span>.
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le bouton [[Image:Bouton changer couleur.png]] permet de modifier la couleur de la police des libellés des champs standards. Le bouton [[Image:Bouton modifier police petit.png]] permet de modifier la police des libellés des champs standards. Pour un exemple de libellé de champ standard, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''K'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_2_de_formulaire_Web|Exemple 2 de formulaire Web]]&nbsp;».<br>
+
|<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> '''Activé pour :''' Permet de choisir en fonction de quelle réponse le champ s'affichera. Dans cet exemple, si le donateur répond « Autre » à la question en <span style="color: rgb(255, 0, 0);">'''C'''</span>, ce champ s'affichera.
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton [[Image:Bouton changer couleur.png]] permet de modifier la couleur de la police des libellés des champs obligatoires. Le bouton [[Image:Bouton modifier police petit.png]] permet de modifier la police des libellés des champs obligatoires. Pour un exemple de libellé de champ obligatoire, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''L'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_2_de_formulaire_Web|Exemple 2 de formulaire Web]]&nbsp;».<br>
 
 
 
|}
 
 
 
<br>
 
 
 
===== Onglet «&nbsp;Bordure&nbsp;»  =====
 
 
 
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 032.png]]<br>
+
| colspan="2" |<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Permet d'inscrire une valeur à importer, si le donateur qui complète le formulaire répond « Autre » à la question en <span style="color: rgb(255, 0, 0);">'''D'''</span>. Dans cet exemple, si la case « Autre » est cochée, la valeur inscrite sera importée dans '''''Prodon''''' pour ce champ.
 
|-
 
|-
| width="50%" |  
+
| colspan="2" |
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Le bouton [[Image:Bouton changer couleur.png]] permet de modifier la couleur de la bordure de la section type de donateur. Pour un exemple de la bordure «&nbsp;Type de donateur&nbsp;», voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''F'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_3_de_formulaire_Web|Exemple 3 de formulaire Web]]&nbsp;».
+
===== «&nbsp;Note&nbsp;» =====
 
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Bouton changer couleur.png]] permet de modifier la couleur de la bordure de la section donateur. Pour un exemple de la bordure «&nbsp;Section donateur&nbsp;», voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''G'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_3_de_formulaire_Web|Exemple 3 de formulaire Web]]&nbsp;».
 
 
 
 
|-
 
|-
| width="50%" |  
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 027.png|centré|666x666px]]
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le bouton [[Image:Bouton changer couleur.png]] permet de modifier la couleur de la bordure de la section transaction. Pour un exemple de la bordure «&nbsp;Section transaction&nbsp;», voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''H'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_3_de_formulaire_Web|Exemple 3 de formulaire Web]]&nbsp;».  
 
 
 
| width="50%" |  
 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton [[Image:Bouton changer couleur.png]] permet de modifier la couleur de la bordure de la section autorisation. Pour un exemple de la bordure «&nbsp;Autorisation&nbsp;», voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''I'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_3_de_formulaire_Web|Exemple 3 de formulaire Web]]&nbsp;».
 
 
 
 
|-
 
|-
| width="50%" |
+
|<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il s’agit de la liste des notes qui se trouvent dans les personnalisations, donc les notes seront visibles dans la section transaction du formulaire Web.
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Le bouton [[Image:Bouton changer couleur.png]] permet de modifier la couleur de la bordure de la section type de transaction. Pour un exemple de la bordure «&nbsp;Type de transaction&nbsp;», voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''J'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_3_de_formulaire_Web|Exemple 3 de formulaire Web]]&nbsp;».  
+
|<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Bouton Ajouter.png]] permet d’ajouter une nouvelle note dans les personnalisations. Pour en savoir plus sur l'ajout de notes et des options possibles [[ProDon:Configuration de la page d'accueil et du site Web#Onglet .C2.AB.C2.A0Notes.C2.A0.C2.BB|cliquer ici]].
 
 
| width="50%" |  
 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Le bouton [[Image:Bouton changer couleur.png]] permet de modifier la couleur de la bordure des tableaux de transaction. Pour un exemple de la bordure «&nbsp;Tableau de transaction&nbsp;», voir la '''lettre&nbsp;'''<span style="color: rgb(255, 0, 0);">'''K'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_3_de_formulaire_Web|Exemple 3 de formulaire Web]]&nbsp;».  
 
 
 
 
|-
 
|-
| width="50%" |
+
|<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier une note déjà présente dans les personnalisations.
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Le bouton [[Image:Bouton changer couleur.png]] permet de modifier la couleur de la bordure de la section paiement. Pour un exemple de la bordure «&nbsp;Section paiement&nbsp;», voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''L'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_3_de_formulaire_Web|Exemple 3 de formulaire Web]]&nbsp;».  
+
|<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png]] permet de supprimer une note des personnalisations.
 
 
|
 
<br>
 
 
 
 
|}
 
|}
 
+
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
<br>
+
|-
 
+
| colspan="2" |
=== Onglet «&nbsp;Liste de distribution&nbsp;»  ===
+
=== Onglet «&nbsp;Note&nbsp;» ===
 
 
Cet onglet permet d'ajouter des cases à cocher au formulaire pour que les donateurs puissent s'inscrire à différentes listes de distribution.
 
 
 
Si un donateur coche une case d'inscription à une liste de distribution dans le formulaire Web, il sera automatiquement inscrit à la liste de distribution dans '''''ProDon''''' lors de l'[[ProDon:Importation des dons|importation]].<br>
 
 
 
'''NOTE&nbsp;:''' Cet onglet est visible seulement si le [[ProDon:Préparation du document maître|module PubliCourriel]] est activé dans '''''ProDon'''''.<br>
 
 
 
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 033.png]]<br>
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 028.png|centré|666x666px]]
 
|-
 
|-
| width="50%" |
+
|<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il s’agit de la liste des notes qui se trouvent dans toutes les sections du formulaire Web (transaction, engagement, personalisations...).
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il s'agit des listes de distribution auxquelles les donateurs pourront s'inscrire en complétant le formulaire. <br>
+
|<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Bouton Ajouter.png]] permet d’ajouter une nouvelle note dans le formulaire Web. Pour en savoir plus sur l'ajout de notes et des options possibles [[ProDon:Configuration de la page d'accueil et du site Web#Onglet .C2.AB.C2.A0Notes.C2.A0.C2.BB|cliquer ici]].
 
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton&nbsp;[[Image:Bouton Ajouter.png]] permet d'ajouter une liste de distribution en <span style="color: rgb(255, 0, 0);">'''A'''</span>.
 
 
 
'''NOTE&nbsp;:''' Pour ajouter une liste de distribution, il faut qu'elle soit préalablement crée dans la «&nbsp;Gestion des listes de distribution&nbsp;».  
 
 
 
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier une note déjà présente dans leformulaires Web.
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier une liste de distribution en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner la liste de distribution à modifier, puis cliquer sur le bouton [[Image:Bouton Modifier.png]].<br>
+
|<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png]] permet de supprimer une note dans le formulaire Web.
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton [[Image:Petit Bouton Dupliquer.png]] permet de dupliquer les listes de distributions d'un autre formulaire.<br>
 
 
 
 
|-
 
|-
|  
+
| colspan="2" |<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton [[Fichier:Bouton efface.png]] permet de supprimer toutes les notes dans le formulaire Web.
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png]] permet de supprimer une liste de distribution en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner la liste de distribution à supprimer, puis cliquer sur le bouton [[Image:Bouton Modifier.png]].
 
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Le bouton [[Image:Bouton efface.png]] permet de supprimer toutes les listes de distribution en <span style="color: rgb(255, 0, 0);">'''A'''</span>.  
 
 
 
 
|}
 
|}
 
+
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
<br>
 
 
 
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
 
 
|-
 
|-
| 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.
+
=== Onglet «&nbsp;Courriel&nbsp;» ===
 
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 034.png]]<br>
+
| colspan="2"|[[Fichier:ProDon5 Création d'un formulaire web 029.png|centré|666x666px]]<br>
 
|-
 
|-
 
| width="50%" |  
 
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Choisir une liste de distribution parmi celles disponibles dans '''''ProDon'''''.  
+
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Le titre du courriel qui confirme la transaction.
 
 
 
| width="50%" |  
 
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Inscrire le libellé qui apparaîtra sur le formulaire. Pour un exemple de libellé d'inscription à une liste de distribution, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''E'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_3_de_formulaire_Web|Exemple 3 de formulaire Web]]&nbsp;».  
+
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> L'adresse de retour pour que l'utilisateur puisse répondre au courriel de confirmation.
  
 +
'''NOTE :''' Il est possible de mettre une fausse adresse.
 +
|-
 +
|<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Nom qui s'affiche dans l'entête du courriel.
 +
|<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Pour mettre une adresse de courriel en copie conforme, mais pas visible pour le donateur.
 +
|-
 +
| colspan="2"|<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Après avoir fait un clique droit, un menu permettant d'ajouter des champs de fusion, des images, un résumé de transaction, le reçu électronique, des balises HTML au courriel de confirmation.   
 
|}
 
|}
 +
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 +
|-
 +
| colspan="2" |
  
<br>
+
=== Onglet «&nbsp;Liste de distribution&nbsp;» ===
 +
En lien avec le module Publicourriel, permet aux donateurs de s'abonner à des bulletins électroniques.
  
=== Onglet «&nbsp;Constantes d'importation&nbsp;»  ===
+
Pour en savoir plus sur la création des listes de distribution, [[ProDon:Préparation de la liste de distribution|cliquez ici]].
 
+
|-
Cet onglet permet d'ajouter des caractéristiques ou des champs personnalisés aux fiches des donateurs lors de l'importation.  
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 030.png|centré|666x666px]]
 
+
|-
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
+
| width="50%" |
 +
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il s’agit des listes de distributions qui seront disponibles pour les donateurs dans la section informations supplémentaires dans le mode de paiement.
 +
| width="50%" |
 +
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Bouton Ajouter.png]] permet d’ajouter une nouvelle liste de distribution dans les formulaires Web.
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 035.png]]<br>
+
|<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier le libellé de la liste de distribution ou en choisir une nouvelle.
 +
|<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png]] permet de supprimer une liste de distribution dans les formulaires Web.
 
|-
 
|-
| width="50%" |
+
|<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Le bouton [[Fichier:Petit Bouton Dupliquer.png]] permet de dupliquer des listes de distributions d'un autre formulaire Web.
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il s'agit de la liste des caractéristiques qui seront ajoutées à la fiche des donateurs qui rempliront le formulaire. Dans cet exemple, la profession «&nbsp;Comptable&nbsp;» sera spécifiée dans la fiche de chaque donateur qui remplira le formulaire.  
+
|<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Le bouton [[Fichier:Bouton efface.png]] permet de supprimer toutes les listes de distributions dans les formulaires Web.
 
+
|}
| width="50%" |  
+
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Bouton Ajouter.png]] permet d'ajouter une nouvelle caractéristique à la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>.<br>
 
 
 
 
|-
 
|-
|  
+
|
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier une caractéristique de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner la caractéristique à modifier, puis cliquer sur le bouton [[Image:Bouton Modifier.png]].
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png]] permet de supprimer une caractéristique de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner la caractéristique à supprimer, puis cliquer sur le bouton [[Image:Bouton Retirer.png]].
 
  
 +
=== Onglet «&nbsp;Partage sur les réseaux sociaux&nbsp;» ===
 
|-
 
|-
|  
+
|[[Fichier:ProDon5 Création d'un formulaire web 031.png|centré|666x666px]]
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Le bouton [[Image:Petit Bouton Dupliquer.png]] permet de dupliquer les caractéristiques d'un autre formulaire pour les ajouter à la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>.<br>
 
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Le bouton [[Image:Bouton efface.png]] permet de supprimer toutes les caractéristiques de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>.
 
 
 
 
|-
 
|-
|  
+
| width="50%" |
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Cet onglet permet de configurer des constantes d'importation pour des champs personnalisés. La procédure est la même que pour les caractéristiques.  
+
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Cocher la case «&nbsp;Utiliser des réseaux sociaux différents de la page d'accueil&nbsp;» pour configurer un partage sur les réseaux sociaux différents de ceux configurer dans la page d'accueil, [[ProDon:Configuration de la page d'accueil et du site Web#Onglet .C2.AB.C2.A0Partage sur les r.C3.A9seaux sociaux.C2.A0.C2.BB|cliquez-ici]] pour plus d'informations au sujet du partage sur les réseaux sociaux.
 
 
| <br>
 
 
|}
 
|}
 
+
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
<br>
 
 
 
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
 
 
|-
 
|-
| 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.
 
  
 +
=== Onglet «&nbsp;Options avancées&nbsp;» ===
 +
Les options avancées permettent de configurer des libellés, certaines informations obligatoires, l'ordre des pages du formulaire et autres informations d'affichage.
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 036.png]]<br>
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 032.png|centré|666x666px]]
 
|-
 
|-
| width="50%" |  
+
| width="50%" |
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Choisir à l'aide de la liste déroulante la caractéristique qui doit être ajoutée à la fiche des donateurs.  
+
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> La case « Afficher sur la page d'accueil » permet d'afficher ou non le formulaire sur la page d'accueil.
  
| width="50%" |  
+
'''NOTE :''' Il est possible de partager le lien du formulaire même si ce dernier n'est pas affiché sur la page d'accueil.
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Inscrire la valeur qui sera inscrite dans la fiche de chaque donateur.
+
| width="50%" |
 +
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> La langue du donateur peut être déterminée de deux façons, soit «&nbsp;Selon le formulaire rempli&nbsp;», soit
  
'''NOTE&nbsp;:''' Pour ajouter une caractéristique, il faut qu'elle soit préalablement créée dans la «&nbsp;[[ProDon:Gestion des caractéristiques|Gestion des caractéristiques]]&nbsp;».  
+
«&nbsp;Demander au client&nbsp;».  
  
|}
+
'''NOTE :''' Si votre formulaire est disponible en français et en anglais, les options de langue du client ne seront pas disponibles et seront par défaut à «&nbsp;Selon le formulaire rempli&nbsp;». Pour voir comment faire un formulaire en français et un en anglais, [[ProDon:Création d'un formulaire Web#Ajout .2F modification .2F consultation des formulaires Web|cliquer ici]].
  
<br>
+
Si le formulaire n'est que disponible dans une langue, il sera possible de choisir la méthode de saisie de la langue, aussi il est possible de créer une liste de langue en cliquant sur le bouton [[Fichier:Bouton spécifier les langues.png]] .
 +
|-
 +
|<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Groupe de libellés : Il est possible de créer des groupes de libellés pour différents types de formulaires, ce qui permet d'avoir les libellés appropriés pour chacune des sections (Section donateur, titre de section, autre libellé du formulaire, page de confirmation). Pour en faire la modification, cliquer sur [[Fichier:Bouton modifier les libellés.png]] .
 +
|<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Groupe de libellés (Transaction) : Il est possible de créer des groupes de libellés pour différents types de formulaires de transactions, ce qui permet d'avoir les libellés distincts pour cette section (type de transaction, section engagement et autre libellé du formulaire). Pour en faire la modification, cliquer sur [[Fichier:Bouton modifier les libellés.png]] .
 +
|-
 +
|<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Pour déterminer qui sera le donateur par défaut, dans l'exemple (Demander au donateur) le donateur devra choisir entre «Personnel&nbsp;» ou «&nbsp;Corporatif&nbsp;».
 +
Si «&nbsp;Corporatif&nbsp;» est par défaut, le formulaire sera orienté pour un don d'une entreprise.
  
== Envoi des informations sur le site Web  ==
+
Si «&nbsp;Personnel&nbsp;» est par défaut, le formulaire sera orienté pour un don d'un individu.
  
Lorsque des modifications sont effectuées sur un des formulaires, il faut les envoyer sur le site Web.  
+
'''NOTE :''' Il est possible de choisir un autre type de formulaire, même si un autre type est par défaut.
 +
|<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Pour déterminer le type de transaction choisie par défaut, dans l'exemple (Transaction, c'est-à-dire soit un don unique, soit un achat) le donateur sera dirigé par défaut faire un formulaire de transaction.
 +
Si «&nbsp;Engagement&nbsp;» est par défaut, le formulaire sera orienté vers une transaction de type engagement, si ce module est actif.  
  
JeDonneEnLigne a deux interfaces, un en test et un en production.  
+
Si «&nbsp;Demander au donateur&nbsp;» est par défaut, le donateur pourra choisir le type de transaction.
  
L'interface test n'est accessible que par ProDon et sert à valider les configurations et les modifications apportées sur le formulaire avant de le rendre public.  
+
'''NOTE :''' Il est possible de choisir un autre type de formulaire, même si un autre type est par défaut.
 
+
|-
L'interface production est accessible pour tous les internautes sur le site de [https://www.jedonneenligne.org/ JeDonneEnLigne].<br>  
+
|<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Menu déroulant permettant de choisir si la page de transaction apparaîtra avant ou après la page des informations personnelles. [http://wikifr.logilys.com/index.php/ProDon:Cr%C3%A9ation_d%27un_formulaire_Web#Suggestions_de_montant Cliquez ici pour un exemple] voir la '''lettre A'''.
 
+
|<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> L'affichage des montants suggérés peut se faire de deux façons, soit sous forme de boutons, soit sous forme de liste déroulante. [http://wikifr.logilys.com/index.php/ProDon:Cr%C3%A9ation_d%27un_formulaire_Web#Suggestions_de_montant Cliquez ici pour les exemples de montants suggérés].
<br>  
+
|-
 
+
|<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> Si cette case est cochée, le numéro d'enregistrement de l'organisme apparaîtra dans le bas du formulaire. Pour un exemple de libellé d'OBNL, voir la '''lettre C''' de la section [http://wikifr.logilys.com/index.php/ProDon:Cr%C3%A9ation_d%27un_formulaire_Web#Suggestions_de_montant Cliquez ici pour les exemples de montants suggérés].
=== Envoi d'un formulaire en test  ===
+
|<span style="color: rgb(255, 0, 0);">'''J&nbsp;:'''</span> Si la case est cochée, les donateurs pourrons entrer leur adresse en texte libre, ce qui peut augmenter les chances d'avoir des adresses non conformes. Dans le cas où la case n'est pas cochée, l'option de bloc libre est disponible pour le donateur, s'il ne peut pas entrer son adresse avec les menus déroulant.
 
 
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
 
 
|-
 
|-
| colspan="2" | Pour envoyer un formulaire sur le site Web de test, dans la fenêtre de configuration du formulaire, cliquer sur le bouton [[Image:Bouton envoyer en test.png]].<br>
+
|<span style="color: rgb(255, 0, 0);">'''K&nbsp;:'''</span> Si la case est cochée, le courriel du donateur sera obligatoire.
 +
|<span style="color: rgb(255, 0, 0);">'''L&nbsp;:'''</span> Si la case est cochée, le donateur devra confirmer  son adresse courriel.
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 037.png]]<br>
+
|<span style="color: rgb(255, 0, 0);">'''M&nbsp;:'''</span> Si la case est cochée, le téléphone du donateur sera obligatoire. Il est possible de choisir quel téléphone sera obligatoire selon le type de donateur.
 +
'''NOTE :''' Si deux types de numéros de téléphone sont choisis, par exemple résidence et mobile, le donateur devra donné obligatoirement au moins un des deux.
 +
|<span style="color: rgb(255, 0, 0);">'''N&nbsp;:'''</span> Si la case est cochée, le donateur pourra laisser un commentaire.
 
|-
 
|-
| colspan="2" | '''NOTE&nbsp;:''' Il est également possible d'envoyer un formulaire en test à partir de la gestion des formulaires Web. Pour ce faire, sélectionner le formulaire à envoyer, cliquer sur le bouton [[Image:Bouton envoyer en test.png]], puis sélectionner «&nbsp;Envoyer ce formulaire en test&nbsp;».<br>
+
|<span style="color: rgb(255, 0, 0);">'''O&nbsp;:'''</span> Cacher les informations transactionnelles, à venir.
 +
|<span style="color: rgb(255, 0, 0);">'''P&nbsp;:'''</span> En cliquant le bouton [[Fichier:Prodon5 Bouton Intégration à JDEL.png]] le menu déroulant offre deux choix, soit «&nbsp;Configuration de l'adresse URL pour l'Intégration post-traitement&nbsp;» soit «&nbsp;Paramètre d'appel GET & POST&nbsp;», pour plus d'informations sur ce dernier, [[ProDon:Paramètres GET et POST des formulaires Web|cliquez ici]].
 
|}
 
|}
  
<br>
+
== Synchronisation en test ==
 +
Afin de voir et vérifier le formulaire, il est conseillé de le synchroniser en test et ensuite d’aller le consulter.
  
=== Envoi d'un formulaire en production  ===
 
  
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
+
Pour ce faire, cliquez sur le bouton [[Fichier:Prodon5 Mini Bouton Envoyer sur site.png]] et sélectionnez « Synchroniser en test » | « Ce formulaire ».
|-
 
| Pour envoyer un formulaire sur le site Web de production, dans la fenêtre de configuration du formulaire, cliquer sur le bouton [[Image:Bouton envoyer en production.png]].<br>
 
|-
 
| [[Image:ProDon Création formulaire Web 038.png]]<br>
 
|-
 
|
 
'''NOTE&nbsp;:''' Il est également possible d'envoyer un formulaire en production à partir de la gestion des formulaires Web. Pour ce faire, sélectionner le formulaire à envoyer, cliquer sur le bouton [[Image:Bouton envoyer en production.png]], puis sélectionner «&nbsp;Envoyer ce formulaire en production&nbsp;».  
 
  
'''NOTE&nbsp;:''' Après avoir cliqué sur le bouton [[Image:Bouton envoyer en production.png]], ProDon avertira qu'il faut activer la maintenance afin de pouvoir envoyer la configuration en production. Cliquer sur le bouton «&nbsp;Activer&nbsp;».
 
  
'''ATTENTION&nbsp;:''' S'il y a présentement des internaudes sur votre page Web JeDonneEnLigne, il sera impossible d'activer la maintenance. Dans ce cas, il faut attendre que l'utilisateur quitte le site. Une fois qu'il aura quitté, ce sera alors possible d'activer la maintenance et d'envoyer la configuration en production.  
+
Ensuite, pour aller voir le formulaire en test cliquez sur le bouton [[Fichier:Bouton Visualiser Formulaire Web.png|sans_cadre]] et sélectionnez « Page en test » | « Formulaire (français) ».
  
|}
 
  
<br>
+
Une fois sur le formulaire, vous pouvez y faire les tests de transactions et visuels nécessaires.
  
=== Visualisation d'un formulaire en test ===
+
=== Carte de crédit test ===
 +
Une fois rendu à la sélection du mode de paiement, vous pourrez sélectionner Carte de crédit et y mettre les numéros suivants.
  
{| cellspacing="1" cellpadding="1" width="200" border="1" class="wikitable"
 
|-
 
| Pour afficher un formulaire sur le site Web de test, dans la fenêtre de configuration du formulaire à visualiser, cliquer sur le bouton [[Image:Bouton aller sur le site test.png]].<br>
 
|-
 
| [[Image:ProDon Création formulaire Web 039.png]]<br>
 
|-
 
| '''NOTE&nbsp;: '''Il est également possible de visualiser un formulaire en test à partir de la gestion des formulaires Web. Pour ce faire, sélectionner le formulaire à visualiser, cliquer sur le bouton [[Image:Bouton aller sur le site test.png]], puis sélectionner «&nbsp;Afficher le formulaire français ».<br>
 
|}
 
  
<br>
+
Visa : 4000 0000 0000 0002  exp. : 01/année suivante  CVV : 123
  
=== Visualisation d'un formulaire en production ===
+
Master Card : 5200 0000 0000 0007  exp. : 01/année suivante  CVV : 123
 +
   
  
{| cellspacing="1" cellpadding="1" width="200" border="1" class="wikitable"
+
<span style="color: rgb(255, 0, 0);">'''ATTENTION&nbsp;:'''</span> ces numéros de carte de crédit sont à utiliser en mode test '''UNIQUEMENT'''.
|-
 
| Pour afficher un formulaire sur le site Web de production, dans la fenêtre de configuration du formulaire à visualiser, cliquer sur le bouton [[Image:Bouton aller sur le site production.png]].<br>
 
|-
 
| [[Image:ProDon Création formulaire Web 040.png]]<br>
 
|-
 
| '''NOTE&nbsp;: '''Il est également possible de visualiser un formulaire en production à partir de la gestion des formulaires Web. Pour ce faire, sélectionner le formulaire à visualiser, cliquer sur le bouton [[Image:Bouton aller sur le site production.png]], puis sélectionner «&nbsp;Afficher le formulaire français ».
 
|}
 
  
<br>
+
== Synchronisation en production ==
 +
Une fois que les vérifications sont complétées et que le formulaire est prêt à être accessible aux internautes, il faut le synchroniser en production.
  
== Exemples de formulaires Web  ==
 
  
=== Exemple 1 de formulaire Web  ===
+
Cliquer sur le bouton [[Fichier:Prodon5 Mini Bouton Envoyer sur site.png]] et sélectionner « Synchroniser en production » | « Ce formulaire ».
  
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
+
== Exemples ==
 +
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
|-
 
|-
| colspan="2" | [[Image:ProDon Exemple de formulaire Web 001.png]]
+
| colspan="2" |
 +
===Formulaire transactionnel===
 
|-
 
|-
| width="50%" |  
+
| colspan="2" |
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Lien de retour vers la page d'accueil.
+
==== Formulaire des informations personnelles ====
 
+
|-
| width="50%" |  
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 033.png|centré]]
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Informations de paiement qui ne sont pas dans un tableau.<br>
 
 
 
 
|-
 
|-
|  
+
| width="50%" |
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Champ «&nbsp;Autre montant&nbsp;».<br>
+
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> La barre d'étape permet de voir à quelle étape de la transaction le donateur est rendu.
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Formulaire avec montants suggérés.<br>
 
  
 +
'''NOTE :''' Position de la page de transaction, dans l'exemple la page de transaction est après les informations personnelles.
 +
| width="50%" |
 +
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton «&nbsp;CONNEXION&nbsp;» permet de se connecter à la Logizione et le bouton «&nbsp;EN&nbsp;» permet de changer la langue du formulaire, si ce dernier est disponible en anglais.
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Titre du formulaire.
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Note sous l'activité qui n'est pas dans un tableau.<br>
+
|<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Titre de la section, qui est possible de modifier dans les groupes de libellés.
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Engagement avec date de fin et objectif.<br>
 
 
 
 
|-
 
|-
|  
+
| width="50%" |
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Note sous la fréquence.<br>
+
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Type de donateur.
 
+
| width="50%" |
|  
+
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Exemple de mode d'entrée de l'adresse, en cliquant sur  «&nbsp;Je n'arrive pas à entrer mon adresse&nbsp;» il sera possible d'utiliser le format d'adresse bloc libre.
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Champ permettant de choisir la langue.<br>
 
 
 
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Un compte '''LogiZone''' est un profil dans lequel le donateur pourra enregistrer ses coordonnées. Il n'est pas obligatoire d'avoir un compte '''LogiZone''' pour faire une transaction. La création d'un compte '''LogiZone''' évite au donateur d'avoir à saisir ses coordonnées chaque fois qu'il remplit un formulaire de dons en ligne. Outre l'économie de temps, le compte '''LogiZone''' permettra également au donateur de conserver l'historique de toutes ses transactions. Ses reçus officiels de dons y seront également conservés automatiquement, il aura donc la possibilité de les imprimer à tout moment.
<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> Coin supérieur rond.<br>
+
|<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Exemple de groupe de personnalisation.
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''J&nbsp;:'''</span> Informations du donateur sur plusieurs colonnes.<br>
 
 
 
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> Exemple de personnalisation sous forme de liste déroulante.
<span style="color: rgb(255, 0, 0);">'''K&nbsp;:'''</span> Titre du formulaire.  
+
|<span style="color: rgb(255, 0, 0);">'''J&nbsp;:'''</span> Exemple de personnalisation sous forme de boutons radio.
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''L&nbsp;:'''</span> Titre de section.  
 
 
 
|}
 
 
 
<br>
 
 
 
=== Exemple 2 de formulaire Web  ===
 
 
 
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Exemple de formulaire Web 002.png]]
+
|<span style="color: rgb(255, 0, 0);">'''K&nbsp;:'''</span> Exemple de personnalisation sous forme de liste à choix multiple (sur deux colonnes).
 +
|<span style="color: rgb(255, 0, 0);">'''L&nbsp;:'''</span> Numéro d'enregistrement de l'organisme.
 
|-
 
|-
| width="50%" |  
+
| colspan="2" |<span style="color: rgb(255, 0, 0);">'''K&nbsp;:'''</span> Temps restant à l'utilisateur sur le formulaire.
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Temps de session Web restant.  
+
|}
 
+
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Informations de paiement dans un tableau.<br>
 
 
 
 
|-
 
|-
|  
+
| colspan="2" |
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Note sous l'activité dans un tableau.<br>
 
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Case permettant au donateur de choisir s'il désire recevoir ou non un reçu.<br>
 
  
 +
==== Formulaire des transactions (en tableau) ====
 
|-
 
|-
|  
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 034.png|centré|731x731px]]
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Libellé de l'OBNL.<br>
 
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Champ «&nbsp;Commentaire&nbsp;».<br>
 
 
 
 
|-
 
|-
|  
+
| width="50%" |
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Message d'autorisation.<br>
+
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Activité à prix standard.
 
+
| width="50%" |
|  
+
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Activité avec prix de vente.
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Contour de la boîte active.<br>
 
 
 
 
|-
 
|-
|  
+
| width="50%" |
<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> Contour d'une boîte inactive.<br>
+
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Informations des participants.
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''J&nbsp;:'''</span> Informations du donateur sur une seule colonne.<br>
 
  
 +
'''NOTE<span style="color: rgb(255, 0, 0);">&nbsp;</span>:''' Les informations du premier participant seront préremplies, si l'étapes des informations personnelles sont avant celles de transactions.
 +
| width="50%" |
 +
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Personnalisations des participants.
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Montant total de la transaction.
<span style="color: rgb(255, 0, 0);">'''K&nbsp;:'''</span> Champ standard.<br>
+
|<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Personnalisations de transactions.
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''L&nbsp;:'''</span> Champ obligatoire.<br>
 
 
 
 
|}
 
|}
 
+
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
<br>
 
 
 
=== Exemple 3 de formulaire Web  ===
 
 
 
{| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable"
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Exemple de formulaire Web 003.png]]
+
| colspan="2" |
|-
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Dans cet exemple, la marge est verte.<br>
 
 
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Dans cet exemple, l'arrière-plan est blanc.<br>
 
  
 +
==== Formulaire des transactions (unique) ====
 
|-
 
|-
|  
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 035.png|centré|666x666px]]
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Note sous la section paiement.<br>
 
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Coins supérieurs carrés.<br>
 
 
 
 
|-
 
|-
|  
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 036.png|centré|666x666px]]
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Case à cocher pour s'inscrire à une liste de distribution.<br>
 
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Bordures de la section type de donateur.<br>
 
 
 
|-
 
|
 
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Bordures de la section donateur.<br>
 
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Bordures de la section transaction.<br>
 
 
 
 
|-
 
|-
|  
+
| width="50%" |
<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> Bordures de la section autorisation.<br>
+
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Type de transaction.
 
+
| width="50%" |
|  
+
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Personnalisation de transaction.
<span style="color: rgb(255, 0, 0);">'''J&nbsp;:'''</span> Bordures de la section type de transaction.  
 
 
 
 
|-
 
|-
|  
+
| width="50%" |
<span style="color: rgb(255, 0, 0);">'''K&nbsp;:'''</span> Bordures du tableau des transactions.<br>
+
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Montant suggéré sous forme de liste déroulante.
 
+
| width="50%" |
|  
+
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Libellé du montant.
<span style="color: rgb(255, 0, 0);">'''L&nbsp;:'''</span> Bordures de la section paiement.<br>
 
 
 
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Montant suggéré sous forme de bouton.
<span style="color: rgb(255, 0, 0);">'''M&nbsp;:'''</span> Bandeau dans l'en-tête du formulaire.  
+
|<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Case pour entrer un montant autre que ceux suggérés.
 
 
|  
 
 
|}
 
|}
  
{{BasPage_ProDon}}<br>
+
{{BasPage_ProDon_Version|}}

Version actuelle datée du 15 août 2022 à 14:26

Création d'un formulaire Web

Sommaire

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

Le module Dons en ligne permet aux donateurs de donner directement par le Web.

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 inclut 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 occasion de dons, ce qui fait en sorte que les internautes peuvent s'inscrire en ligne aux activités-bénéfices de l'organisme, ou faire une donation directement par le Web.

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'importation des dons.

Création d'un formulaire Web

Si ce n'est pas déjà fait, il est préférable de configurer la page d'accueil et le site Web avant de créer des formulaires Web.

NOTE : Après avoir fait des modifications sur les formulaires Web, il ne faut pas oublier de les publier. plus d'information sur l'envoi des modifications, consulter cette section.

Pour savoir comment configurer la page d'accueil et le site Web, consulter cette procédure.

Pour créer un formulaire Web, aller dans la « Gestion des formulaires Web ».

Cliquer sur le menu « Configuration », puis choisir

« Mini formulaires Web.png Formulaires Web ».

ProDon5 Configuration de la page d'accueil et du site Web 001.png

Gestion des formulaires Web

Après avoir cliqué sur « Mini formulaires Web.png Formulaires Web », la fenêtre suivante s'ouvre.

ProDon5 Création d'un formulaire web 001.png

A : Les boutons Bouton Ajouter.png, Bouton Modifier.png et Bouton Retirer.png permettent d'ajouter, de modifier ou de supprimer des formulaires en I. Pour modifier ou supprimer un formulaire, sélectionner le bon formulaire en I, puis cliquer sur Bouton Modifier.png ou sur Bouton Retirer.png.

NOTE : Il est fortement déconseillé de supprimer un formulaire, il est préférable de l'archiver. Voir la lettre D pour savoir comment archiver un formulaire Web.

B : Si le bouton Bouton en développement.png est orange, cela signifie que le formulaire sélectionné en I est « En développement ». Un formulaire « En développement » est en création et ne peut pas être visualisé sur le site Web de tests ou sur le site Web de production. Lors de la création d'un formulaire, il sera par défaut « En développement ». Pour consulter la liste des formulaires « En développement », cliquer sur le bouton « En développement », en H, afin qu'il soit orange.

C : Si le bouton Bouton en test.png est orange, cela signifie que le formulaire sélectionné en N est « En test » ou « En production ». Un formulaire « En test » signifie que le formulaire est presque complètement créé et il peut être visualisé sur un site Web prévu à des fins de tests internes. Une fois qu'il n'y a plus aucune correction à apporter, le formulaire devra être mis « En production », afin de le rendre accessible aux internautes. Pour voir la liste des formulaires « En test » ou « En production », cliquer le bouton « Actifs », en H.

NOTE : Voir les lettres E, F et G pour savoir comment publier un formulaire en test ou en production.

D : Si le bouton Bouton archivé.png est orange, cela signifie que le formulaire sélectionné en I est « Archivé ». Un formulaire archivé est un formulaire inactif, ce qui veut dire que le formulaire n'est pas utilisé pour le moment ou ne sera plus jamais utilisé. Pour archiver un formulaire, sélectionner le formulaire à archiver en I, puis cliquer sur le bouton Bouton archivé.png. Pour consulter la liste des formulaires archivés, cliquer le bouton « Archivés », en H.

E : Le bouton Prodon5 Mini Bouton Envoyer sur site.png ouvre un sous-menu qui permet de publier le formulaire sélectionné en I sur le site Web test afin de le visualiser et le tester avant de le mettre en ligne ou sur le site Web en production pour qu’il soit disponible aux internautes. C’est aussi à partir de ce sous-menu qu’il est possible d’envoyer les appellations qui seront visibles sur le Web, la configuration pour les reçus électroniques et les informations de l’organisme.

NOTE : Lors de l'envoi en production, si le bouton Bouton maintenance.png n'est pas activé au moment d'une modification, Prodon demandera de l'activer avant de pouvoir effectuer les modifications. Pour plus d'informations concernant la maintenance, voir la lettre G.

ATTENTION : Il faut publier le formulaire sur le site Web de tests ou production, selon le cas, chaque fois que des modifications sont apportées.

F : Le boutonBouton Visualiser Formulaire Web.pngouvre un sous-menu qui permet d'aller sur le site Web en test ou en production, d'aller dans le Back-office et voir un exemple du reçu électronique.

ATTENTION : Pour que les dernières modifications soient visibles sur le formulaire, il faut s'assurer de le publier sur le site Web avant de le visualiser. Pour savoir comment publier un formulaire, voir la lettre E.

G : Si le bouton Bouton maintenance.png est de couleur orange, cela signifie que le site Web est en maintenance. Pour un exemple de site Web en maintenance, cliquer ici.

ATTENTION : Lorsque le site Web est en maintenance, les formulaires ne peuvent être remplis par les internautes et il n'est pas possible de consulter la page d'accueil. Il est donc important de désactiver la maintenance après avoir envoyé le formulaire ou la page d'accueil sur le site Web de production.

H : Bouton « En développement » affiche seulement les formulaires qui sont en création, c'est-à-dire, les formulaires qui n'ont pas encore été publiés sur le site Web de tests ou sur le site Web de production. Pour plus d'informations concernant les formulaires « En développement », voir la lettre B.

Bouton « Actif » contient seulement les formulaires qui ont été publiés sur le site Web de tests ou sur le site Web de production. Pour plus d'informations concernant les formulaires « En test » ou « En production », voir la lettre C.

Bouton « Archivés » contient les formulaires qui ont été désactivés, c'est-à-dire que les formulaires ne sont pas utilisés pour le moment ou ne seront plus jamais utilisés. Pour plus d'informations concernant les formulaires archivés, voir lettre D.

I : Il s'agit de la liste des formulaires disponibles dans l'onglet sélectionné.

Ajout / modification / consultation des formulaires Web

Après avoir cliqué sur le bouton Bouton Ajouter.png, la fenêtre suivante s'affiche et il est possible d'ajouter un formulaire de type « Client » ou de type « Transaction »

ProDon5 Création d'un formulaire web 002a.png
A : Un formulaire de type « Client » permet de créer des formulaires Web pour, par exemple, faire des inscriptions de bénévolat ou la mise à jour des fiches clients. Dans la configuration de ce type de formulaire, il n'y aura aucune fonction lié aux transactions. B : Un formulaire de type « Transaction » permet de créer des formulaires Web pour, par exemple, recevoir des dons, des inscriptions à des activités, des achats de billets, etc.
Après avoir cliqué sur le bouton Bouton Modifier.png, ou suite au choix du type de formulaire, la fenêtre suivante s'ouvre.
ProDon5 Création d'un formulaire web 002.png

A : Il s'agit du code que vous donnez au formulaire.

NOTE : Il est important de donner un code précis pour que les recherches soient plus efficaces.

B : Permet de déterminer si le formulaire doit être créé seulement en français, seulement en anglais, ou dans les deux langues.

C : Il s'agit des noms français et anglais du formulaire. Pour un exemple de nom, voir la lettre D de la section « Exemple de page d'accueil » du document « Configuration de la page d'accueil et du site Web ».

NOTE : Il est important de donner un nom précis pour que les recherches soient plus efficaces.

ATTENTION : Si la case « Anglais » en B n'est pas cochée, le champ pour le nom anglais n'est pas disponible.

D : Il s'agit des descriptions soit française et anglaise du formulaire. Pour un exemple de description, voir la lettre E de la section « Exemple de page d'accueil » du document « Configuration de la page d'accueil et du site Web ».

ATTENTION : Si la case « Anglais » en B n'est pas cochée, le champ pour la description anglaise n'est pas disponible.

Onglet « Configuration du formulaire »

Cet onglet joint les thèmes et les groupes d'images, créés dans le Back-office, aux formulaires et permet de bien diriger le donateur.

ProDon5 Création d'un formulaire web 003.png

A : Le champ « Date d'affichage du formulaire » permet de spécifier une date de publication du formulaire Web. Ce champ est utilisé surtout pour un formulaire d'inscription à un événement, lorsqu'on le prépare en avance.

B : Le champ « Date d'expiration du formulaire » permet de spécifier une date d'expiration au formulaire. Ce champ est utilisé surtout pour un formulaire d'inscription à un événement, lorsqu'il y a une date limite pour s'inscrire. À partir du jour de la date d'expiration, un message de rappel disant que le formulaire est expiré s'affichera à l'ouverture de Prodon.

ATTENTION : Même si une date d'expiration est spécifiée, il faudra désactiver manuellement le formulaire le jour de la date d'expiration. Si le formulaire n'est pas désactivé manuellement, il restera disponible aux internautes.

C : La section Back-office est l’endroit où appliquer les thèmes et les groupes d’images pour le formulaire. Cliquer ici pour plus d'informations sur la configuration du Back-office.

D : La section Page d'accueil est l'endroit où il est possible de choisir si le formulaire s'affiche dans un groupe ou non.

Pour en savoir plus sur les groupes, cliquer ici.

E : Le bouton Bouton afficher sommaire analyse.png ouvre la gestion des groupes de formulaires Web. Pour en savoir plus sur les groupes, cliquer ici.

F : Le bouton Petit Bouton Modifier.png ouvre la modification des groupes.

G : Le bouton Bouton efface.png permet de retirer un formulaire d'un groupe. H : Le bouton Bouton configurer l'importation.png permet d'accéder à la configuration du site Web.

I : La case « Donateur personnel » permet aux individus d'effectuer un don.

J : La case « Donateur corporatif » permet aux entreprises d'effectuer un don.

K : La case « Titre obligatoire » oblige le donateur à inscrire son titre, s'il s'agit d'un donateur corporatif.

NOTE : Cette case n'est que disponible pour les formulaires de type transaction.

Onglet « Paiements »

Cet onglet permet de configurer les modes de paiement disponibles dans le formulaire.

Il vous sera possible d'ajouter des modes de paiement instantanés si vous avez fait l'ouverture de compte Paysafe.

Pour savoir comment faire l'ouverture de compte Paysafe, cliquez ici.

NOTE : Cet onglet n'est que disponible pour les formulaire de type transaction.

ProDon5 Création d'un formulaire web 004.png

A : Il s'agit des modes de paiement disponibles aux donateurs pour effectuer un don.

B : Le bouton Bouton Ajouter.png permet d'ajouter de nouveaux modes de paiement à la liste en A.

NOTE : Pour pouvoir ajouter un mode de paiement ici, il doit avoir été préalablement créé à partir de la « Gestion des modes de paiement ».

C : Le bouton Bouton Modifier.png permet de modifier un mode de paiement de la liste en A. Pour ce faire, sélectionner le mode de paiement à modifier en A, puis cliquer sur le bouton Bouton Modifier.png.

D : Le bouton Bouton Retirer.png permet de supprimer un mode de paiement de la liste en A. Pour ce faire, sélectionner le mode de paiement à supprimer en A, puis cliquer sur le bouton Bouton Retirer.png.

E : Le bouton Petit Bouton Dupliquer.png permet de dupliquer tous les modes de paiement d'un autre formulaire Web pour les ajouter en A.

Onglet « Transaction »

Cet onglet permet de configurer la section « Transaction » du formulaire.

NOTE : Cet onglet n'est que disponible pour les formulaire de type transaction.

ProDon5 Création d'un formulaire web 005.png

A : Si cette case est cochée, la section « Transaction » sera disponible dans le formulaire.

B : Le bouton Petit Bouton Dupliquer.png permet de dupliquer les informations transactionnelles d'un autre formulaire.

NOTE : Le bouton est disponible seulement lors de l'ajout d'un formulaire, si l'on modifie un formulaire l'option n'est plus disponible.

C : Choisir l'occasion pour laquelle les transactions seront effectuées.

D : Cette case permet d'afficher les informations de paiement dans un tableau. Pour un exemple d'informations de paiement dans un tableau, voir la lettre B de la section « Exemple de formulaire transactionnel en tableau ». Pour un exemple de paiement qui n'est pas dans un tableau, voir la lettre B de la section « Exemple de formulaire transactionnel de don unique ».

NOTE : Le donateur pourra choisir plus d'une activité seulement si les informations de paiement sont affichées dans un tableau.

E : Il s'agit des activités pour lesquelles le donateur peut faire un don ou s'inscrire. Cliquer ici pour plus d'information sur les activités d'un formulaire.

F : Le bouton Bouton Ajouter.png permet d'ajouter des activités en E.

NOTE : L'activité doit être préalablement créée dans la « Gestion des occasions de dons ».

G : Le bouton Bouton Modifier.png permet de modifier une activité de la liste en E. Pour modifier une activité, sélectionner l'activité à modifier, puis cliquer sur le bouton Bouton Modifier.png.

H : Le bouton Bouton Retirer.png permet de supprimer une activité de la liste en E. Pour supprimer une activité, sélectionner l'activité à supprimer, puis cliquer sur le bouton Bouton Retirer.png.

NOTE : Si une activité est supprimée à partir d'ici, elle sera seulement retirée du formulaire et sera toujours existante dans la « Gestion des occasions de dons ».

I : Ce bouton permet de consulter et de modifier les quantités d'inventaires sur les activités ayant un prix de vente, par exemple pour des billets d'événements.

J : Ce bouton permet de déterminer un montant ou une quantité minimum et maximum pour effectuer un don. Le minimum ou le maximum déterminé ici sera appliqué à toutes les activités du formulaire.

NOTE : Il est également possible de définir un montant ou une quantité minimum ou maximum différent pour chaque activité.

K : Lorsque la case « Utiliser la case du reçu » est cochée, le donateur a le choix de recevoir ou non un reçu. De plus, cette case est toujours cochée par défaut dans le formulaire, excepté si un montant minimum est spécifié en P et que le montant du don est plus petit que le montant minimum. Pour un exemple de case du reçu, voir la lettre D de la section « Exemple 2 de formulaire Web ».

NOTE : Il est fortement conseillé de toujours cocher cette case pour que tous les donateurs puissent recevoir un reçu si désiré.

ATTENTION : Si l'activité à laquelle le formulaire est attribué est configurée pour ne pas produire de reçus, la case n'apparaîtra pas dans le formulaire, même si cette dernière est cochée.

L : Lorsqu'un internaute effectue un paiement instantané, qu'il désire recevoir un reçu et que cette case est cochée, un lien permettant d'imprimer son reçu sera ajouté au courriel de confirmation de paiement, ce qui évite à l'organisme d'avoir à émettre le reçu, puisque le donateur l'aura déjà obtenu par courriel.

M : La case « Reçu personnel » permet d'émettre un reçu aux individus. Par exemple, si la case « Reçu personnel » n'est pas cochée, aucun individu ne recevra de reçu, même si la case en K est cochée. Par contre, si la case « Reçu personnel » est cochée et que la case en K est cochée, les individus auront le choix de recevoir ou non un reçu.

NOTE : Pour permettre l'émission de reçus aux entreprises, voir la lettre N.

N : La case « Reçu corporatif » permet d'émettre un reçu aux entreprises. Par exemple, si la case « Reçu corporatif » n'est pas cochée, aucune entreprise ne recevra de reçu, même si la case en K est cochée. Par contre, si la case « Reçu corporatif » est cochée et que la case en K est cochée, les entreprises auront le choix de recevoir ou non un reçu.

NOTE : Pour permettre l'émission de reçus aux individus, voir la lettre M.

O : Si cette case est cochée, un seul reçu sera émis annuellement. Pour plus de détails concernant les reçus annuels, consulter la procédure « Traitement des reçus à émettre ».

P : Ce champ permet de déterminer un montant minimum pour l'émission d'un reçu par défaut. Par exemple, si un montant de 20,00 $ est inscrit dans ce champ et qu'un don de 15,00 $ est effectué, la case en K ne sera pas cochée par défaut dans le formulaire. Par contre, si la case en K n'a pas été cochée dans la fenêtre ci-dessus et que le montant du don est plus petit que le montant minimum, le client ne pourra pas recevoir de reçu, même s'il désire en recevoir un.

Q : Cette case permet d'émettre des reçus pour tous les dons dont le montant est plus élevé que le montant minimum. Si cette case est cochée et que la case en K n'est pas cochée, les clients n'auront pas le choix de recevoir ou non un reçu (les dons dont le montant est moins élevé que le montant minimum ne recevront pas de reçu et les dons dont le montant est plus élevé que le montant minimum recevront un reçu). Si cette case est cochée et que la case en K est cochée également, les donateurs qui ont donné moins que le montant minimum auront le choix de recevoir ou non un reçu, puis les donateurs qui ont donné plus que le montant minimum recevront un reçu.


R : Si cette case est cochée, il sera impossible de demander un reçu si le montant minimum n'est pas atteint en K.

Consultation / Modification d'une activité de formulaire de type transaction avec prix de vente

Après avoir cliqué sur le bouton Bouton Ajouter.png ou sur le bouton Bouton Modifier.png, la fenêtre suivante s'ouvre.

Onglet « Informations »
ProDon5 Création d'un formulaire web 006.png

A : La liste déroulante permet de choisir l'activité qui doit être modifiée ou ajoutée.

NOTE : L'activité doit être préalablement créée dans la «Gestion des occasions de dons».

B : Ce champ permet de donner un libellé français à l'activité.

C : Ce champ permet de donner un libellé anglais à l'activité.

D : Le champ « Date d'affichage » permet de spécifier une date de publication pour l'activité si elle est différente de celle du formulaire.

E : Le champ « Date d'expiration » permet de spécifier une date d'expiration à l'activité. À partir du jour de la date d'expiration, un message de rappel disant que le formulaire est expiré s'affichera à l'ouverture de Prodon.

ATTENTION : Même si une date d'expiration est spécifiée, il faudra désactiver manuellement le formulaire le jour de la date d'expiration. Si le formulaire n'est pas désactivé manuellement, il restera disponible aux internautes.

Onglet « Inventaire Web »

Cet onglet apparaît quand l'activité est de type de transaction avec prix de vente fixe. Cliquer ici pour en savoir plus sur la configuration des activités.

ProDon5 Création d'un formulaire web 007.png

A : Si cette case est cochée l'inventaire Web est activé.

B : Libellé qui s'affiche quand il n'y a plus d'inventaire disponible

C : Ce champs est pour ajouter ou retirer des items de l'inventaire disponible sur le site Web en production.

D : Ce champs est pour ajouter ou retirer des items de l'inventaire disponible sur le site Web en test.

Onglet « Participant »

Cet onglet permet de faire la gestion des participants sur le formulaire Web.

Sous-onglet « Options »
ProDon5 Création d'un formulaire web 008.png

A : Si cette case est cochée la gestion des participants est activée.

B : Si le champs est à «Activé» le premier participant sera le donateur.

C : Le libellé du titre des participants, en français ou en anglais.

D : Grille des informations des participants, pour choisir les informations qui seront visibles aux utilisateurs et celles qui seront obligatoires.

Sous-onglet « Personnalisations »
ProDon5 Création d'un formulaire web 009.png

A : Il s'agit des caractéristiques disponibles pour personnalisé les informations recueillies sur les participant.

NOTE : Pour en savoir plus sur la création des caractéristiques cliquer ici.

B : Le bouton Bouton Ajouter.png permet d'ajouter de nouvelles caractéristiques à la liste en A.

C : Le bouton Bouton Modifier.png permet de modifier une caractéristique en A. Pour ce faire, sélectionner la caractéristique à modifier en A, puis cliquer sur le bouton Bouton Modifier.png.

D : Le bouton Bouton Retirer.png permet de retirer une caractéristique de la liste en A. Pour ce faire, sélectionner la caractéristique à retirer en A, puis cliquer sur le bouton Bouton Retirer.png.

E : Le bouton Bouton efface.png permet de vider la liste des caractéristiques en A.
Onglet « Note »
ProDon5 Création d'un formulaire web 010.png
A : Il s’agit de la liste des notes qui se trouvent dans les activités, donc les notes seront visibles dans la section transaction du formulaire Web. B : Le bouton Bouton Ajouter.png permet d’ajouter une nouvelle note dans les activités. Pour en savoir plus sur l'ajout de notes et des options possibles cliquer ici.
C : Le bouton Bouton Modifier.png permet de modifier une note déjà présente dans les activités. D : Le bouton Bouton Retirer.png permet de supprimer une note des activités.
Onglet « Validation »

La validation apparaît ainsi si l'activité à comme type de transaction à un prix de vente fixe.

ProDon5 Création d'un formulaire web 011.png
A : La liste déroulante qui permet de choisir si un internaute peut oui ou non modifier la quantité d'item qu'il peut se procurer. B : Dans ce champ mettre le multiple de la quantité d'items. Si l'internaute doit acheter des items par multiple de 3, par contre s'il s'agit de multiple de 1, ne rien inscrire.
C : Dans ce champ indiquer la quantité d'item par défaut qui sera affiché dans le formulaire. D : Dans ce champ inscrire la quantité minimale d'items.
E : Dans ce champ inscrire la quantité maximale d'items qu'un internaute peut se procurer lors de la transaction.

Consultation / Modification d'une activité de formulaire de type transaction standard

Après avoir cliqué sur le bouton Bouton Ajouter.png ou sur le bouton Bouton Modifier.png, la fenêtre suivante s'ouvre.

Onglet « Informations »
ProDon5 Création d'un formulaire web 014.png

A : Si cette case est cochée, le donateur pourra entrer un montant de son choix.

NOTE : L'activité doit être préalablement créée dans la «Gestion des occasions de dons». 

Onglet « Montant suggéré »

Cet onglet apparaît l'activité à comme type de transaction standard.

ProDon5 Création d'un formulaire web 015.png

A : Les boutons Bouton Ajouter.png, Bouton Modifier.png et Bouton Retirer.png permettent d'ajouter, de modifier, de dupliquer ou de supprimer les montants en B. Pour modifier ou supprimer un formulaire, sélectionner le bon formulaire en B, puis cliquer sur Bouton Modifier.png ou sur Bouton Retirer.png. Le bouton Petit Bouton Dupliquer.png permet de dupliquer les montants d'une autre activité.

B : Liste des montants suggérés.

Onglet « Validation »

La validation apparaît ainsi si l'activité à comme type de transaction à un prix standard.

ProDon5 Création d'un formulaire web 016.png
A : La liste déroulante qui permet de choisir si un internaute peut oui ou non modifier le montant qu'il veut donner. B : Dans ce champ indiquer le montant par défaut qui sera affiché dans le formulaire.
C : Dans ce champ inscrire le montant minimal d'un don. D : Dans ce champ inscrire le montant maximal d'un don.

Onglet « Engagement »

Cet onglet permet de configurer la section « Engagement » du formulaire.

NOTE : Cet onglet n'est que disponible pour les formulaire de type transaction.

ATTENTION : Les engagement ne sont disponibles que si le module engagement est activé. 

Sous-onglet « Occasion et activité »

ProDon5 Création d'un formulaire web 012.png

A : Si cette case est activée, la section « Engagement » sera disponible dans le formulaire.

B : Le bouton Petit Bouton Dupliquer.png permet de dupliquer les informations transactionnelles d'un autre formulaire.

NOTE : Le bouton est disponible seulement lors de l'ajout d'un formulaire, si l'on modifie un formulaire l'option n'est plus disponible.

C : Choisir le type d'engagement à utiliser sur le formulaire Web :

Engagement récurrent

Les transactions liées à des engagements de type récurrent seront créées en masse à une fréquence préétablie.

Engagement planifié

Les transactions liées à des engagements de type planifié sont créées lors de la réception du paiement.

D : Si cette case est cochée le donateur pourra entrer une date de fin pour la récurrence de dons.

E : Choisir l'occasion pour laquelle les transactions d'engagement seront effectuées.

F : Cette case permet d'afficher les informations de paiement dans un tableau. Pour un exemple d'informations de paiement dans un tableau, voir la lettre B de la section « Exemple 2 de formulaire Web ». Pour un exemple de paiement qui n'est pas dans un tableau, voir la lettre B de la section « Exemple 1 de formulaire Web ».

NOTE : Le donateur pourra choisir plus d'une activité seulement si les informations de paiement sont affichées dans un tableau.

G : Il s'agit des activités pour lesquelles le donateur peut faire un don ou s'inscrire. Cliquer ici pour plus d'information sur les activités d'un formulaire.

H : Le bouton Bouton Ajouter.png permet d'ajouter des activités en G.

NOTE : L'activité doit être préalablement créée dans la « Gestion des occasions de dons ».

I : Le bouton Bouton Modifier.png permet de modifier une activité de la liste en G. Pour modifier une activité, sélectionner l'activité à modifier, puis cliquer sur le bouton Bouton Modifier.png.

J : Le bouton Bouton Retirer.png permet de supprimer une activité de la liste en G. Pour supprimer une activité, sélectionner l'activité à supprimer, puis cliquer sur le bouton Bouton Retirer.png.

NOTE : Si une activité est supprimée à partir d'ici, elle sera seulement retirée du formulaire et sera toujours existante dans la « Gestion des occasions de dons ».

K : Ce bouton permet de consulter et de modifier le montant minimum et maximum d'un engagement.

L : Lorsque la case « Utiliser la case du reçu » est cochée, le donateur a le choix de recevoir ou non un reçu. De plus, cette case est toujours cochée par défaut dans le formulaire, excepté si un montant est spécifié dans la case montant minimum et que les versements totalisent un montant inférieur à ce dernier. Pour les engagement cocher l'option « Reçu annuel ». Pour un exemple « Lien à venir ».

NOTE : Il est fortement conseillé de toujours cocher cette case pour que tous les donateurs puissent recevoir un reçu si désiré.

ATTENTION : Si l'activité à laquelle le formulaire est attribué est configurée pour ne pas produire de reçus, la case n'apparaîtra pas dans le formulaire, même si cette dernière est cochée.

Sous-onglet « Fréquences »

ProDon5 Création d'un formulaire web 017.png
A : Il s'agit la liste des fréquences qui seront disponible pour les engagements. B : Le bouton Bouton Ajouter.png permet d'ajouter des fréquences en A.
C : Le bouton Bouton Modifier.png permet de modifier fréquence de la liste en A. Pour modifier une fréquence, sélectionner la fréquence à modifier, puis cliquer sur le bouton Bouton Modifier.png. D : Le bouton Bouton Retirer.png permet de supprimer une fréquence de la liste en A. Pour supprimer une fréquence, sélectionner la fréquence à supprimer, puis cliquer sur le bouton Bouton Retirer.png.
E : Le bouton Petit Bouton Dupliquer.png permet de dupliquer toutes les fréquences d'engagement d'un autre formulaire Web pour les ajouter en A.
Modification / consultation d'une fréquence fixe
Après avoir cliqué sur le bouton Bouton Ajouter.png ou sur le bouton Bouton Modifier.png, la fenêtre suivante s'ouvre.
ProDon5 Création d'un formulaire web 018.png
A : Libellé de la fréquence d'engagement qui apparaîtra dans le formulaire Web, en français et en anglais. B : Cocher la case pour créer une fréquence fixe.
C : Fréquence : Permet de choisir à quelle fréquence le donateur fera ses versements. Par exemple une fois par mois ou deux fois par mois. D : Date de début : Les versements de l'engagement débuteront à cette date. La date de début inscrite ici ne pourra pas être modifié par le donateur.

NOTE : Si la case « Date de début » est cochée en J, il faudra inscrire la date de début désirée.

E : Montant du versement : Ce que l'internaute donnera à chacun de ses versements. Le montant inscrit ne pourra pas être modifier par le donateur.

NOTE : Si la case « Montant du versement » est cochée en J, il faudra inscrire le montant qui sera forcé.

F : Objectif : Le montant total que le donateur donnera en tout à la fin de son engagement.

NOTE : Si la case « Objectif » est cochée en J, il faudra inscrire le montant de l'objectif qui sera forcé.

G : Nombre de versements : Le nombre de versements pour compléter l'engagement. Le nombre inscrit ici ne sera pas modifiable par le donateur.

NOTE : Si la case « Nombre de versement(s) / Date de fin » est cochée en J, il faudra forcer soit la date de fin ou le nombre de versements que le donateur devra faire. Si vous avez un objectif d'entré et que vous entrez un nombre de versement, la date de fin s’inscrit automatiquement, l'inverse est aussi vrai, si vous inscrivez une date de fin le nombres de versement se calculera automatiquement.

H : Date de fin : Les versements de l'engagement termineront à cette date. La date de fin inscrite ici ne pourra pas être modifié par le donateur.

NOTE : Si la case « Nombre de versement(s) / Date de fin » est cochée en J, il faudra forcer soit la date de fin ou le nombre de versements que le donateur devra faire.

Si vous avez un objectif d'entré et que vous entrez un nombre de versement, la date de fin s’inscrit automatiquement, l'inverse est aussi vrai, si vous inscrivez une date de fin le nombres de versement se calculera automatiquement.

I : Afficher un calendrier : Dans le cas d'un fréquence fixe, si la case est cochée, il sera possible de forcer une date de début en D, dans le cas qu'il n'y a pas de date de début forcé, l'internaute pourra choisir une date dans le calendrier à sa guise. Si elle n'est pas coché, en K. l'onglet « Journée » sera disponible et il sera possible de choisir la journée de la semaine à laquelle le versement du donateur sera fait. J : Informations fixes : Cocher les éléments que le donateur ne pourra pas modifier.
K : Onglet « Date » permet de limité les dates de versements à des dates précises, par exemple tout les premiers du mois.

NOTE : L'onglet n'est que disponible quand la date de début en D est vide et que « Date de début » n'est pas coché en J.

Onglet « Journée » permet de choisir une journée de la semaine où le versement sera fait.

NOTE : L'onglet n'est que disponible quand la case en I « Afficher un calendrier » n'est pas cocher.

Onglet « Note » permet d'ajouter des notes pour chacune des fréquences créées.

Modification / consultation d'une fréquence non fixe
Après avoir cliqué sur le bouton Bouton Ajouter.png ou sur le bouton Bouton Modifier.png, la fenêtre suivante s'ouvre.
ProDon5 Création d'un formulaire web 019.png
A : Libellé de la fréquence d'engagement qui apparaîtra dans le formulaire Web, en français et en anglais. B : Laissé la case décochée pour créer une fréquence non fixe.
C : Fréquence : Permet de choisir à quelle fréquence le donateur fera ses versements. Par exemple une fois par mois ou deux fois par mois. D :  Afficher un calendrier : Si la case est cochée, l'internaute pourra choisir une date dans le calendrier à sa guise. Si elle n'est pas coché, en E. l'onglet « Journée » sera disponible et il sera possible de choisir la journée de la semaine à laquelle le versement du donateur sera fait.
E : Onglet « Date » permet de limité les dates de versements à des dates précises, par exemple tout les premiers du mois.

NOTE : L'onglet n'est que disponible quand la case en I « Afficher un calendrier » n'est pas cocher. Onglet « Journée » permet de choisir une journée de la semaine où le versement sera fait.

NOTE : L'onglet n'est que disponible quand la case en I « Afficher un calendrier » n'est pas cocher.

Onglet « Note » permet d'ajouter des notes pour chacune des fréquences créées.

Onglet « Listes »

Sous-onglet « Pays »

Cette liste permet de choisir les pays à afficher dans les formulaires Web pour les adresses des donateurs.

ProDon5 Création d'un formulaire web 020.png

A : Le bouton « Activer la multisélection » si ce bouton est orange vous pourrez sélectionner plusieurs pays à la fois.

B : Liste des pays.

C : La colonne « Affiche », si un élément est coché, il sera disponible dans la liste des pays du formulaire Web. D : La colonne « Défaut », si un élément est coché, il sera le choix par défaut dans la liste des pays du formulaire Web.

E : Le bouton Bouton gros crochet.png permet d'ajouter tous les pays filtrés.

H : Le bouton Bouton Crochet ajouter confirmer.png permet d'ajouter les pays sélectionnés.

G : Le bouton Bouton gros X.png permet de retirer tous les pays filtrés.

F : Le bouton Bouton annuler.png permet de retirer les pays sélectionnés.

I : Le bouton Bouton crochet dans rond.png permet de cocher ou décocher le pays par défaut.

Sous-onglet « Provinces »

Cette liste permet de choisir les provinces à afficher dans les formulaires Web pour les adresses des donateurs.

ProDon5 Création d'un formulaire web 021.png
A : Le bouton « Activer la multisélection » si ce bouton est orange vous pourrez sélectionner plusieurs pays à la fois. B : Liste des pays.
C : La colonne « Affiche », si un élément est coché, il sera disponible dans la liste des provinces du formulaire Web. D : La colonne « Défaut », si un élément est coché, il sera le choix par défaut dans la liste des provinces du formulaire Web.
E : Le bouton Bouton gros crochet.png permet d'ajouter tous les provinces filtrés. F : Le bouton Bouton Crochet ajouter confirmer.png permet d'ajouter les provinces sélectionnés.
G : Le bouton Bouton gros X.png permet de retirer tous les provinces filtrés. H : Le bouton Bouton annuler.png permet de retirer les provinces sélectionnés.
I : Le bouton Bouton crochet dans rond.png permet de cocher ou décocher le provinces par défaut.

Onglet « Personnalisations »

Cet onglet permet de créer des caractéristiques qui seront ajoutées dans différentes sections du formulaire Web et ensuite importées dans Prodon lors de l'importation.

Pour savoir comment configurer les caractéristiques, consulter ce document.

ProDon5 Création d'un formulaire web 022.png
A : Toutes les caractéristiques qui ont été ajoutées au formulaire. B : Le bouton Bouton Ajouter.png permet d'ajouter une nouvelle caractéristique au formulaire.
C : Le bouton Bouton Modifier.png permet de modifier une caractéristique de la liste en A. Pour ce faire, sélectionner la note à modifier en A, puis cliquer sur le bouton Bouton Modifier.png. D : Le bouton Bouton Retirer.png permet de supprimer une caractéristique de la liste en A. Pour ce faire, sélectionner la caractéristique à supprimer en A, puis cliquer sur le bouton Bouton Retirer.png
E : Le bouton Bouton efface.png permet de supprimer toutes les caractéristiques de cette section du formulaire.

Les sous-onglets de personalisation

« Section client »

Les caractéristiques de la section client documentent des informations supplémentaires sur vos donateurs

Dans les sous-onglets, après avoir cliqué sur le bouton Bouton Ajouter.png ou sur le bouton Bouton Modifier.png, la fenêtre suivante s'ouvre. 
« Informations »
ProDon5 Création d'un formulaire web 023.png

A : Si la case « Afficher » est cochée, la caractéristique choisie s'affichera dans le formulaire Web.

B : Choisir la caractéristique, soit dans le menu déroulant, soit en cliquant le bouton Bouton Selection 3 petits points.png.

NOTE : Il est possible de créer une nouvelle caractéristique en utilisant le bouton Bouton Selection 3 petits points.png.

C : Libellé (Français et Anglais) : Texte qui s'affichera pour documenter la caractéristique. D : Le groupe permet de regrouper les caractéristiques ensemble, le nom du groupe servira de titre à la section.

E : Association (Importation)

F : Positionnement : il y a 3 positions possible pour les caractéristiques.

Dans la section confirmation : La caractéristique se retrouvera dans la section de confirmation / paiement.

Dans la section identification : La caractéristique se retrouvera dans la section d'informations personnelles.

Dans la section informations supplémentaires : La caractéristique se retrouvera dans une section sous les informations personnelles.

NOTE : Cliquez ici, pour visualiser les différentes possibilités de positionnement.

G : Nombre de caractère maximum : Selon le type de caractéristique, il est possible de limiter le nombre de caractères

H : Lecture seule : Si la case est cochée, la caractéristique ne sera pas éditable pour l'internaute.
I : Valeur obligatoire : Si la case est cochée, l'internaute devra absolument entrer une valeur. J : Utiliser une liste de choix : Si la caractéristique est soit une « liste de choix prédéfinis » ou une « liste de choix », il sera possible, en cochant cette case, de faire apparaître sous forme de menu déroulant. Cliquer ici pour un exemple voir lettre B de ce dernier.
K : Utiliser des boutons radio : Si la caractéristique est une « liste de choix prédéfinis » ou « liste de choix », il sera possible, en cochant cette case, de faire apparaître sous forme de bouton radio. Cliquer ici pour un exemple voir lettre C de ce dernier. L : Utiliser une liste de choix multiples : Si la caractéristique est une « liste de choix prédéfinis » ou « liste de choix » et que la case « Permettre une seule valeur par enregistrement » n'est pas cochée, il sera possible, en cochant cette case, de la faire apparaître sous forme de cases à cocher. Cliquer ici pour un exemple voir lettre D de ce dernier.
M : Afficher sur une colonne : Si la caractéristique est une « liste de choix prédéfinis » ou « liste de choix », il sera possible, en cochant cette case, de la faire apparaître sous forme de cases à cocher placées une en dessous de l'autre. Cliquer ici pour un exemple voir lettre D de ce dernier. N : Afficher sur deux colonnes : Si la caractéristique est une « liste de choix prédéfinis » ou « liste de choix », il sera possible, en cochant cette case, de la faire apparaître sous forme de cases à cocher placées sur deux colonnes. Cliquer ici pour un exemple voir lettre C de ce dernier.
O : Afficher la personnalisation dans le courriel de confirmation : Si la case est cochée, l'internaute verra les personnalisations dans le courriel de confirmation.
« Choix »

Disponible si la caractéristique est une « liste de choix prédéfinis » ou « liste de choix »

ProDon5 Création d'un formulaire web 024.png
A : Tous les choix de la caractéristiques qui ont été ajoutées au formulaire. B : Le bouton Bouton Ajouter.png permet d'ajouter un nouveau choix à la personnalisation du formulaire.
C : Le bouton Bouton Modifier.png permet de modifier une caractéristique de la liste en A. Pour ce faire, sélectionner la note à modifier en A, puis cliquer sur le bouton Bouton Modifier.png. D : Le bouton Bouton Retirer.png permet de supprimer une caractéristique de la liste en A. Pour ce faire, sélectionner la caractéristique à supprimer en A, puis cliquer sur le bouton Bouton Retirer.png
E : Le bouton Bouton actualiser.png permet de mettre à jour la liste de choix en A si la caractéristique a été modifié dans la gestion des caractéristiques. Cliquer ici pour plus la gestion des caractéristiques.
Après avoir cliqué sur le bouton Bouton Ajouter.png ou sur le bouton Bouton Modifier.png, la fenêtre suivante s'ouvre. 
ProDon5 Création d'un formulaire web 025.png
A : Valeur : La valeur prédéfinie provenant de la gestion des caractéristiques. B : Libellé (Français et Anglais) : Texte qui s'affichera pour documenter la caractéristique, il peut être différent de la valeur pour faciliter la compréhension de l'internaute.
C : Si la case « Voir sur le formulaire » est cochée, la valeur de la caractéristique choisie sera disponible parmi les choix de réponses sur le formulaire Web.
« Validation et activation »

Si la personnalisation est de type texte, la fenêtre sera comme ci-dessous, par contre s'il s'agit d'une liste de choix, il y a moins d'options disponibles.

ProDon5 Création d'un formulaire web 026.png
A : Valeur par défaut : Une valeur suggérée pour l'internaute. B : Cette personnalisation est... : Si applicable cocher le type de personnalisation qui devra être inscrite.
C : Personnalisation d'activation : Permet d'afficher la personnalisation dans le formulaire en fonction de la réponse à une autre personnalisation. Choisir, à l'aide de la flèche déroulante, en fonction de quelle personnalisation celle-ci apparaîtra ou non. Dans cet exemple, le champ s'affichera en fonction de la personnalisation choisie ici et de la réponse spécifiée en D. D : Activé pour : Permet de choisir en fonction de quelle réponse le champ s'affichera. Dans cet exemple, si le donateur répond « Autre » à la question en C, ce champ s'affichera.
E : Permet d'inscrire une valeur à importer, si le donateur qui complète le formulaire répond « Autre » à la question en D. Dans cet exemple, si la case « Autre » est cochée, la valeur inscrite sera importée dans Prodon pour ce champ.
« Note »
ProDon5 Création d'un formulaire web 027.png
A : Il s’agit de la liste des notes qui se trouvent dans les personnalisations, donc les notes seront visibles dans la section transaction du formulaire Web. B : Le bouton Bouton Ajouter.png permet d’ajouter une nouvelle note dans les personnalisations. Pour en savoir plus sur l'ajout de notes et des options possibles cliquer ici.
C : Le bouton Bouton Modifier.png permet de modifier une note déjà présente dans les personnalisations. D : Le bouton Bouton Retirer.png permet de supprimer une note des personnalisations.

Onglet « Note »

ProDon5 Création d'un formulaire web 028.png
A : Il s’agit de la liste des notes qui se trouvent dans toutes les sections du formulaire Web (transaction, engagement, personalisations...). B : Le bouton Bouton Ajouter.png permet d’ajouter une nouvelle note dans le formulaire Web. Pour en savoir plus sur l'ajout de notes et des options possibles cliquer ici.
C : Le bouton Bouton Modifier.png permet de modifier une note déjà présente dans leformulaires Web. D : Le bouton Bouton Retirer.png permet de supprimer une note dans le formulaire Web.
D : Le bouton Bouton efface.png permet de supprimer toutes les notes dans le formulaire Web.

Onglet « Courriel »

ProDon5 Création d'un formulaire web 029.png

A : Le titre du courriel qui confirme la transaction.

B : L'adresse de retour pour que l'utilisateur puisse répondre au courriel de confirmation.

NOTE : Il est possible de mettre une fausse adresse.

C : Nom qui s'affiche dans l'entête du courriel. D : Pour mettre une adresse de courriel en copie conforme, mais pas visible pour le donateur.
E : Après avoir fait un clique droit, un menu permettant d'ajouter des champs de fusion, des images, un résumé de transaction, le reçu électronique, des balises HTML au courriel de confirmation.

Onglet « Liste de distribution »

En lien avec le module Publicourriel, permet aux donateurs de s'abonner à des bulletins électroniques.

Pour en savoir plus sur la création des listes de distribution, cliquez ici.

ProDon5 Création d'un formulaire web 030.png

A : Il s’agit des listes de distributions qui seront disponibles pour les donateurs dans la section informations supplémentaires dans le mode de paiement.

B : Le bouton Bouton Ajouter.png permet d’ajouter une nouvelle liste de distribution dans les formulaires Web.

C : Le bouton Bouton Modifier.png permet de modifier le libellé de la liste de distribution ou en choisir une nouvelle. D : Le bouton Bouton Retirer.png permet de supprimer une liste de distribution dans les formulaires Web.
E : Le bouton Petit Bouton Dupliquer.png permet de dupliquer des listes de distributions d'un autre formulaire Web. F : Le bouton Bouton efface.png permet de supprimer toutes les listes de distributions dans les formulaires Web.

Onglet « Partage sur les réseaux sociaux »

ProDon5 Création d'un formulaire web 031.png

A : Cocher la case « Utiliser des réseaux sociaux différents de la page d'accueil » pour configurer un partage sur les réseaux sociaux différents de ceux configurer dans la page d'accueil, cliquez-ici pour plus d'informations au sujet du partage sur les réseaux sociaux.

Onglet « Options avancées »

Les options avancées permettent de configurer des libellés, certaines informations obligatoires, l'ordre des pages du formulaire et autres informations d'affichage.

ProDon5 Création d'un formulaire web 032.png

A : La case « Afficher sur la page d'accueil » permet d'afficher ou non le formulaire sur la page d'accueil.

NOTE : Il est possible de partager le lien du formulaire même si ce dernier n'est pas affiché sur la page d'accueil.

B : La langue du donateur peut être déterminée de deux façons, soit « Selon le formulaire rempli », soit

« Demander au client ».

NOTE : Si votre formulaire est disponible en français et en anglais, les options de langue du client ne seront pas disponibles et seront par défaut à « Selon le formulaire rempli ». Pour voir comment faire un formulaire en français et un en anglais, cliquer ici.

Si le formulaire n'est que disponible dans une langue, il sera possible de choisir la méthode de saisie de la langue, aussi il est possible de créer une liste de langue en cliquant sur le bouton Bouton spécifier les langues.png .

C : Groupe de libellés : Il est possible de créer des groupes de libellés pour différents types de formulaires, ce qui permet d'avoir les libellés appropriés pour chacune des sections (Section donateur, titre de section, autre libellé du formulaire, page de confirmation). Pour en faire la modification, cliquer sur Bouton modifier les libellés.png . D : Groupe de libellés (Transaction) : Il est possible de créer des groupes de libellés pour différents types de formulaires de transactions, ce qui permet d'avoir les libellés distincts pour cette section (type de transaction, section engagement et autre libellé du formulaire). Pour en faire la modification, cliquer sur Bouton modifier les libellés.png .
E : Pour déterminer qui sera le donateur par défaut, dans l'exemple (Demander au donateur) le donateur devra choisir entre «Personnel » ou « Corporatif ».

Si « Corporatif » est par défaut, le formulaire sera orienté pour un don d'une entreprise.

Si « Personnel » est par défaut, le formulaire sera orienté pour un don d'un individu.

NOTE : Il est possible de choisir un autre type de formulaire, même si un autre type est par défaut.

F : Pour déterminer le type de transaction choisie par défaut, dans l'exemple (Transaction, c'est-à-dire soit un don unique, soit un achat) le donateur sera dirigé par défaut faire un formulaire de transaction.

Si « Engagement » est par défaut, le formulaire sera orienté vers une transaction de type engagement, si ce module est actif.

Si « Demander au donateur » est par défaut, le donateur pourra choisir le type de transaction.

NOTE : Il est possible de choisir un autre type de formulaire, même si un autre type est par défaut.

G : Menu déroulant permettant de choisir si la page de transaction apparaîtra avant ou après la page des informations personnelles. Cliquez ici pour un exemple voir la lettre A. H : L'affichage des montants suggérés peut se faire de deux façons, soit sous forme de boutons, soit sous forme de liste déroulante. Cliquez ici pour les exemples de montants suggérés.
I : Si cette case est cochée, le numéro d'enregistrement de l'organisme apparaîtra dans le bas du formulaire. Pour un exemple de libellé d'OBNL, voir la lettre C de la section Cliquez ici pour les exemples de montants suggérés. J : Si la case est cochée, les donateurs pourrons entrer leur adresse en texte libre, ce qui peut augmenter les chances d'avoir des adresses non conformes. Dans le cas où la case n'est pas cochée, l'option de bloc libre est disponible pour le donateur, s'il ne peut pas entrer son adresse avec les menus déroulant.
K : Si la case est cochée, le courriel du donateur sera obligatoire. L : Si la case est cochée, le donateur devra confirmer son adresse courriel.
M : Si la case est cochée, le téléphone du donateur sera obligatoire. Il est possible de choisir quel téléphone sera obligatoire selon le type de donateur.

NOTE : Si deux types de numéros de téléphone sont choisis, par exemple résidence et mobile, le donateur devra donné obligatoirement au moins un des deux.

N : Si la case est cochée, le donateur pourra laisser un commentaire.
O : Cacher les informations transactionnelles, à venir. P : En cliquant le bouton Prodon5 Bouton Intégration à JDEL.png le menu déroulant offre deux choix, soit « Configuration de l'adresse URL pour l'Intégration post-traitement » soit « Paramètre d'appel GET & POST », pour plus d'informations sur ce dernier, cliquez ici.

Synchronisation en test

Afin de voir et vérifier le formulaire, il est conseillé de le synchroniser en test et ensuite d’aller le consulter.


Pour ce faire, cliquez sur le bouton Prodon5 Mini Bouton Envoyer sur site.png et sélectionnez « Synchroniser en test » | « Ce formulaire ».


Ensuite, pour aller voir le formulaire en test cliquez sur le bouton Bouton Visualiser Formulaire Web.png et sélectionnez « Page en test » | « Formulaire (français) ».


Une fois sur le formulaire, vous pouvez y faire les tests de transactions et visuels nécessaires.

Carte de crédit test

Une fois rendu à la sélection du mode de paiement, vous pourrez sélectionner Carte de crédit et y mettre les numéros suivants.


Visa : 4000 0000 0000 0002  exp. : 01/année suivante  CVV : 123

Master Card : 5200 0000 0000 0007  exp. : 01/année suivante  CVV : 123


ATTENTION : ces numéros de carte de crédit sont à utiliser en mode test UNIQUEMENT.

Synchronisation en production

Une fois que les vérifications sont complétées et que le formulaire est prêt à être accessible aux internautes, il faut le synchroniser en production.


Cliquer sur le bouton Prodon5 Mini Bouton Envoyer sur site.png et sélectionner « Synchroniser en production » | « Ce formulaire ».

Exemples

Formulaire transactionnel

Formulaire des informations personnelles

ProDon5 Création d'un formulaire web 033.png

A : La barre d'étape permet de voir à quelle étape de la transaction le donateur est rendu.

NOTE : Position de la page de transaction, dans l'exemple la page de transaction est après les informations personnelles.

B : Le bouton « CONNEXION » permet de se connecter à la Logizione et le bouton « EN » permet de changer la langue du formulaire, si ce dernier est disponible en anglais.

C : Titre du formulaire. D : Titre de la section, qui est possible de modifier dans les groupes de libellés.

E : Type de donateur.

F : Exemple de mode d'entrée de l'adresse, en cliquant sur « Je n'arrive pas à entrer mon adresse » il sera possible d'utiliser le format d'adresse bloc libre.

G : Un compte LogiZone est un profil dans lequel le donateur pourra enregistrer ses coordonnées. Il n'est pas obligatoire d'avoir un compte LogiZone pour faire une transaction. La création d'un compte LogiZone évite au donateur d'avoir à saisir ses coordonnées chaque fois qu'il remplit un formulaire de dons en ligne. Outre l'économie de temps, le compte LogiZone permettra également au donateur de conserver l'historique de toutes ses transactions. Ses reçus officiels de dons y seront également conservés automatiquement, il aura donc la possibilité de les imprimer à tout moment. H : Exemple de groupe de personnalisation.
I : Exemple de personnalisation sous forme de liste déroulante. J : Exemple de personnalisation sous forme de boutons radio.
K : Exemple de personnalisation sous forme de liste à choix multiple (sur deux colonnes). L : Numéro d'enregistrement de l'organisme.
K : Temps restant à l'utilisateur sur le formulaire.

Formulaire des transactions (en tableau)

ProDon5 Création d'un formulaire web 034.png

A : Activité à prix standard.

B : Activité avec prix de vente.

C : Informations des participants.

NOTE : Les informations du premier participant seront préremplies, si l'étapes des informations personnelles sont avant celles de transactions.

D : Personnalisations des participants.

E : Montant total de la transaction. F : Personnalisations de transactions.

Formulaire des transactions (unique)

ProDon5 Création d'un formulaire web 035.png
ProDon5 Création d'un formulaire web 036.png

A : Type de transaction.

B : Personnalisation de transaction.

C : Montant suggéré sous forme de liste déroulante.

D : Libellé du montant.

E : Montant suggéré sous forme de bouton. F : Case pour entrer un montant autre que ceux suggérés.

Nom du document : ProDon:Création d'un formulaire Web
Version :