ProDon:Création d'un formulaire Web relié à la plateforme (P2P) : Différence entre versions

De Logilys
Aller à : navigation, rechercher
(Onglet « Transaction »)
 
(43 révisions intermédiaires par 3 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
{{Entete_TOC}}<br>
+
{{Entete_TOC}}
 
+
Cette documentation nécessite le module « Dons en ligne » de Prodon, il faut donc posséder ce module pour avoir accès à ces fonctionnalités.
 
 
'''<u>ATTENTION</u>''' : Ce document est conçu pour la '''VERSION''' '''5''' de Prodon.
 
 
 
<span style="color: rgb(255, 0, 0);">'''ATTENTION&nbsp;: Ce document est présentement en rédaction/révision, il est possible que certaines parties soient manquantes ou désuètes.'''</span>
 
  
 
== Introduction<br>  ==
 
== Introduction<br>  ==
Ligne 10 : Ligne 6 :
 
Pour être en mesure de ramener toutes les transactions reliées à la plateforme de sociofinancement dans '''''Prodon''''', il faut utiliser les formulaires. Pour ce faire, nous avons certains détails à mettre en place dans les formulaires pour permettre à la plateforme et à '''''Prodon''''' de s'échanger l'information.<br>  
 
Pour être en mesure de ramener toutes les transactions reliées à la plateforme de sociofinancement dans '''''Prodon''''', il faut utiliser les formulaires. Pour ce faire, nous avons certains détails à mettre en place dans les formulaires pour permettre à la plateforme et à '''''Prodon''''' de s'échanger l'information.<br>  
  
Sur cette page, il n'y aura que les détails à tenir compte dans le montage du ou des formulaires reliés à une plateforme de sociofinancement. Pour plus d'information sur le montage d'un formulaire complet, veuillez vous référez à la page suivante : [[ProDon:Création d'un formulaire Web|Création d'un formulaire web]].<br>
+
Sur cette page, il n'y aura que les détails à tenir compte dans la configuration du ou des formulaires reliés à une plateforme de sociofinancement. Pour plus d'information sur la configuration d'un formulaire complet, veuillez vous référez à la page suivante : [[ProDon:Création d'un formulaire Web|Création d'un formulaire web]].<br>
  
 
== Configuration du formulaire ==
 
== Configuration du formulaire ==
Ligne 26 : Ligne 22 :
 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Étant donné que le code du formulaire est rattaché à la plateforme, il est important de ne pas dater le code de formulaire pour éviter de modifier les codes à chaque année.<br>  
 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Étant donné que le code du formulaire est rattaché à la plateforme, il est important de ne pas dater le code de formulaire pour éviter de modifier les codes à chaque année.<br>  
  
'''NOTE&nbsp;:''' Il est important de donner un code précis pour que les recherches soient plus efficaces. Dans ce cas précis, le code est « CRIP » soit « CR » pour Color Run; le nom de mon activité et « IP » pour Inscription Participant. Tous les formulaires reliés à la plateforme porteront donc le même code de début soit « CR » et seront suivi par les lettres relié au formulaire précis. ex.:  
+
'''NOTE&nbsp;:''' Donner un code précis pour que les recherches soient plus efficaces. Dans l'exemple ci-haut, le code est « CRIP », soit « CR » pour Color Run (le nom de mon activité) et « IP » pour Inscription Participant. Tous les formulaires reliés à la plateforme porteront donc le même code de début soit « CR » et seront suivis par les lettres reliées au formulaire en question. ex.:  
  
 
« CRDP » pour Don au Participant  
 
« CRDP » pour Don au Participant  
Ligne 37 : Ligne 33 :
 
|-
 
|-
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Il est important de ne pas mettre de date d'affichage et d'expiration puisque ceux-ci sont réglé directement sur la plateforme de sociofinancement.   
+
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Il est important de ne pas mettre de date d'affichage et d'expiration puisque ceux-ci sont réglés directement sur la plateforme de sociofinancement.   
  
 
|  
 
|  
<span style="color: rgb(255, 0, 0);"><span style="font-weight: bold;">D&nbsp;:</span></span> Créer et nommer le thème et groupe d'image au nom de la plateforme. Ils seront relié à tous les formulaires de la campagne et auront les mêmes images et couleurs que celle-ci.  
+
<span style="color: rgb(255, 0, 0);"><span style="font-weight: bold;">D&nbsp;:</span></span> Créer et nommer le thème et groupe d'images au nom de la plateforme. Ils seront reliés à tous les formulaires de la campagne et auront les mêmes images et couleurs que celle-ci.  
  
 
|}
 
|}
Ligne 48 : Ligne 44 :
 
=== Onglet «&nbsp;Paiements&nbsp;»  ===
 
=== Onglet «&nbsp;Paiements&nbsp;»  ===
  
Cet onglet permet de configurer les modes de paiements qui seront relié au formulaire.  
+
Cet onglet permet de configurer les modes de paiements qui seront reliés au formulaire.  
  
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
Ligne 55 : Ligne 51 :
 
|-
 
|-
 
| width="50%" |  
 
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Les modes de paiements ajoutés seront ceux qui seront utilisé dans le formulaire. Dans le cas ou il y a des inscriptions gratuites, il faut alors insérer également le mode de paiement « Gratuité ».  
+
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Les modes de paiements ajoutés seront ceux qui seront utilisés dans le formulaire. Dans le cas il y a des inscriptions gratuites, il faut alors insérer également le mode de paiement « Gratuité ».  
 
|}
 
|}
  
Ligne 68 : Ligne 64 :
 
| [[Fichier:Prodon5 Formulaires reliés à la plateforme 003.png|sans_cadre|959x959px]]<br>
 
| [[Fichier:Prodon5 Formulaires reliés à la plateforme 003.png|sans_cadre|959x959px]]<br>
 
|-
 
|-
| width="50%" |  
+
| width="50%" |<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Insérer la ou les activités à voir apparaître dans le formulaire à l'aide du bouton [[Fichier:Petit Bouton Plus Ajouter.png|sans_cadre]]. Dans le cas du formulaire d'inscription du participant, il faut donc ajouter l'activité d'inscription. Il est également possible d'ajouter l'activité de don au participant, puisqu'au passage, le participant pourrait vouloir grimper son thermomètre pendant qu'il fait son inscription.
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Insérer la ou les activités à voir apparaître dans le formulaire. Dans le cas du formulaire d'inscription du participant, il faut donc ajouter l'activité d'inscription. Il est également possible d'ajouter l'activité de don au participant, puisqu'au passage, le participant pourrait vouloir grimper son thermomètre pendant qu'il fait son inscription.  
 
 
|}
 
|}
  
Ligne 76 : Ligne 71 :
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
|-
 
|-
| colspan="2" |  
+
| colspan="2" |Après avoir cliqué sur le [[Fichier:Petit Bouton Plus Ajouter.png|sans_cadre]], cette fenêtre s'ouvre.  Assurez-vous d'aller dans l'onglet « Validation » pour modifier la valeur du champ « Modification de la valeur par défaut : » pour  « Le donateur ne peut pas modifier la quantité » et mettre la quantité par défaut à 1.
Lors de l'ajout de l'activité d'inscription, il est important d'aller dans l'onglet « Validation » et s'assurer de modifier la valeur sous la Modification de la valeur par défaut à « Le donateur ne peut pas modifier la quantité » et mettre la quantité par défaut à 1.  
 
  
 
|-
 
|-
Ligne 86 : Ligne 80 :
  
 
|  
 
|  
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Permet d'avoir une seule inscription par formulaire.                                           
+
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> La valeur 1 dans ce champ permet d'avoir une seule inscription par formulaire.                                           
  
 
|}
 
|}
  
<br>  
+
<br><br>  
 
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
|-
 
| colspan="2" |
 
Après avoir cliqué sur le bouton [[Image:Bouton Ajouter.png]] ou sur le bouton [[Image:Bouton Modifier.png]], la fenêtre suivante s'ouvre.
 
 
 
|-
 
| colspan="2" | [[Image:ProDon Création formulaire Web 010.png]]<br>
 
|-
 
| width="50%" |
 
<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>
 
 
 
'''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%" |
 
<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);">'''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;».
 
 
 
|-
 
| style="text-align: center;" colspan="2" | [[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);">'''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;»  ====
 
 
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
|-
 
| colspan="2" | [[Image:ProDon Création formulaire Web 014.png]]<br>
 
|-
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span>&nbsp;Si cette case est activée, la section «&nbsp;Engagement&nbsp;» sera disponible dans le formulaire.<br>
 
 
 
Le bouton [[Image:Petit Bouton Dupliquer.png]] permet de dupliquer les informations d'engagement d'un autre formulaire.<br>
 
 
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Petit Bouton Dupliquer.png]] permet de dupliquer les informations transactionnelles d'un autre formulaire.<br>
 
 
 
|-
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Si cette case est cochée, la date de fin et l'objectif seront spécifiés dans le formulaire. Pour un exemple d'engagement avec une date de fin et un objectif, voir la '''lettre&nbsp;'''<span style="color: rgb(255, 0, 0);">'''F'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_1_de_formulaire_Web|Exemple 1 de formulaire Web]]&nbsp;».<br>
 
 
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Choisir l'occasion pour laquelle les engagements seront effectués.<br>
 
 
 
|-
 
|
 
<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;».
 
 
 
'''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);">'''G&nbsp;:'''</span> Le bouton [[Image:Bouton Ajouter.png]] permet d'ajouter des activités en <span style="color: rgb(255, 0, 0);">'''F'''</span>.<br>
 
 
 
'''NOTE&nbsp;:''' L'activité doit être préalablement créée dans la «&nbsp;[[ProDon:Gestion des occasions de dons|Gestion des occasions de dons]]&nbsp;».
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier une activité de la liste en <span style="color: rgb(255, 0, 0);">'''F'''</span>. Pour ce faire, sélectionner l'activité à modifier, puis cliquer sur le bouton [[Image:Bouton Modifier.png]].
 
 
 
|-
 
|
 
<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png]] permet de supprimer une activité de la liste en <span style="color: rgb(255, 0, 0);">'''F'''</span>. Pour ce faire, sélectionner l'activité à supprimer, puis cliquer sur le bouton [[Image:Bouton Retirer.png]].<br> '''NOTE&nbsp;:''' Si une activité est supprimée à partir d'ici, elle sera seulement retirée du formulaire et sera toujours existante dans la «&nbsp;[[ProDon:Gestion des occasions de dons|Gestion des occasions de dons]]&nbsp;».<br>
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''J&nbsp;:'''</span> Ce bouton permet de déterminer un montant minimum et maximum par versement.&nbsp;Le minimum ou le maximum déterminé ici sera appliqué à toutes les activités du formulaire.
 
 
 
'''NOTE&nbsp;:''' Il est également possible de définir un montant minimum ou maximum différent pour chaque activité.<br>
 
 
 
|-
 
|
 
<span style="color: rgb(255, 0, 0);">'''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);">'''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.
 
 
 
'''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);">'''O&nbsp;:'''</span> Ce champ permet de déterminer un montant minimum pour l'émission d'un reçu par défaut. Par exemple, si un montant de 20,00&nbsp;$ est inscrit dans ce champ et qu'un don de 15,00&nbsp;$ est effectué, la case en <span style="color: rgb(255, 0, 0);">'''K'''</span> ne sera pas cochée par défaut dans le formulaire. Par contre, si la case en <span style="color: rgb(255, 0, 0);">'''K'''</span> n'a pas été cochée dans la fenêtre ci-haut et que le montant du don est plus petit que le montant minimum, le client ne pourra pas recevoir de reçu, même s'il désire en recevoir un.
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''P&nbsp;:'''</span> Cette case permet d'émettre des reçus pour '''tous''' les dons dont le montant est plus élevé que le montant minimum.&nbsp;Si cette case est cochée et que la case en <span style="color: rgb(255, 0, 0);">'''K'''</span> n'est pas cochée, les clients n'auront pas le choix de recevoir ou non un reçu (les dons dont le montant est moins élevé que le montant minimum ne recevront pas de reçu et les dons dont le montant est plus élevé que le montant minimum recevront un reçu). Si cette case est cochée et que la case en <span style="color: rgb(255, 0, 0);">'''K'''</span> est cochée également, les donateurs qui ont donné moins que le montant minimum auront le choix de recevoir ou non un reçu, puis les donateurs qui ont donné plus que le montant minimum recevront un reçu.
 
 
 
|}
 
 
 
<br>
 
 
 
{| cellspacing="1" cellpadding="1" border="1" class="wikitable" style="width: 353px; height: 314px;"
 
|-
 
| colspan="2" |
 
Après avoir cliqué sur le bouton «&nbsp;Configurer les validations sur la quantité et le montant&nbsp;», la fenêtre suivante s'ouvre.
 
 
 
|-
 
| colspan="2" | [[Image:ProDon Création formulaire Web 015.png]]
 
|-
 
| width="50%" |
 
<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>
 
 
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
|-
 
| colspan="2" |
 
Après avoir cliqué sur le bouton [[Image:Bouton Ajouter.png]] ou sur le bouton [[Image:Bouton Modifier.png]], la fenêtre suivante s'ouvre.
 
 
 
|-
 
| colspan="2" | [[Image:ProDon Création formulaire Web 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é.
 
 
 
|-
 
|
 
<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);">'''E&nbsp;:'''</span>&nbsp;Ce champ permet de créer un libellé anglais pour le montant du don.
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span>&nbsp;Cette case permet d'afficher dans le formulaire l'activité choisie en <span style="color: rgb(255, 0, 0);">'''A'''</span>.
 
 
 
|-
 
| colspan="2" |
 
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Cette option permet d'afficher un champ «&nbsp;Autre montant&nbsp;» dans le formulaire lorsqu'il y a des montants suggérés. Pour un exemple de champ «&nbsp;Autre montant&nbsp;», voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''C'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_1_de_formulaire_Web|Exemple 1 de formulaire Web]]&nbsp;».<br>
 
 
 
|-
 
| colspan="2" style="text-align: center;" | [[Image:ProDon Création formulaire Web 017.png]]<br>
 
|-
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span>&nbsp;Pour suggérer des montants de don dans le formulaire, les inscrire ici. Pour un exemple de formulaire avec des montants suggérés, voir la '''lettre&nbsp;'''<span style="color: rgb(255, 0, 0);">'''D'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_1_de_formulaire_Web|Exemple 1 de formulaire Web]]&nbsp;».<br>
 
 
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton&nbsp;[[Image:Bouton Ajouter.png]] permet d'ajouter des montants suggérés à la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>.
 
 
 
|-
 
|
 
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le bouton&nbsp;[[Image:Bouton Modifier.png]] permet de modifier un montant de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner le montant à modifier en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Modifier.png]].
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton&nbsp;[[Image:Bouton Retirer.png]] permet de supprimer un montant de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner le montant à supprimer en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Retirer.png]].
 
 
 
|-
 
| colspan="2" |
 
<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>
 
 
 
|-
 
| colspan="2" | [[Image:ProDon Création formulaire Web 018.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;»  ====
 
 
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
|-
 
| colspan="2" | [[Image:ProDon Création formulaire Web 020.png]]<br>
 
|-
 
| 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>
 
 
 
| 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);">'''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 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>
 
 
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
|-
 
| colspan="2" |
 
Après avoir cliqué sur le bouton [[Image:Bouton Ajouter.png]] ou sur le bouton [[Image:Bouton Modifier.png]], la fenêtre suivante s'ouvre.
 
 
 
|-
 
| colspan="2" | [[Image:ProDon Création formulaire Web 021.png]]<br>
 
|-
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Permet de donner un nom français à la fréquence.
 
 
 
| 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);">'''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>
 
 
 
|-
 
|
 
<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>.
 
 
 
|
 
<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.
 
 
 
|-
 
|
 
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Permet de spécifier le montant de l'objectif.
 
 
 
'''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);">'''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> 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> Le bouton [[Image:Bouton Modifier.png]] permet de modifier les choix de jour en <span style="color: rgb(255, 0, 0);">'''I'''</span>. Pour ce faire, sélectionner le jour à modifier en <span style="color: rgb(255, 0, 0);">'''I'''</span>, puis cliquer sur le bouton [[Image:Bouton Modifier.png]].<br>
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''L&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png]] permet de supprimer des choix de jour en <span style="color: rgb(255, 0, 0);">'''I'''</span>. Pour ce faire, sélectionner le jour à supprimer en <span style="color: rgb(255, 0, 0);">'''I'''</span>, puis cliquer sur le bouton [[Image:Bouton Retirer.png]].<br>
 
 
 
|-
 
| colspan="2" |
 
<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;».
 
 
 
'''NOTE&nbsp;:''' Pour savoir comment configurer la fenêtre&nbsp;«&nbsp;Ajout d'une note de formulaire&nbsp;», consulter [[ProDon:Création d'un formulaire Web#Onglet_.C2.AB.C2.A0Notes.C2.A0.C2.BB|cette section]].<br>
 
 
 
|}
 
 
 
<br>  
 
  
 
=== Onglet «&nbsp;Listes&nbsp;»<br>  ===
 
=== Onglet «&nbsp;Listes&nbsp;»<br>  ===
 
Cet onglet permet de configurer les listes à choix prédéfinis du formulaire.
 
  
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 +
|Dans l'onglet liste, il suffit de cocher tous les pays et toutes les provinces en mettant le Canada et le Québec par défaut.
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 022.png]]<br>
+
| [[Fichier:Prodon5 Formulaires reliés à la plateforme 005.png|sans_cadre|786x786px]]<br>
|-
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> L'onglet «&nbsp;Pays et provinces&nbsp;» permet de modifier les choix de pays et de provinces qui seront disponibles lorsqu'un donateur complètera le formulaire.
 
 
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> L'onglet «&nbsp;Appellations&nbsp;» permet de modifier les choix d'appellations qui seront disponibles lorsqu'un donateur complètera le formulaire.
 
 
 
|-
 
|
 
<span style="color: rgb(255, 0, 0);">'''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]].
 
 
 
 
|-
 
|-
|  
+
| width="50%" |<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Sélectionner tous les pays et provinces à l'aide du bouton [[Fichier:Bouton gros crochet.png|sans_cadre]].
<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);">'''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);">'''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);">'''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);">'''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>
 
  
 
|}
 
|}
Ligne 543 : Ligne 99 :
 
<br>  
 
<br>  
  
==== Ajout d'un pays ====
+
=== Onglet «&nbsp;Personnalisations&nbsp;»<br> ===
 
+
Pour savoir comment configurer les personnalisations d'un formulaire Web, consulter [[ProDon:Configuration des personnalisations d'un formulaire Web|ce document]].
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
|-
 
| colspan="2" |
 
Après avoir cliqué sur le bouton [[Image:Bouton Ajouter.png]] ou double-cliqué sur un pays de la liste en <span style="color: rgb(255, 0, 0);">'''E'''</span> de [[ProDon:Création d'un formulaire Web#Onglet_.C2.AB.C2.A0Listes.C2.A0.C2.BB|cette fenêtre]], la fenêtre suivante s'ouvre.
 
 
 
|-
 
| colspan="2" | [[Image:ProDon Création formulaire Web 023.png]]
 
|-
 
| width="50%" |
 
<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>
 
  
 +
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
|-
 
|-
 
|  
 
|  
<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>
+
Dans l'onglet « Personnalisation », insérer les caractéristiques qui débutent par P2P pour ensuite les relier à la plateforme.  
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Permet d'indiquer les libellés français et anglais pour les pays.<br>
 
  
 
|-
 
|-
|  
+
| [[Fichier:Prodon5 Formulaires reliés à la plateforme 006.png|sans_cadre|946x946px]]<br>
<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>
 
 
 
|-
 
|
 
<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.
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Permet d'afficher ou non le champ «&nbsp;Code postal&nbsp;» dans le formulaire Web.<br>
 
 
 
|-
 
|
 
<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> Permet d'afficher ou non le champ «&nbsp;Cedex&nbsp;» dans le formulaire Web (cette option est utilisée principalement en Europe).<br>
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''J&nbsp;:'''</span> Ces options s'inscrivent automatiquement en choisissant un pays en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Il s'agit des configurations du pays.<br>
 
 
 
|}
 
 
 
<br>
 
 
 
=== Onglet «&nbsp;Paiement&nbsp;»<br>  ===
 
 
 
Cet onglet permet de choisir les modes de paiement que les donateurs pourront utiliser.
 
 
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
|-
 
| colspan="2" | [[Image:ProDon Création formulaire Web 024.png]]<br>
 
|-
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il s'agit des modes de paiement disponibles aux donateurs pour effectuer leur don.<br>
 
 
 
| 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>
 
 
 
|-
 
|  
 
<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>  
 
 
 
 
|-
 
|-
|
 
<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>.
 
 
| <br>
 
|}
 
 
<br>
 
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
|-
 
| colspan="2" |
 
Après avoir cliqué sur le bouton [[Image:Bouton Ajouter.png]] ou sur le bouton [[Image:Bouton Modifier.png]], la fenêtre suivante s'ouvre.
 
 
|-
 
| colspan="2" | [[Image:ProDon Création formulaire Web 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%" |  
 
| 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);">'''A&nbsp;:'''</span> Dépendamment des options sélectionnées dans la plateforme de sociofinancement, il faut aller insérer les caractéristiques selon les besoins.
 
 
|-
 
|
 
<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>
 
 
 
|-
 
|
 
<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 :''' Une fois les personnalisations ajoutées, il est important de noter les ID de chacune des personnalisations pour ensuite les relier à la plateforme.  
'''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>
+
{| width="200" class="wikitable" border="1" cellspacing="1" cellpadding="1"
 
+
| colspan="2" |Voici comment configurer les caractéristiques.
=== Onglet «&nbsp;Personnalisations&nbsp;»<br>  ===
 
 
 
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;»<br>  ===
 
 
 
Cet onglet permet d'insérer des notes dans le formulaire.
 
 
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 026.png]]<br>
+
| colspan="2" | [[Fichier:Prodon5 Formulaires reliés à la plateforme 007.png|sans_cadre|802x802px]]<br>
 
|-
 
|-
 
| width="50%" |  
 
| 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>
+
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il faut cocher la case pour la ou les personnalisations que nous désirons voir apparaître dans le formulaire.  
  
 
| width="50%" |  
 
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Bouton Ajouter.png]] permet d'ajouter une nouvelle note au formulaire.<br>
+
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Sélectionner le positionnement au-dessus des activités.  
 
 
|-
 
|
 
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier une note de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner la note à modifier en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Modifier.png]].<br>
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png]] permet de supprimer une note de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner la note à supprimer en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton&nbsp;[[Image:Bouton Retirer.png]].  
 
  
 
|-
 
|-
 
|  
 
|  
<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);">'''C&nbsp;:'''</span> Le nombre de caractère maximum est toujours de 50, à l'exception des caractéristiques reliées au défi pour la plateforme multi-défi, qui elles sont de 250.  
  
 
|  
 
|  
'''NOTE&nbsp;:''' Les notes qui ont été créées à partir de différents onglets de la gestion des formulaires Web apparaissent également ici.
+
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Toujours cocher les personnalisations en lecture seule.
 
 
|}
 
 
 
<br>  
 
  
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
 
|-
 
|-
 
| 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.
+
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Toujours s'assurer de cocher la case « Afficher la personnalisation dans le courriel de confirmation ».  
 
 
|-
 
| colspan="2" | [[Image:ProDon Création formulaire Web 027.png]]<br>
 
|-
 
| width="50%" |
 
<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);">'''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>
 
 
 
| 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);">'''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);">'''F&nbsp;:'''</span> Ce champ dépend du choix fait en <span style="color: rgb(255, 0, 0);">'''E'''</span>. Dans cet exemple, la note s'insèrera sous la question «&nbsp;Désirez-vous emprunter une voiturette?&nbsp;».
 
 
 
|-
 
|
 
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Ce champ permet de choisir l'alignement de la note.
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Ce champ permet de choisir si la note doit apparaître seulement sur le formulaire Web, seulement sur le sommaire ou bien sur les deux.  
 
  
 
|}
 
|}
 
<br>
 
  
 
=== Onglet «&nbsp;Courriel&nbsp;»<br>  ===
 
=== Onglet «&nbsp;Courriel&nbsp;»<br>  ===
  
Cet onglet permet de composer les courriels qui seront envoyés aux donateur automatiquement une fois qu'un don sera effectué.
+
Voici quelques informations pertinentes à retrouver dans l'onglet « Courriel ».  
 
 
Il est possible de composer des courriels français et anglais pour les transactions de don unique et pour les transactions d'engagement.  
 
  
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 028.png]]<br>
+
| colspan="2" | [[Fichier:Prodon5 Formulaires reliés à la plateforme 008.png|sans_cadre|947x947px]]<br>
 
|-
 
|-
 
| width="50%" |  
 
| width="50%" |  
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> L'onglet «&nbsp;Français&nbsp;» permet de composer les courriels français pour les transactions et les engagements.<br>
+
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il est intéressant d'ajouter le logo de la campagne qui apparaîtra dans le haut du courriel de confirmation. Pour plus d'informations sur l'ajout d'image dans le courriel de confirmation, [[ProDon:Création d'un formulaire Web#Onglet .C2.AB.C2.A0Courriel.C2.A0.C2.BB|cliquer ici]].  
  
 
| width="50%" |  
 
| 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);">'''B&nbsp;:'''</span> Il faut également ajouter le lien vers la page du participant, qui lui permettra de retourner à sa page personnelle sur la plateforme. Pour ce faire, faite un clic droit à l'endroit désiré, sélectionner « Balise HTML » et cliquer « ajouter un hyperlien vers un site web ».  
 
 
|-
 
|
 
<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>
+
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
+
| colspan="2" |Après avoir cliqué sur « Ajouter un hyperlien vers un site web », la fenêtre suivante s'ouvre.
=== Onglet «&nbsp;Affichage&nbsp;»<br>  ===
 
 
 
Cet onglet permet de personnaliser l'apparence du formulaire.
 
 
 
==== Onglet «&nbsp;Options&nbsp;»  ====
 
 
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 029.png]]<br>
+
| colspan="2" | [[Fichier:Prodon5 Formulaires reliés à la plateforme 010.png|sans_cadre|895x895px]]
 
|-
 
|-
| width="50%" |
+
|<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Coller le lien vers la plateforme de sociofinancement puis ajouter « /participants/Profiles/view/ ». Dans l'exemple ci-haut, le lien vers la page est : <nowiki>https://jedonneenligne.org/logilys_mboissonneault3/campagne/defi</nowiki>, auquel a été ajouté /participants/Profiles/view/.
<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);">'''B&nbsp;:'''</span> Inscrire le texte de l'hyperlien qui apparaîtra sur le courriel de confirmation que le participant recevra.
 
 
| 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);">'''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>
 
 
 
|-
 
| colspan="2" |
 
'''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>
+
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
+
|Après avoir cliqué sur « Ok », ajouter le lien vers la personnalisation « ID Participant » au bout du lien URL que vous avez ajouté.
==== Onglet «&nbsp;Aperçu&nbsp;»  ====
 
 
 
===== Onglet «&nbsp;Général&nbsp;»  =====
 
 
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 030.png]]<br>
+
| [[Fichier:Prodon5 Formulaires reliés à la plateforme 011.png|sans_cadre|996x996px]]
|-
 
| 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%" |  
 
<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>
 
 
 
 
|-
 
|-
|  
+
|<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Pour ce faire, placer le curseur après « view/ » et faire un clic droit pour sélectionner « Champs de la transaction » et sélectionner la personnalisation reliée à votre P2P - Participant ID.
<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;Partage sur les réseaux sociaux&nbsp;»   ===  
 
 
===== Onglet «&nbsp;Libellé&nbsp;» =====
 
  
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
+
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 031.png]]<br>
+
| colspan="2" |Étant donné que cet onglet permet le partage sur les réseaux sociaux et que dans le cas de la plateforme de sociofinancement nous préférons que le partage soit directement fait à partir de la plateforme, il faut donc les désactiver en cochant la case « Utiliser des réseaux sociaux différents de ceux de la page d'accueil » et enlever la possibilité de partager le formulaire.
 +
[[Fichier:Prodon5 Formulaires reliés à la plateforme 009.png|sans_cadre|952x952px]]<br>
 
|-
 
|-
 
| width="50%" |  
 
| 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 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);">'''A&nbsp;:'''</span> Il faut cocher la case pour utiliser des réseaux sociaux différents de ceux de la page d'accueil pour ensuite aller modifier ce que nous avons.  
  
 
| width="50%" |  
 
| 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);">'''B&nbsp;:'''</span> Enlever le titre et la description qui a suivi les informations de la page d'accueil.
  
 
|-
 
|-
|  
+
| colspan="2" |  
<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);">'''C&nbsp;:'''</span> Décocher les réseaux sociaux qui sont sélectionnés.  
 
 
|  
 
<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>  
+
<br>
  
===== Onglet «&nbsp;Bordure&nbsp;»  =====
 
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
|-
 
| 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;».
 
 
|-
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le bouton [[Image:Bouton changer couleur.png]] permet de modifier la couleur de la bordure de la section transaction. Pour un exemple de la bordure «&nbsp;Section transaction&nbsp;», voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''H'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_3_de_formulaire_Web|Exemple 3 de formulaire Web]]&nbsp;».
 
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton [[Image:Bouton changer couleur.png]] permet de modifier la couleur de la bordure de la section autorisation. Pour un exemple de la bordure «&nbsp;Autorisation&nbsp;», voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''I'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_3_de_formulaire_Web|Exemple 3 de formulaire Web]]&nbsp;».
 
 
|-
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''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;».
 
 
| 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;Options avancées&nbsp;»  ===  
 
 
<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>
 
  
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 033.png]]<br>
+
| colspan="2" | [[Fichier:Prodon5 Formulaires reliés à la plateforme 012.png|sans_cadre|948x948px]]<br>
 
|-
 
|-
 
| width="50%" |  
 
| 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>
+
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il est important de ne pas afficher les formulaires reliés à la plateforme de sociofinancement sur la page d'accueil de votre '''''JeDonneEnLigne'''''.  
  
 
| width="50%" |  
 
| 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>.  
+
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Créer les deux groupes de libellés qui seront utilisés pour la plateforme de sociofinancement. Pour plus d'informations sur le fonctionnement des groupes de libellés, [[ProDon:Configuration des libellés#Ajout.2Fmodification d.27un groupe de libell.C3.A9s|cliquer ici]].  
 
 
'''NOTE&nbsp;:''' Pour ajouter une liste de distribution, il faut qu'elle soit préalablement crée dans la «&nbsp;Gestion des listes de distribution&nbsp;».
 
 
 
|-
 
|
 
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier une 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>
 
  
 
|-
 
|-
 
|  
 
|  
<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);">'''C&nbsp;:'''</span> La position de la section transaction devrait toujours être avant la page des informations personnelles.  
  
 
|  
 
|  
<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>.  
+
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> La case commentaire ne devrait jamais apparaître sur les formulaires reliés à la plateforme de sociofinancement.  
 
 
|}
 
 
 
<br>
 
  
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
 
|-
 
|-
 
| colspan="2" |  
 
| colspan="2" |  
Après avoir cliqué sur le bouton [[Image:Bouton Ajouter.png]] ou sur le bouton [[Image:Bouton Modifier.png]], la fenêtre suivante s'ouvre.
+
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Il est également important d'aller faire la configuration de l'intégration à JDEL qui permettra au formulaire de rediriger les gens sur la plateforme de sociofinancement une fois la transaction complété.  
 
 
|-
 
| colspan="2" | [[Image:ProDon Création formulaire Web 034.png]]<br>
 
|-
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Choisir une liste de distribution parmi celles disponibles dans '''''ProDon'''''.
 
 
 
| 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>  
+
<br>  
 
 
=== Onglet «&nbsp;Constantes d'importation&nbsp;»  ===
 
 
 
Cet onglet permet d'ajouter des caractéristiques ou des champs personnalisés aux fiches des donateurs lors de l'importation.
 
  
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
+
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 +
|Pour permettre de rediriger le donateur à la plateforme une fois la transaction finalisé, il faut configurer l'intégration à JDEL. Pour ce faire, cliquer sur le bouton [[Fichier:Prodon5 Bouton Intégration à JDEL.png|sans_cadre|195x195px]] et ensuite « Configuration de l'adresse URL pour l'intégration post-traitement ».
 
|-
 
|-
| colspan="2" | [[Image:ProDon Création formulaire Web 035.png]]<br>
+
| [[Fichier:Prodon5 Formulaires reliés à la plateforme 013.png|sans_cadre|746x746px]]<br>
 
|-
 
|-
 
| width="50%" |  
 
| width="50%" |  
<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.
+
Aller coller le lien URL de la plateforme, enlever tout ce qui apparaît après « campagne/ » et remplacer le par « callbacks/ » tel qu'indiqué dans l'image ci-haut.  
 
 
| 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);">'''C&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier une caractéristique de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner la caractéristique à modifier, puis cliquer sur le bouton [[Image:Bouton Modifier.png]].
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png]] permet de supprimer une caractéristique de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner la caractéristique à supprimer, puis cliquer sur le bouton [[Image:Bouton Retirer.png]].
 
 
 
|-
 
|
 
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Le bouton [[Image:Petit Bouton Dupliquer.png]] permet de dupliquer les caractéristiques d'un autre formulaire pour les ajouter à la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>.<br>
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Le bouton [[Image:Bouton efface.png]] permet de supprimer toutes les caractéristiques de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>.
 
 
 
|-
 
|
 
<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.
 
 
 
| <br>
 
|}
 
 
 
<br>
 
 
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
|-
 
| colspan="2" |
 
Après avoir cliqué sur le bouton [[Image:Bouton Ajouter.png]] ou sur le bouton [[Image:Bouton Modifier.png]], la fenêtre suivante s'ouvre.
 
 
 
|-
 
| colspan="2" | [[Image:ProDon Création formulaire Web 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>
 
 
 
== 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.
 
 
 
JeDonneEnLigne a deux interfaces, un en test et un en production.
 
 
 
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>
 
 
 
<br>
 
 
 
=== Envoi d'un formulaire en test  ===
 
 
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
|-
 
| colspan="2" | Pour envoyer un formulaire sur le site Web de test, dans la fenêtre de configuration du formulaire, cliquer sur le bouton [[Image:Bouton envoyer en test.png]].<br>
 
|-
 
| 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  ===
 
 
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
|-
 
| Pour envoyer un formulaire sur le site Web de production, dans la fenêtre de configuration du formulaire, cliquer sur le bouton [[Image:Bouton envoyer en production.png]].<br>
 
|-
 
| [[Image:ProDon Création formulaire Web 038.png]]<br>
 
|-
 
|
 
'''NOTE&nbsp;:''' Il est également possible d'envoyer un formulaire en production à partir de la gestion des formulaires Web. Pour ce faire, sélectionner le formulaire à envoyer, cliquer sur le bouton [[Image:Bouton envoyer en production.png]], puis sélectionner «&nbsp;Envoyer ce formulaire en production&nbsp;».
 
 
 
'''NOTE&nbsp;:''' Après avoir cliqué sur le bouton [[Image:Bouton envoyer en production.png]], ProDon avertira qu'il faut activer la maintenance afin de pouvoir envoyer la configuration en production. Cliquer sur le bouton «&nbsp;Activer&nbsp;».
 
 
 
'''ATTENTION&nbsp;:''' S'il y a présentement des internaudes sur votre page Web JeDonneEnLigne, il sera impossible d'activer la maintenance. Dans ce cas, il faut attendre que l'utilisateur quitte le site. Une fois qu'il aura quitté, ce sera alors possible d'activer la maintenance et d'envoyer la configuration en production.
 
 
 
|}
 
 
 
<br>
 
 
 
=== Visualisation d'un formulaire en test  ===
 
 
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
|-
 
| Pour afficher un formulaire sur le site Web de test, dans la fenêtre de configuration du formulaire à visualiser, cliquer sur le bouton [[Image:Bouton aller sur le site test.png]].<br>
 
|-
 
| [[Image:ProDon Création formulaire Web 039.png]]<br>
 
|-
 
| '''NOTE&nbsp;: '''Il est également possible de visualiser un formulaire en test à partir de la gestion des formulaires Web. Pour ce faire, sélectionner le formulaire à visualiser, cliquer sur le bouton [[Image:Bouton aller sur le site test.png]], puis sélectionner «&nbsp;Afficher le formulaire français&nbsp;».<br>
 
|}
 
 
 
<br>
 
 
 
=== Visualisation d'un formulaire en production  ===
 
 
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
|-
 
| Pour afficher un formulaire sur le site Web de production, dans la fenêtre de configuration du formulaire à visualiser, cliquer sur le bouton [[Image:Bouton aller sur le site production.png]].<br>
 
|-
 
| [[Image:ProDon Création formulaire Web 040.png]]<br>
 
|-
 
| '''NOTE&nbsp;: '''Il est également possible de visualiser un formulaire en production à partir de la gestion des formulaires Web. Pour ce faire, sélectionner le formulaire à visualiser, cliquer sur le bouton [[Image:Bouton aller sur le site production.png]], puis sélectionner «&nbsp;Afficher le formulaire français&nbsp;».
 
|}
 
 
 
<br>
 
 
 
== Exemples de formulaires Web  ==
 
 
 
=== Exemple 1 de formulaire Web  ===
 
 
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
|-
 
| colspan="2" | [[Image:ProDon Exemple de formulaire Web 001.png]]
 
|-
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Lien de retour vers la page d'accueil.
 
 
 
| width="50%" |
 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Informations de paiement qui ne sont pas dans un tableau.<br>
 
 
 
|-
 
|
 
<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>  
+
<br>  
 
 
=== Exemple 2 de formulaire Web  ===
 
 
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
|-
 
| colspan="2" | [[Image:ProDon Exemple de formulaire Web 002.png]]
 
|-
 
| 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>
 
 
 
|-
 
|
 
<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>
 
 
 
|-
 
|
 
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Libellé de l'OBNL.<br>
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Champ «&nbsp;Commentaire&nbsp;».<br>
 
 
 
|-
 
|
 
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Message d'autorisation.<br>
 
 
 
|
 
<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>
 
 
 
|-
 
|
 
<span style="color: rgb(255, 0, 0);">'''K&nbsp;:'''</span> Champ standard.<br>
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''L&nbsp;:'''</span> Champ obligatoire.<br>
 
 
 
|}
 
 
 
<br>
 
 
 
=== Exemple 3 de formulaire Web  ===
 
 
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
|-
 
| colspan="2" | [[Image:ProDon Exemple de formulaire Web 003.png]]
 
|-
 
| 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>
 
 
 
|-
 
|
 
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Case à cocher pour s'inscrire à une liste de distribution.<br>
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Bordures de la section type de donateur.<br>
 
 
 
|-
 
|
 
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Bordures de la section donateur.<br>
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Bordures de la section transaction.<br>
 
 
 
|-
 
|
 
<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> Bordures de la section autorisation.<br>
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''J&nbsp;:'''</span> Bordures de la section type de transaction.
 
 
 
|-
 
|
 
<span style="color: rgb(255, 0, 0);">'''K&nbsp;:'''</span> Bordures du tableau des transactions.<br>
 
 
 
|
 
<span style="color: rgb(255, 0, 0);">'''L&nbsp;:'''</span> Bordures de la section paiement.<br>
 
 
 
|-
 
|
 
<span style="color: rgb(255, 0, 0);">'''M&nbsp;:'''</span> Bandeau dans l'en-tête du formulaire.
 
 
 
|
 
|}
 
  
 
{{BasPage_ProDon_Version|5.0.6}}<br>
 
{{BasPage_ProDon_Version|5.0.6}}<br>

Version actuelle datée du 22 avril 2022 à 16:11

Création d'un formulaire Web relié à la plateforme (P2P)

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

Introduction

Pour être en mesure de ramener toutes les transactions reliées à la plateforme de sociofinancement dans Prodon, il faut utiliser les formulaires. Pour ce faire, nous avons certains détails à mettre en place dans les formulaires pour permettre à la plateforme et à Prodon de s'échanger l'information.

Sur cette page, il n'y aura que les détails à tenir compte dans la configuration du ou des formulaires reliés à une plateforme de sociofinancement. Pour plus d'information sur la configuration d'un formulaire complet, veuillez vous référez à la page suivante : Création d'un formulaire web.

Configuration du formulaire


Après avoir cliqué sur le bouton Bouton Ajouter.png ou sur le bouton Bouton Modifier.png

Prodon5 Ajout de formulaire 001.png

A : Étant donné que le code du formulaire est rattaché à la plateforme, il est important de ne pas dater le code de formulaire pour éviter de modifier les codes à chaque année.

NOTE : Donner un code précis pour que les recherches soient plus efficaces. Dans l'exemple ci-haut, le code est « CRIP », soit « CR » pour Color Run (le nom de mon activité) et « IP » pour Inscription Participant. Tous les formulaires reliés à la plateforme porteront donc le même code de début soit « CR » et seront suivis par les lettres reliées au formulaire en question. ex.:

« CRDP » pour Don au Participant

« CRDE » pour Don à l'Équipe et ainsi de suite.

B : Le nom du formulaire peut contenir l'année de référence du formulaire puisque celui ci n'est pas relié à la plateforme.

C : Il est important de ne pas mettre de date d'affichage et d'expiration puisque ceux-ci sont réglés directement sur la plateforme de sociofinancement.

D : Créer et nommer le thème et groupe d'images au nom de la plateforme. Ils seront reliés à tous les formulaires de la campagne et auront les mêmes images et couleurs que celle-ci.


Onglet « Paiements »

Cet onglet permet de configurer les modes de paiements qui seront reliés au formulaire.

Prodon5 Formulaires reliés à la plateforme 002.png

A : Les modes de paiements ajoutés seront ceux qui seront utilisés dans le formulaire. Dans le cas où il y a des inscriptions gratuites, il faut alors insérer également le mode de paiement « Gratuité ».



Onglet « Transaction »

Cet onglet permet de relier l'occasion et la ou les activités au formulaire.

Prodon5 Formulaires reliés à la plateforme 003.png
A : Insérer la ou les activités à voir apparaître dans le formulaire à l'aide du bouton Petit Bouton Plus Ajouter.png. Dans le cas du formulaire d'inscription du participant, il faut donc ajouter l'activité d'inscription. Il est également possible d'ajouter l'activité de don au participant, puisqu'au passage, le participant pourrait vouloir grimper son thermomètre pendant qu'il fait son inscription.


Après avoir cliqué sur le Petit Bouton Plus Ajouter.png, cette fenêtre s'ouvre. Assurez-vous d'aller dans l'onglet « Validation » pour modifier la valeur du champ « Modification de la valeur par défaut : » pour « Le donateur ne peut pas modifier la quantité » et mettre la quantité par défaut à 1.
Prodon5 Formulaires reliés à la plateforme 004.png

A : Permet de bloquer le droit à la modification du nombre d'inscription sur le formulaire.

B : La valeur 1 dans ce champ permet d'avoir une seule inscription par formulaire.



Onglet « Listes »

Dans l'onglet liste, il suffit de cocher tous les pays et toutes les provinces en mettant le Canada et le Québec par défaut.
Prodon5 Formulaires reliés à la plateforme 005.png
A : Sélectionner tous les pays et provinces à l'aide du bouton Bouton gros crochet.png.


Onglet « Personnalisations »

Pour savoir comment configurer les personnalisations d'un formulaire Web, consulter ce document.

Dans l'onglet « Personnalisation », insérer les caractéristiques qui débutent par P2P pour ensuite les relier à la plateforme.

Prodon5 Formulaires reliés à la plateforme 006.png

A : Dépendamment des options sélectionnées dans la plateforme de sociofinancement, il faut aller insérer les caractéristiques selon les besoins.

Note : Une fois les personnalisations ajoutées, il est important de noter les ID de chacune des personnalisations pour ensuite les relier à la plateforme.

Voici comment configurer les caractéristiques.
Prodon5 Formulaires reliés à la plateforme 007.png

A : Il faut cocher la case pour la ou les personnalisations que nous désirons voir apparaître dans le formulaire.

B : Sélectionner le positionnement au-dessus des activités.

C : Le nombre de caractère maximum est toujours de 50, à l'exception des caractéristiques reliées au défi pour la plateforme multi-défi, qui elles sont de 250.

D : Toujours cocher les personnalisations en lecture seule.

E : Toujours s'assurer de cocher la case « Afficher la personnalisation dans le courriel de confirmation ».

Onglet « Courriel »

Voici quelques informations pertinentes à retrouver dans l'onglet « Courriel ».

Prodon5 Formulaires reliés à la plateforme 008.png

A : Il est intéressant d'ajouter le logo de la campagne qui apparaîtra dans le haut du courriel de confirmation. Pour plus d'informations sur l'ajout d'image dans le courriel de confirmation, cliquer ici.

B : Il faut également ajouter le lien vers la page du participant, qui lui permettra de retourner à sa page personnelle sur la plateforme. Pour ce faire, faite un clic droit à l'endroit désiré, sélectionner « Balise HTML » et cliquer « ajouter un hyperlien vers un site web ».

Après avoir cliqué sur « Ajouter un hyperlien vers un site web », la fenêtre suivante s'ouvre.
Prodon5 Formulaires reliés à la plateforme 010.png
A : Coller le lien vers la plateforme de sociofinancement puis ajouter « /participants/Profiles/view/ ». Dans l'exemple ci-haut, le lien vers la page est : https://jedonneenligne.org/logilys_mboissonneault3/campagne/defi, auquel a été ajouté /participants/Profiles/view/. B : Inscrire le texte de l'hyperlien qui apparaîtra sur le courriel de confirmation que le participant recevra.
Après avoir cliqué sur « Ok », ajouter le lien vers la personnalisation « ID Participant » au bout du lien URL que vous avez ajouté.
Prodon5 Formulaires reliés à la plateforme 011.png
A : Pour ce faire, placer le curseur après « view/ » et faire un clic droit pour sélectionner « Champs de la transaction » et sélectionner la personnalisation reliée à votre P2P - Participant ID.

Onglet « Partage sur les réseaux sociaux »

Étant donné que cet onglet permet le partage sur les réseaux sociaux et que dans le cas de la plateforme de sociofinancement nous préférons que le partage soit directement fait à partir de la plateforme, il faut donc les désactiver en cochant la case « Utiliser des réseaux sociaux différents de ceux de la page d'accueil » et enlever la possibilité de partager le formulaire.

Prodon5 Formulaires reliés à la plateforme 009.png

A : Il faut cocher la case pour utiliser des réseaux sociaux différents de ceux de la page d'accueil pour ensuite aller modifier ce que nous avons.

B : Enlever le titre et la description qui a suivi les informations de la page d'accueil.

C : Décocher les réseaux sociaux qui sont sélectionnés.



Onglet « Options avancées »

Prodon5 Formulaires reliés à la plateforme 012.png

A : Il est important de ne pas afficher les formulaires reliés à la plateforme de sociofinancement sur la page d'accueil de votre JeDonneEnLigne.

B : Créer les deux groupes de libellés qui seront utilisés pour la plateforme de sociofinancement. Pour plus d'informations sur le fonctionnement des groupes de libellés, cliquer ici.

C : La position de la section transaction devrait toujours être avant la page des informations personnelles.

D : La case commentaire ne devrait jamais apparaître sur les formulaires reliés à la plateforme de sociofinancement.

E : Il est également important d'aller faire la configuration de l'intégration à JDEL qui permettra au formulaire de rediriger les gens sur la plateforme de sociofinancement une fois la transaction complété.


Pour permettre de rediriger le donateur à la plateforme une fois la transaction finalisé, il faut configurer l'intégration à JDEL. Pour ce faire, cliquer sur le bouton Prodon5 Bouton Intégration à JDEL.png et ensuite « Configuration de l'adresse URL pour l'intégration post-traitement ».
Prodon5 Formulaires reliés à la plateforme 013.png

Aller coller le lien URL de la plateforme, enlever tout ce qui apparaît après « campagne/ » et remplacer le par « callbacks/ » tel qu'indiqué dans l'image ci-haut.



Nom du document : ProDon:Création d'un formulaire Web relié à la plateforme (P2P)
Version : 5.0.6