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

De Logilys
Aller à : navigation, rechercher
(Modification / consultation d'une fréquence fixe)
(Synchronisation en production)
 
(186 révisions intermédiaires par 3 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
{{Entete_TOC}}<br>
+
{{Entete_TOC}}
 
 
 
 
<span style="color:red;">'''ATTENTION : Ce document est présentement en rédaction/révision, il est possible que certaines parties soient manquantes ou désuètes.'''</span> 
 
 
 
'''<u>ATTENTION</u>''' : Ce document est conçu pour la '''VERSION''' '''5''' de '''''Prodon'''''. Pour accéder au document de la version 4, [[ProDon:Création_d'un_formulaire_Web_(version_4)|cliquer ici]]. 
 
 
 
 
 
  
 +
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 [http://doc.logilys.com/formation/Donsenligne-Formulaires.pdf Dons en ligne - 1 - Formulaires]'''
  
 
== Introduction  ==
 
== Introduction  ==
Ligne 19 : Ligne 14 :
 
== Création d'un formulaire Web  ==
 
== 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.<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.  
  
Après avoir fait des modifications sur les formulaires, il faut les envoyer en test ou en production. Pour plus d'information sur l'envoi des modifications, consulter [[ProDon:Création d'un formulaire Web#Envoi_des_informations_sur_le_site_Web|cette section]].<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>  
  
 
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>  
Ligne 35 : Ligne 30 :
 
|}<br>  
 
|}<br>  
  
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
+
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
|-
 
|-
| colspan="2" |  
+
| colspan="2" |
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. 
+
=== 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" | [[Fichier:ProDon5 Création d'un formulaire web 001.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);">'''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]].  
 
<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 <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%" |  
Ligne 52 : Ligne 48 :
  
 
|-
 
|-
|  
+
| width="50%" |
 
<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>  
 
<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>  
  
Ligne 62 : Ligne 58 :
 
|-
 
|-
 
|  
 
|  
<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>
+
<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 :''' 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>.
 
'''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>.
Ligne 68 : Ligne 64 :
 
'''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.
 
'''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]]uvre 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[[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>
  
 
'''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>.  
 
'''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>.  
Ligne 88 : Ligne 84 :
 
|}
 
|}
  
===  Modification / consultation des formulaires Web ===
+
==  Ajout / modification / consultation des formulaires Web ==
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
|-
 
|-
 
| 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]], 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);">'''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);">'''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.
 +
|-
 +
| 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.
 
|-
 
|-
 
| colspan="2" | [[Fichier:ProDon5 Création d'un formulaire web 002.png]]<br>
 
| colspan="2" | [[Fichier:ProDon5 Création d'un formulaire web 002.png]]<br>
Ligne 111 : 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.  
  
 
|}  
 
|}  
  
==== Onglet «&nbsp;Options du formulaire&nbsp;»  ====
+
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
+
| colspan="2" |
Cet onglet permet de configurer l'apparence générale du formulaire.
+
=== Onglet «&nbsp;Configuration du formulaire&nbsp;»  ===
  
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
+
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.
 
|-
 
|-
 
| colspan="2" | [[Fichier:ProDon5 Création d'un formulaire web 003.png]]<br>
 
| colspan="2" | [[Fichier:ProDon5 Création d'un formulaire web 003.png]]<br>
Ligne 160 : Ligne 162 :
 
|-
 
|-
 
| 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.
 
| 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.
|}
+
'''NOTE :''' Cette case n'est que disponible pour les formulaires de type transaction.
 +
|}  
 +
 
 +
{| 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.
 +
 
 +
Il vous sera possible d'ajouter des modes de paiement instantanés si vous avez fait l'ouverture de compte Paysafe.
  
==== Onglet «&nbsp;Paiements&nbsp;» ====
+
Pour savoir comment faire l'ouverture de compte Paysafe, [https://youtu.be/fJyhogFdxmk cliquez ici.]
Cet onglet permet de configurer l'apparence générale du formulaire.  
 
  
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
+
'''NOTE :''' Cet onglet n'est que disponible pour les formulaire de type transaction.
 
|-
 
|-
 
| colspan="2" | [[Fichier:ProDon5 Création d'un formulaire web 004.png]]<br>
 
| colspan="2" | [[Fichier:ProDon5 Création d'un formulaire web 004.png]]<br>
Ligne 185 : Ligne 194 :
 
|-
 
|-
 
| 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>.
 
| 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>.
|}
+
|}  
 +
 
 +
{| 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.  
  
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
+
'''NOTE :''' Cet onglet n'est que disponible pour les formulaire de type transaction.
 
|-
 
|-
 
| colspan="2" | [[Fichier:ProDon5 Création d'un formulaire web 005.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.  
+
<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%" |  
Ligne 207 : Ligne 219 :
  
 
| width="50%" |  
 
| width="50%" |  
<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#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);">'''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;:''' Le donateur pourra choisir plus d'une activité seulement si les informations de paiement sont affichées dans un tableau.  
 
'''NOTE&nbsp;:''' Le donateur pourra choisir plus d'une activité seulement si les informations de paiement sont affichées dans un tableau.  
Ligne 272 : Ligne 284 :
 
|}
 
|}
  
==== Consultation / Modification d'une activité de formulaire avec type de transaction avec prix de vente ====
+
==== Consultation / Modification d'une activité de formulaire de type transaction avec prix de vente ====
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
|-
 
|-
 
| 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 [[Fichier:Bouton Ajouter.png]] ou sur le bouton [[Image:Bouton Modifier.png]], la fenêtre suivante s'ouvre.  
 
|-
 
|-
 
| colspan="2" |
 
| colspan="2" |
===== Onglet «&nbsp;Informations&nbsp;» =====
+
===== Onglet «&nbsp;Informations&nbsp;» =====
 
|-
 
|-
| colspan="2" | [[Fichier:ProDon5 Création d'un formulaire web 006.png]]<br>
+
| colspan="2" | [[Image:ProDon5 Création d'un formulaire web 006.png]]<br>
 
|-
 
|-
 
| width="50%" |  
 
| width="50%" |  
Ligne 306 : Ligne 318 :
 
|-
 
|-
 
| colspan="2" |
 
| colspan="2" |
 +
 
===== Onglet «&nbsp;Inventaire Web&nbsp;» =====
 
===== Onglet «&nbsp;Inventaire Web&nbsp;» =====
Cet onglet apparaît l'activité à comme type de transaction à un prix de vente fixe.
+
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.
  
 
|-
 
|-
Ligne 327 : Ligne 340 :
 
| colspan="2" |
 
| colspan="2" |
 
===== Onglet «&nbsp;Participant&nbsp;» =====
 
===== Onglet «&nbsp;Participant&nbsp;» =====
 +
Cet onglet permet de faire la gestion des participants sur le formulaire Web.
 
|-
 
|-
 
| colspan="2" |'''Sous-onglet «&nbsp;Options&nbsp;»'''
 
| colspan="2" |'''Sous-onglet «&nbsp;Options&nbsp;»'''
Ligne 392 : Ligne 406 :
 
|}
 
|}
  
==== Consultation / Modification d'une activité de formulaire avec type de transaction standard ====
+
==== Consultation / Modification d'une activité de formulaire de type transaction standard ====
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
|-
 
|-
Ligne 431 : Ligne 445 :
 
|<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> Dans ce champ inscrire le montant minimal d'un don.
 
|<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> Dans ce champ inscrire le montant maximal d'un don.
|}
+
|}
  
 +
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 +
| colspan="2" |
 
=== Onglet «&nbsp;Engagement&nbsp;» ===
 
=== Onglet «&nbsp;Engagement&nbsp;» ===
 
Cet onglet permet de configurer la section «&nbsp;Engagement&nbsp;» du formulaire.  
 
Cet onglet permet de configurer la section «&nbsp;Engagement&nbsp;» du formulaire.  
 +
 +
'''NOTE :''' Cet onglet n'est que disponible pour les formulaire de type transaction.
  
 
'''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é.    
 
'''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é.    
 
+
|-
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
 
| colspan="2" |
 
| colspan="2" |
 
==== Sous-onglet «&nbsp;Occasion et activité&nbsp;» ====
 
==== Sous-onglet «&nbsp;Occasion et activité&nbsp;» ====
Ligne 488 : Ligne 505 :
 
|-
 
|-
 
|  
 
|  
<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.
+
<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.  
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''J&nbsp;:'''</span> 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&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);">'''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);">'''P'''</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);">'''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>  
 
'''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çus, la case n'apparaîtra pas dans le formulaire, même si cette dernière 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 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.
 
 
|-
 
|-
 
| colspan="2" |
 
| colspan="2" |
Ligne 524 : Ligne 532 :
 
| 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" |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 018.png]]<br>
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 018.png]]<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);">'''B&nbsp;:'''</span> Cocher la case pour créer une fréquence fixe.
|}
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
 
|-
 
|-
| width="50%" |
+
|<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.
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
+
|<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.
 
|-
 
|-
| colspan="2" |
+
|<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.
{{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.  
+
'''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é.
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 005.png]]<br>
+
|<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.
|-
+
'''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.  
| colspan="2" |
+
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.  
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.  
+
|<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.
 
+
'''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.
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>
 
 
 
|}
 
 
 
<br>
 
  
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
+
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.
 
|-
 
|-
| colspan="2" |
+
|<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.
{{Anchor||Commentaire1}}Après avoir cliqué sur le bouton [[Image:Bouton spécifier les langues.png]], la fenêtre suivante s'ouvre.  
+
|<span style="color: rgb(255, 0, 0);">'''J&nbsp;:'''</span> Informations fixes : Cocher les éléments que le donateur ne pourra pas modifier.
 
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 006.png]]<br>
+
| 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.
|-
+
'''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>.
| 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>
 
 
 
| 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>
 
 
 
|-
 
| 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>
 
  
|}
+
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.
  
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
+
Onglet «&nbsp;Note&nbsp;» permet d'ajouter des notes pour chacune des fréquences créées.
 
|-
 
|-
| colspan="2" |  
+
| colspan="2" |
Après avoir cliqué sur le bouton [[Image:Bouton modifier les libellés.png]], la fenêtre suivante s'ouvre.<br>
+
===== Modification / consultation d'une fréquence non fixe =====
 
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 007.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%" |
 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il s'agit de la liste des libellés du formulaire.<br>
 
 
 
| 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>
 
 
 
|-
 
|
 
<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" |  
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 019.png]]<br>
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>  
 
 
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 009.png]]<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);">'''B&nbsp;:'''</span> Laissé la case décochée pour créer une fréquence non fixe.
 
|-
 
|-
|  
+
|<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);">'''A&nbsp;:'''</span> Permet d'inscrire un montant minimum que le donateur peut donner.<br>
+
|<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);">'''B&nbsp;:'''</span> Permet d'inscrire un montant maximum que le donateur peut donner.  
 
 
 
 
|-
 
|-
|  
+
| 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);">'''C&nbsp;:'''</span> Permet d'inscrire une quantité minimum de billets que le donateur peut acheter.<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.
 +
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);">'''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 multiple. Par exemple, si j'inscris 2 dans la case blanche, les donateurs pourront acheter seulement un nombre pair de billets.<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"
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 +
| colspan="2" |
 +
==== Sous-onglet «&nbsp;Pays&nbsp;» ====
 +
Cette liste permet de choisir les pays à afficher dans les formulaires Web pour les adresses des donateurs.
 
|-
 
|-
| colspan="2" |  
+
| colspan="2" | [[Fichier:ProDon5 Création d'un formulaire web 020.png]]<br>
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> Le bouton «&nbsp;Activer la multisélection&nbsp;» si ce bouton est orange vous pourrez sélectionner plusieurs pays à la fois.  
 
 
'''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;».  
 
  
 
| 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> Liste des pays.  
 
 
|-
 
|
 
<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);">'''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);">'''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);">'''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" |
 
<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;».
 
 
 
|-
 
| colspan="2" style="text-align: center;" | [[Image:ProDon Création formulaire Web 011.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);">'''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);">'''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);">'''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>
 
 
 
|-
 
| colspan="2" |
 
<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>
+
|<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.
|
 
<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> Le bouton [[Image:Bouton Ajouter.png]] permet d'ajouter une note à la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>.<br>
 
 
 
'''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);">'''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>
 
 
 
|-
 
| colspan="2" | [[Image:ProDon Création formulaire Web 013.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.
 
 
 
'''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;».
 
 
 
|
 
<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>
 
 
 
'''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);">'''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.
 
 
 
|}
 
 
 
<br>
 
 
 
=== Onglet «&nbsp;Engagement&nbsp;»  ===
 
 
 
Permet de configurer la section «&nbsp;Engagement&nbsp;» d'un formulaire Web.  
 
 
 
==== Onglet «&nbsp;Occasion et activité&nbsp;»  ====
 
 
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
|-
 
| 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%" |  
 
| width="50%" |  
<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>
+
<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%" |  
 
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Choisir l'occasion pour laquelle les engagements seront effectués.<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> 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;».
+
<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.  
 
 
'''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>.  
 
  
 +
|  <span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Le bouton [[Fichier:Bouton annuler.png]] permet de retirer les pays sélectionnés.
 
|-
 
|-
|  
+
| colspan="2" |  
<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);">'''I&nbsp;:'''</span> Le bouton [[Fichier:Bouton crochet dans rond.png]] permet de cocher ou décocher le pays par défaut.
 
 
'''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]].
 
 
 
 
|-
 
|-
|  
+
| colspan="2" |
<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>
+
==== Sous-onglet «&nbsp;Provinces&nbsp;» ====
 
+
Cette liste permet de choisir les provinces à afficher dans les formulaires Web pour les adresses des donateurs.
|
 
<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>
 
 
 
 
|-
 
|-
|  
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 021.png]]<br>
<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>  
 
 
 
'''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>.
 
 
 
 
|-
 
|-
|  
+
|<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);">'''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.  
+
|<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Liste des pays.  
 
 
'''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;».  
 
 
 
 
|-
 
|-
|  
+
|<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);">'''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);">'''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.
 
 
|  
 
<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>
 
 
 
{| class="wikitable" cellspacing="1" cellpadding="1" border="1" style="width: 353px; height: 314px;"
 
 
|-
 
|-
| colspan="2" |
+
|<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. 
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);">'''F&nbsp;:'''</span> Le bouton [[Fichier:Bouton Crochet ajouter confirmer.png]] permet d'ajouter les provinces sélectionnés.  
 
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 015.png]]
+
|<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);">'''H&nbsp;:'''</span> Le bouton [[Fichier:Bouton annuler.png]] permet de retirer les provinces sélectionnés.
 
|-
 
|-
| width="50%" |  
+
| 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);">'''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>
 
  
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
|-
+
| colspan="2" |
| colspan="2" |  
+
=== Onglet «&nbsp;Personnalisations&nbsp;» ===
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.
+
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]].
 
 
|-
 
| colspan="2" | [[Image:ProDon Création formulaire Web 016.png]]
 
|-
 
|
 
<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é.  
 
  
 +
Pour savoir comment configurer les caractéristiques, consulter [[ProDon:Configuration des personnalisations d'un formulaire Web|ce document]].
 
|-
 
|-
|  
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 022.png]]
<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);">'''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);">'''A&nbsp;:'''</span> Toutes les caractéristiques qui ont été ajoutées au formulaire.
<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);">'''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.
 
 
|  
 
<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>.  
 
 
 
 
|-
 
|-
| colspan="2" |
+
|<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);">'''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>
+
|<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]]. 
 
 
 
|-
 
|-
| colspan="2" style="text-align: center;" | [[Image:ProDon Création formulaire Web 017.png]]<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.
 
|-
 
|-
| width="50%" |  
+
| colspan="2" |
<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>
+
==== Les sous-onglets de personalisation ====
 
+
===== «&nbsp;Section client&nbsp;» =====
| width="50%" |
+
Les caractéristiques de la section client documentent des informations supplémentaires sur vos donateurs 
<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]].
 
 
 
 
|-
 
|-
| 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. 
<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>
 
  
 +
===== «&nbsp;Informations&nbsp;» =====
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 018.png]]<br>
+
| colspan="2" | [[Fichier:ProDon5 Création d'un formulaire web 023.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);">'''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> 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> 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]].
 
 
 
|-
 
| colspan="2" | [[Image:ProDon Création formulaire Web 019.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 par défaut. Ce montant sera affiché par défaut à l'ouverture du formulaire.<br>
 
 
 
|-
 
|
 
<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.
 
 
 
|
 
<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;»  ====
 
 
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
|-
 
| colspan="2" | [[Image:ProDon Création formulaire Web 020.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 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> 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> 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);">'''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>
+
|<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.
 
 
|  
 
<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]].
 
 
 
|-
 
| 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>
 
 
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
|-
 
| 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 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);">'''E&nbsp;:'''</span> Association (Importation) 
  
 
| width="50%" |  
 
| width="50%" |  
<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);">'''F&nbsp;:'''</span> '''Positionnement :''' il y a 3 positions possible pour les caractéristiques.
 
 
|-
 
|
 
<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);">'''D&nbsp;:'''</span> Permet de déterminer la fréquence. Dans cet exemple, un paiement devrait être effectué 1 fois par mois.<br>
 
  
|-
+
'''Dans la section confirmation :''' La caractéristique se retrouvera dans la section de confirmation / paiement.
|
 
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Permet de déterminer la date du premier paiement.<br>
 
  
'''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>.  
+
'''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);">'''F&nbsp;:'''</span> Permet de spécifier le montant des versements.<br>
 
  
'''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 :''' Cliquez ici, pour visualiser les différentes possibilités de positionnement.  
  
 
|-
 
|-
 
|  
 
|  
<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);">'''G&nbsp;:'''</span> '''Nombre de caractère maximum :''' Selon le type de caractéristique, il est possible de limiter le nombre de caractères 
 
 
'''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);">'''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>
 
  
 +
|  <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.
 
|-
 
|-
|  
+
| <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);">'''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>
+
|<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.
 
 
|  
 
<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);">'''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);">'''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> '''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.
 
 
|  
 
<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" |
+
|<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);">'''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;».
+
|<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.
 
 
'''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;»  ===
 
 
 
Cet onglet permet de configurer les listes à choix prédéfinis du formulaire.  
 
 
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 022.png]]<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.
 
|-
 
|-
| width="50%" |  
+
| colspan="2" |
<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.
+
===== «&nbsp;Choix&nbsp;» =====
 
+
Disponible si la caractéristique est une «&nbsp;liste de choix prédéfinis&nbsp;» ou «&nbsp;liste de choix&nbsp;»
| 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.
 
 
 
 
|-
 
|-
|  
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 024.png]]<br>
<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);">'''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);">'''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);">'''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);">'''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'''''.
 
 
 
|
 
<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);">'''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>.
 
 
 
|
 
<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]].
 
 
 
 
|-
 
|-
|  
+
|<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);">'''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);">'''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.  
 
 
|
 
<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.  
 
 
 
 
|-
 
|-
|  
+
|<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);">'''M&nbsp;:'''</span> Le bouton [[Image:Bouton plus moins.png]] permet d'afficher ou pas la province dans le formulaire.  
+
|<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]]. 
 
 
|  
 
<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>
 
 
 
|}
 
 
 
<br>
 
 
 
==== Ajout d'un pays  ====
 
 
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
 
|-
 
|-
| colspan="2" |  
+
| 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]].
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.  
 
 
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 023.png]]
+
| 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. 
 
|-
 
|-
| width="50%" |  
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 025.png]]
<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> '''Valeur :''' La valeur prédéfinie provenant de la gestion des caractéristiques.
<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> '''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.
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Permet d'indiquer les libellés français et anglais pour les pays.<br>
 
 
 
 
|-
 
|-
|  
+
| 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);">'''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);">'''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);">'''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.
+
===== «&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);">'''H&nbsp;:'''</span> Permet d'afficher ou non le champ «&nbsp;Code postal&nbsp;» dans le formulaire Web.<br>
 
 
 
 
|-
 
|-
|  
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 026.png]]
<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>
 
 
 
|}
 
 
 
<br>
 
 
 
=== Onglet «&nbsp;Paiement&nbsp;»  ===
 
 
 
Cet onglet permet de choisir les modes de paiement que les donateurs pourront utiliser.
 
 
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 024.png]]<br>
+
|<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);">'''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);">'''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);">'''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);">'''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.
 
 
| 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>
 
 
 
'''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>
 
 
 
 
|-
 
|-
|  
+
| 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.
<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);">'''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>
 
 
 
 
|-
 
|-
|  
+
| 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>.
+
===== «&nbsp;Note&nbsp;» =====
 
 
| <br>
 
|}
 
 
 
<br>
 
 
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
|-
 
| 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 025.png]]<br>
 
|-
 
| width="50%" |
 
<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>
 
 
 
| 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);">'''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);">'''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);">'''E&nbsp;:'''</span> Ce champ permet d'inscrire un message d'autorisation en anglais.<br>
 
 
 
|
 
<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" |[[Fichier:ProDon5 Création d'un formulaire web 027.png|centré|666x666px]]
<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>
 
 
 
=== Onglet «&nbsp;Personnalisations&nbsp;»  ===
 
 
 
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>
 
 
 
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;»  ===
 
 
 
Cet onglet permet d'insérer des notes dans le formulaire.
 
 
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
|-
 
| colspan="2" | [[Image:ProDon Création formulaire Web 026.png]]<br>
 
|-
 
| width="50%" |
 
<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>
 
 
 
| 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>
 
 
 
 
|-
 
|-
|  
+
|<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);">'''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);">'''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]].
 
 
|  
 
<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]].  
 
 
 
 
|-
 
|-
|  
+
|<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);">'''E&nbsp;:'''</span> Le bouton [[Image:Bouton efface.png]] permet de supprimer toutes les notes du formulaire.<br>  
+
|<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png]] permet de supprimer une note des personnalisations.
 
 
|
 
'''NOTE&nbsp;:''' Les notes qui ont été créées à partir de différents onglets de la gestion des formulaires Web apparaissent également ici.  
 
 
 
 
|}
 
|}
 
<br>
 
 
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
|-
 
|-
| colspan="2" |  
+
| colspan="2" |
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.
+
=== Onglet «&nbsp;Note&nbsp;» ===
 
 
|-
 
| colspan="2" | [[Image:ProDon Création formulaire Web 027.png]]<br>
 
 
|-
 
|-
| width="50%" |  
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 028.png|centré|666x666px]]
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Ce champ permet d'inscrire le texte français de la note.  
 
 
 
| width="50%" |  
 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Ce champ permet d'inscrire le texte anglais de la note.
 
 
 
 
|-
 
|-
| 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);">'''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);">'''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);">'''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);">'''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);">'''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>
+
|<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);">'''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;».  
 
 
 
 
|-
 
|-
|  
+
| 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);">'''G&nbsp;:'''</span> Ce champ permet de choisir l'alignement de la note.
 
 
 
|  
 
<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;»  ===
 
 
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.
 
 
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 028.png]]<br>
+
| colspan="2" |
 +
=== Onglet «&nbsp;Courriel&nbsp;» ===
 
|-
 
|-
| width="50%" |
+
| colspan="2"|[[Fichier:ProDon5 Création d'un formulaire web 029.png|centré|666x666px]]<br>
<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>
 
 
 
| 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);">'''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);">'''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>
 
 
 
|-
 
|
 
<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>
 
 
 
|-
 
|
 
<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>
 
 
 
|
 
<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.
 
 
 
|-
 
|
 
<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;»  ===
 
 
 
Cet onglet permet de personnaliser l'apparence du formulaire.
 
 
 
==== Onglet «&nbsp;Options&nbsp;»  ====
 
 
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
|-
 
| colspan="2" | [[Image:ProDon Création formulaire Web 029.png]]<br>
 
 
|-
 
|-
 
| width="50%" |  
 
| width="50%" |  
<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);">'''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> 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;».
+
<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.
 
 
|-
 
|
 
<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;».
 
 
 
|-
 
|
 
<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>
 
  
 +
'''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" |  
+
| 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.  
'''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;»  =====
 
 
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 030.png]]<br>
+
| colspan="2" |
|-
 
| width="50%" |
 
<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%" |
+
=== Onglet «&nbsp;Liste de distribution&nbsp;» ===
<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>
+
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, [[ProDon:Préparation de la liste de distribution|cliquez ici]].
 
|-
 
|-
|  
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 030.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 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>
 
 
 
|  
 
<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;»  =====
 
 
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 031.png]]<br>
+
| 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.
 
|-
 
|-
| width="50%" |
+
|<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);">'''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);">'''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);">'''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);">'''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);">'''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);">'''F&nbsp;:'''</span> Le bouton [[Fichier:Bouton efface.png]] permet de supprimer toutes les listes de distributions dans les formulaires Web.
 
 
|  
 
<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;»  =====
 
 
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 032.png]]<br>
+
|
|-
 
| width="50%" |
 
<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;».
 
 
 
| 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;».
 
  
 +
=== Onglet «&nbsp;Partage sur les réseaux sociaux&nbsp;» ===
 
|-
 
|-
| width="50%" |
+
|[[Fichier:ProDon5 Création d'un formulaire web 031.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%" |  
+
| width="50%" |
<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);">'''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.
 
 
| 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);">'''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;».  
 
 
 
|
 
<br>
 
 
 
 
|}
 
|}
 
<br>
 
 
=== Onglet «&nbsp;Liste de distribution&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>
 
 
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 033.png]]<br>
+
| colspan="2" |
|-
 
| width="50%" |
 
<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>
 
 
 
| 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;».
 
  
 +
=== 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" |[[Fichier:ProDon5 Création d'un formulaire web 032.png|centré|666x666px]]
<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:Petit Bouton Dupliquer.png]] permet de dupliquer les listes de distributions d'un autre formulaire.<br>
 
 
 
 
|-
 
|-
|  
+
| width="50%" |
<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);">'''A&nbsp;:'''</span> 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.
<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>.
+
| 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
|}
 
  
<br>
+
«&nbsp;Demander au client&nbsp;».
  
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
+
'''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]].  
|-
 
| 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.  
 
  
 +
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]] .
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 034.png]]<br>
+
|<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]] .
 
|-
 
|-
| width="50%" |
+
|<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;».
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Choisir une liste de distribution parmi celles disponibles dans '''''Prodon'''''.
+
Si «&nbsp;Corporatif&nbsp;» est par défaut, le formulaire sera orienté pour un don d'une entreprise.  
 
 
| 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;».  
 
 
 
|}
 
  
<br>
+
Si «&nbsp;Personnel&nbsp;» est par défaut, le formulaire sera orienté pour un don d'un individu.
  
=== Onglet «&nbsp;Constantes d'importation&nbsp;» ===
+
'''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.
  
Cet onglet permet d'ajouter des caractéristiques ou des champs personnalisés aux fiches des donateurs lors de l'importation.  
+
Si «&nbsp;Demander au donateur&nbsp;» est par défaut, le donateur pourra choisir le type de transaction.
  
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
+
'''NOTE :''' Il est possible de choisir un autre type de formulaire, même si un autre type est par défaut.
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 035.png]]<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].
 
|-
 
|-
| width="50%" |
+
|<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].
<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);">'''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.
 
 
| width="50%" |
 
<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);">'''K&nbsp;:'''</span> Si la case est cochée, le courriel du donateur sera obligatoire.
<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);">'''L&nbsp;:'''</span> Si la case est cochée, le donateur devra confirmer  son adresse courriel.
 
 
|  
 
<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]].  
 
 
 
 
|-
 
|-
|  
+
|<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.
<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>
+
'''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.  
|  
 
<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>.  
 
 
 
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''O&nbsp;:'''</span> Cacher les informations transactionnelles, à venir.
<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);">'''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>
 
 
|}
 
|}
  
<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.
  
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
|-
 
| 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.
 
  
|-
+
Pour ce faire, cliquez sur le bouton [[Fichier:Prodon5 Mini Bouton Envoyer sur site.png]] et sélectionnez « Synchroniser en test » | « Ce formulaire ».
| colspan="2" | [[Image:ProDon Création formulaire Web 036.png]]<br>
 
|-
 
| 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.  
 
  
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Inscrire la valeur qui sera inscrite dans la fiche de chaque donateur.
 
 
'''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;».
 
 
|}
 
  
<br>
+
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) ».
  
== Envoi des informations sur le site Web  ==
 
  
Lorsque des modifications sont effectuées sur un des formulaires, il faut les envoyer sur le site Web.  
+
Une fois sur le formulaire, vous pouvez y faire les tests de transactions et visuels nécessaires.
  
JeDonneEnLigne a deux interfaces, un en test et un en production.  
+
=== 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.
  
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.
 
  
L'interface production est accessible pour tous les internautes sur le site de [https://www.jedonneenligne.org/ JeDonneEnLigne].<br>
+
Visa : 4000 0000 0000 0002  exp. : 01/année suivante  CVV : 123
  
<br>
+
Master Card : 5200 0000 0000 0007  exp. : 01/année suivante  CVV : 123
 +
  
=== Envoi d'un formulaire en test ===
+
<span style="color: rgb(255, 0, 0);">'''ATTENTION&nbsp;:'''</span> ces numéros de carte de crédit sont à utiliser en mode test '''UNIQUEMENT'''.
  
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
+
== 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.
| 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>
 
|-
 
| colspan="2" | [[Image:ProDon Création formulaire Web 037.png]]<br>
 
|-
 
| 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>
 
|}
 
  
<br>
 
  
=== Envoi d'un formulaire en production ===
+
Cliquer sur le bouton [[Fichier:Prodon5 Mini Bouton Envoyer sur site.png]] et sélectionner « Synchroniser en production » | « Ce formulaire ».
  
 +
== Exemples ==
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
|-
 
|-
| 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>
+
| colspan="2" |
 +
===Formulaire transactionnel===
 
|-
 
|-
| [[Image:ProDon Création formulaire Web 038.png]]<br>
+
| colspan="2" |
 +
==== Formulaire des informations personnelles ====
 
|-
 
|-
|  
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 033.png|centré]]
'''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.
 
 
 
|}
 
 
 
<br>
 
 
 
=== Visualisation d'un formulaire en test  ===
 
 
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
 
|-
 
|-
| 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>
+
| width="50%" |
|-
+
<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.
| [[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&nbsp;».<br>
 
|}
 
  
<br>
+
'''NOTE :''' Position de la page de transaction, dans l'exemple la page de transaction est après les informations personnelles.
 
+
| width="50%" |
=== Visualisation d'un formulaire en production  ===
+
<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.
 
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
 
|-
 
|-
| 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>
+
|<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Titre du formulaire.
 +
|<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.
 
|-
 
|-
| [[Image:ProDon Création formulaire Web 040.png]]<br>
+
| width="50%" |
 +
<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.
 
|-
 
|-
| '''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&nbsp;».
+
|<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);">'''H&nbsp;:'''</span> Exemple de groupe de personnalisation.
 
 
<br>  
 
 
 
== Exemples de formulaires Web  ==
 
 
 
=== Exemple 1 de formulaire Web  ===
 
 
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Exemple de formulaire Web 001.png]]
+
|<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);">'''J&nbsp;:'''</span> Exemple de personnalisation sous forme de boutons radio.
 
|-
 
|-
| width="50%" |
+
|<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);">'''A&nbsp;:'''</span> Lien de retour vers la page d'accueil.  
+
|<span style="color: rgb(255, 0, 0);">'''L&nbsp;:'''</span> Numéro d'enregistrement de l'organisme.
 
 
| width="50%" |  
 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Informations de paiement qui ne sont pas dans un tableau.<br>
 
 
 
 
|-
 
|-
|  
+
| 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);">'''C&nbsp;:'''</span> Champ «&nbsp;Autre montant&nbsp;».<br>
 
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Formulaire avec montants suggérés.<br>
 
 
 
|-
 
|
 
<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);">'''F&nbsp;:'''</span> Engagement avec date de fin et objectif.<br>
 
 
 
|-
 
|
 
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Note sous la fréquence.<br>
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Champ permettant de choisir la langue.<br>
 
 
 
|-
 
|
 
<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> Coin supérieur rond.<br>
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''J&nbsp;:'''</span> Informations du donateur sur plusieurs colonnes.<br>
 
 
 
|-
 
|
 
<span style="color: rgb(255, 0, 0);">'''K&nbsp;:'''</span> Titre du formulaire.  
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''L&nbsp;:'''</span> Titre de section.
 
 
 
 
|}
 
|}
 
<br>
 
 
=== Exemple 2 de formulaire Web  ===
 
 
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
|-
 
|-
| colspan="2" | [[Image:ProDon Exemple de formulaire Web 002.png]]
+
| colspan="2" |
|-
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Temps de session Web restant.
 
 
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Informations de paiement dans un tableau.<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);">'''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>
 
 
 
 
|-
 
|-
|  
+
| width="50%" |
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Libellé de l'OBNL.<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);">'''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);">'''C&nbsp;:'''</span> Informations des participants.
 
 
|  
 
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Contour de la boîte active.<br>
 
 
 
|-
 
|
 
<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> Contour d'une boîte inactive.<br>
 
 
 
|
 
<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>
 
 
 
 
|}
 
|}
 
<br>
 
 
=== Exemple 3 de formulaire Web  ===
 
 
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
|-
 
|-
| 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>
 
 
 
|-
 
|
 
<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>
 
  
 +
==== 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);">'''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>
 
 
 
 
|-
 
|-
|  
+
| colspan="2" |[[Fichier:ProDon5 Création d'un formulaire web 036.png|centré|666x666px]]
<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_Version|4.6.9.6}}<br>
+
{{BasPage_ProDon_Version|}}
|}
 

Version actuelle datée du 15 août 2022 à 13: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 :