Voir la source de ProDon:Configuration des questions

{{Entete_ProDon}}<br> 

== Introduction  ==

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

<br> 

Pour que les donateurs puissent effectuer un don, il faut d'abord créer et configurer le site Web. La création du site Web de dons en ligne inclue la configuration de la page d'accueil du site ainsi que la création de différents formulaires Web. Chaque formulaire Web est attaché à une [[ProDon:Gestion des occasions de dons|occasion de dons]], ce qui fait que les internautes peuvent s'inscrire en ligne aux activités bénéfices de l'organisme, ou faire un don directement par le Web. 

<br> 

De plus, lorsqu'un internaute effectue un don ou s'inscrit à une activité à partir d'un formulaire Web, '''''ProDon''''' l'ajoute automatiquement à la base de données lors de l'[[ProDon:Importation des dons|importation des dons]]. 

<br> 

Il est possible d'obtenir des informations très précises de la part des clients en créant des personnalisations. 

<br> 

== Configuration des personnalisations<br>  ==

Pour configurer les personnalisations, se rendre d'abord dans la «&nbsp;Gestion des formulaires Web&nbsp;».<br> 

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | 
Pour ce faire, cliquer sur le menu «&nbsp;Configuration&nbsp;», puis choisir l'option<br>«&nbsp;[[Image:Bouton formulaire web.png]] Formulaires Web&nbsp;».<br> 

|-
| colspan="2" | [[Image:ProDon Configuration des personnalisations 001.png]]<br>
|}

<br> 

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | 
Après avoir cliqué sur «&nbsp;[[Image:Bouton formulaire web.png]] Formulaires Web&nbsp;», la fenêtre suivante s'ouvre.<br> 

|-
| colspan="2" | [[Image:ProDon Configuration des personnalisations 002.png]]<br>
|-
| colspan="2" | 
Double-cliquer sur la ligne du formulaire dans lequel des personnalisations doivent être ajoutées.<br> 

|}

<br> 

== Configuration des personnalisations<br>  ==

Il existe 3 section pour les personnalisations&nbsp;: Les informations personnelles, les informations sur la transaction et les informations sur l'engagement. 

Les exemples qui suivent ont été créés dans la section "Informations sur la transaction ", mais les mêmes types de personnalisations sont disponibles également dans les 2 autres sections. 

Lors de la création d'une personnalisation, il est nécessaire d'avoir préalablement créé des caractéristiques spécifiquement pour le formulaire en développement, ou d'en crééer à partir de la fenêtre d'ajout d'une personnalisation.<br> 

<br> 

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | 
Après avoir cliqué sur la ligne du formulaire dans lequel des personnalisations doivent être ajoutées, la fenêtre suivante s'ouvre, aller dans l'onglet «&nbsp;Personnalisations&nbsp;».<br> 

|-
| colspan="2" | [[Image:ProDon Configuration des personnalisations 003.png]]<br>
|-
| 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> L'onglet «&nbsp;Section informations personnelles&nbsp;» permet d'ajouter des personnalisations dans la section «&nbsp;Informations personnelles&nbsp;».<br> 

| 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> L'onglet «&nbsp;Section informations sur la transaction&nbsp;» permet d'ajouter des personnalisations dans la section «&nbsp;Informations sur la transaction&nbsp;».<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> L'onglet «&nbsp;Section informations sur l'engagement&nbsp;» permet d'ajouter des personnalisations dans la section «&nbsp;Informations sur l'engagement&nbsp;».<br> 

| 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Il s'agit de la liste des personnalisations de la section «&nbsp;Informations sur la transaction&nbsp;».<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Le bouton [[Image:Bouton Ajouter.png]] permet de créer une nouvelle personnalisation pour l'ajouter à la liste en <span style="color: rgb(255, 0, 0);">'''D'''</span>.<br> 

| 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier une personnalisation de la liste en <span style="color: rgb(255, 0, 0);">'''D'''</span>. Pour modifier une personnalisation, sélectionner la personnalisation à modifier en <span style="color: rgb(255, 0, 0);">'''D'''</span>, puis cliquer sur le bouton [[Image:Bouton Modifier.png]].<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png]] permet de supprimer une personnalisation de la liste en <span style="color: rgb(255, 0, 0);">'''D'''</span>. Pour supprimer une personnalisation, sélectionner la personnalisation à supprimer en <span style="color: rgb(255, 0, 0);">'''D'''</span>, puis cliquer sur le bouton [[Image:Bouton Retirer.png]].<br> 

| 
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Le bouton [[Image:Bouton efface.png]] permet de supprimer toutes les personnalisations en <span style="color: rgb(255, 0, 0);">'''D'''</span>.<br> 

|}

<br> 

=== Ajout d'une personnalisation  ===

Les options de la fenêtre d'ajout ou de modification d'une personnalisation changent selon le type de caractéristique choisi. Il existe 7 types de caractéristiques&nbsp;: <br> 

*[[ProDon:Configuration des personnalisations d'un formulaire Web#Personnalisation_de_type_texte|Texte]]<br> 
*[[ProDon:Configuration des personnalisations d'un formulaire Web#Personnalisation_de_type_date_et_heure|Date et heure]]<br> 
*[[ProDon:Configuration des personnalisations d'un formulaire Web#Personnalisation_de_type_case_.C3.A0_cocher|Case à cocher]]<br> 
*[[ProDon:Configuration des personnalisations d'un formulaire Web#Personnalisation_de_type_liste_de_choix.2Fliste_de_choix_pr.C3.A9d.C3.A9finie|Liste de choix]]<br> 
*[[ProDon:Configuration des personnalisations d'un formulaire Web#Personnalisation_de_type_liste_de_choix.2Fliste_de_choix_pr.C3.A9d.C3.A9finie|Liste de choix prédéfinie]]<br> 
*[[ProDon:Configuration des personnalisations d'un formulaire Web#Personnalisation_de_type_texte_long|Texte long]] 
*[[ProDon:Configuration des personnalisations d'un formulaire Web#Personnalisation_de_type_num.C3.A9rique|Numérique]]

<br> 

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | 
Après avoir cliqué sur le bouton [[Image:Bouton Ajouter.png]], la fenêtre suivante s'ouvre. 

|-
| colspan="2" | [[Image:ProDon Configuration personnalisations 002a.png]]
|-
| colspan="2" | 
Cliquer sur le bouton [[Image:Bouton....png]] afin d'ajouter une caractéristique dans la personnalisation. 

|}

<br> 

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | [[Image:ProDon Configuration personnalisations 003a.png]]
|-
| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il s'agit de la liste des caractéristiques transactionnelles déjà existantes dans la «&nbsp;Gestion des caractéristiques&nbsp;».<br> 

'''NOTE&nbsp;:''' Les caractéristiques déjà ajoutées dans le formulaire en modification n'apparaîssent pas dans cette liste. 

| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Après avoir sélectionné une caractéristique en <span style="color: rgb(255, 0, 0);">'''A'''</span>, cliquer sur le bouton «&nbsp;[[Image:Bouton Crochet ajouter confirmer.png]] Confirmer la sélection&nbsp;», pour ajouter la caractéristique à la personnalisation. 

|-
| 
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Il est possible de créer une nouvelle caractéristique en cliquant sur le bouton «&nbsp;Nouveau&nbsp;». Pour savoir comment configurer la nouvelle caractéristique, consulter le document «&nbsp;[[ProDon:Gestion des caractéristiques|Gestion des caractéristiques]]&nbsp;». 

| <br>
|}

<br> 

==== Personnalisation de type texte<br>  ====

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | 
Après avoir cliqué sur le bouton «&nbsp;[[Image:Bouton Crochet ajouter confirmer.png]] Confirmer la sélection&nbsp;», '''''ProDon''''' retourne dans la fenêtre d'ajout d'une personnalisation, puis la caractéristique choisie s'inscrit automatiquement. 

|-
| colspan="2" | [[Image:ProDon Configuration des personnalisations 006.png]]<br>
|-
| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Permet d'attribuer une caractéristique à la personnalisation. Pour choisir une caractéristique déjà existante, cliquer sur la liste déroulante. Le bouton [[Image:Bouton....png]] permet d'ajouter une nouvelle caractéristique. Pour savoir comment crééer une nouvelle caractéristique en cliquant sur le bouton [[Image:Bouton....png]], [[ProDon:Configuration des personnalisations d'un formulaire Web#Ajout_d.27une_personnalisation|cliquer ici]].<br> 

| width="50%" | 
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier la caractéristique. Pour savoir comment modifier une caractéristique après avoir cliqué sur le bouton [[Image:Bouton Modifier.png]], consulter la section [[ProDon:Gestion des caractéristiques#Ajout_.2F_modification_d.27une_caract.C3.A9ristique|Ajout/Modification d'une caractéristique]] du document [[ProDon:Gestion des caractéristiques|Gestion des caractéristiques]].<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Permet de grouper les personnalisations françaises. Choisir, à l'aide de la flèche déroulante, un titre de groupe déjà existant ou en inscrire un nouveau afin de l'ajouter à la liste déroulante.<br> 

| 
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Permet de grouper les personnalisations anglaises. Choisir, à l'aide de la flèche déroulante, un titre de groupe déjà existant ou en inscrire un nouveau afin de l'ajouter à la liste déroulante. 

|-
| 
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Permet de nommer la personnalisation française. 

| 
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Permet de nommer la personnalisation anglaise. 

|-
| 
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Permet de spécifier un nombre maximum de caractères. Dans cet exemple, le donateur ne pourra pas inscrire un nom comportant plus de 100 caractères dans le champ «&nbsp;Prénom et nom&nbsp;». 

| 
<span style="color: rgb(255, 0, 0);">'''H&nbsp;:'''</span> Permet de spécifier la longueur de la boîte.<br> 

'''NOTE&nbsp;:''' La longueur de la boîte correspondant au nombre maximum de caractères s'inscrit automatiquement après avoir rempli le champ en <span style="color: rgb(255, 0, 0);">'''G'''</span>. Il est cependant possible de la modifier, si désiré. 

|-
| 
<span style="color: rgb(255, 0, 0);">'''I&nbsp;:'''</span> Permet d'afficher le champ en lecture seule dans le formulaire. Le champ sera visible, mais le donateur ne pourra pas le modifier.<br> 

| 
<span style="color: rgb(255, 0, 0);">'''J&nbsp;:'''</span> Permet de rendre le champ obligatoire. Lorsque le donateur complètera le formulaire, il ne pourra pas enregistrer le formulaire tant que le champ ne sera pas rempli.<br> 

|-
| 
<span style="color: rgb(255, 0, 0);">'''K&nbsp;:'''</span> Permet d'afficher le champ dans le bas de la page. 

| 
<span style="color: rgb(255, 0, 0);">'''L&nbsp;:'''</span> Permet d'afficher le champ sous la section paiement. 

|-
| colspan="2" | [[Image:ProDon Configuration des personnalisations 007.png]]
|-
| width="50%" | 
A&nbsp;: Permet de spécifier si la caractéristique de type texte est un courriel.<br> 

| width="50%" | 
B&nbsp;: Permet de spécifier si la caractéristique de type texte est une province.<br> 

NTOE : S'il s'agit d'une province, 

|-
| 
C&nbsp;:<br> 

| 
D&nbsp;:<br> 

|-
| 
E&nbsp;:<br> 

| 
F&nbsp;:<br> 

|-
| 
G&nbsp;:<br> 

| 
H&nbsp;:<br> 

|-
| 
I&nbsp;:<br> 

| 
J&nbsp;:<br> 

|-
| 
K&nbsp;:<br> 

| <br>
|}

'''NOTE&nbsp;:''' Il est possible de créer des listes de choix pour les pays ou les provinces avec une personnalisation de type texte. Pour connaître la procédure, [[ProDon:Configuration des personnalisations d'un formulaire Web#Liste_de_choix_pour_les_pays_ou_les_provinces|cliquer ici]]. 

<br>

==== Personnalisation de type date et heure  ====

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | 
Après avoir cliqué sur le bouton «&nbsp;[[Image:Bouton Crochet ajouter confirmer.png]] Confirmer la sélection&nbsp;», ProDon retourne dans la fenêtre d'ajout d'une personnalisation, puis la caractéristique choisie s'inscrit automatiquement. 

|-
| colspan="2" | [[Image:ProDon Configuration des personnalisations 008.png]]<br>
|-
| width="50%" | 
A :<br>

| width="50%" | 
B :<br>

|-
| 
C :<br>

| 
D :<br>

|-
| 
E :<br>

| 
F :<br>

|-
| 
G :<br>

| 
H :<br>

|-
| 
I :<br>

| 
J :<br>

|-
| 
K :<br>

| <br>
|-
| colspan="2" | [[Image:ProDon Configuration des personnalisations 009.png]]
|-
| width="50%" | 
A :<br>

| width="50%" | 
B :<br>

|-
| 
C :<br>

| 
D :<br>

|-
| 
E :<br>

| 
F :<br>

|}

<br> 

==== Personnalisation de type case à cocher  ====

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | 
Après avoir cliqué sur le bouton «&nbsp;[[Image:Bouton Crochet ajouter confirmer.png]] Confirmer la sélection&nbsp;», ProDon retourne dans la fenêtre d'ajout d'une personnalisation, puis la caractéristique choisie s'inscrit automatiquement. 

|-
| colspan="2" | [[Image:ProDon Configuration des personnalisations 010.png]]<br>
|-
| width="50%" | 
A :

| width="50%" | 
B :

|-
| 
C :

| 
D :

|-
| 
E :

| 
F :

|-
| 
G :

| 
H :

|-
| 
I :

| 
J :

|-
| 
K :

| 
L :

|-
| 
M :

| <br>
|-
| colspan="2" | [[Image:ProDon Configuration des personnalisations 011.png]]
|-
| width="50%" | 
A :

| width="50%" | 
B :

|-
| 
C :

| 
D :

|-
| 
E :

| 
F :

|}

<br> 

==== Personnalisation de type liste de choix/liste de choix prédéfinie<br>  ====

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | 
Après avoir cliqué sur le bouton «&nbsp;[[Image:Bouton Crochet ajouter confirmer.png]] Confirmer la sélection&nbsp;», ProDon retourne dans la fenêtre d'ajout d'une personnalisation, puis la caractéristique choisie s'inscrit automatiquement. 

|-
| colspan="2" | [[Image:ProDon Configuration des personnalisations 012.png]]<br>
|-
| width="50%" | 
A :

| width="50%" | 
B :

|-
| 
C :

| 
D :

|-
| 
E :

| 
F :

|-
| 
G :

| 
H :

|-
| 
I :

| 
J :

|-
| 
K :

| 
L :

|-
| 
M :

| 
N :

|-
| 
O :

| 
P :

|-
| 
Q :

| 
|-
| colspan="2" | [[Image:ProDon Configuration des personnalisations 013.png]]
|-
| width="50%" | 
A :

| width="50%" | 
B :

|-
| 
C :

| 
D :

|-
| 
E :

| 
|-
| colspan="2" | [[Image:ProDon Configuration des personnalisations 014.png]]
|-
| width="50%" | 
A :

| width="50%" | 
B :

|-
| 
C :

| 
D :

|-
| 
E :

| 
F :

|}

<br> 

===== Liste de choix pour les pays ou les provinces<br> =====

Il est possible de créer des listes de choix pour les pays ou les provinces avec une personnalisation de type texte. 

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | 
Après avoir cliqué sur le bouton «&nbsp;[[Image:Bouton Crochet ajouter confirmer.png]] Confirmer la sélection&nbsp;», ProDon retourne dans la fenêtre d'ajout d'une personnalisation, puis la caractéristique choisie s'inscrit automatiquement. 

|-
| colspan="2" | [[Image:ProDon Configuration des personnalisations 015.png]]
|-
| width="50%" | 
A&nbsp;: 

| width="50%" | 
B&nbsp;: 

|-
| 
C&nbsp;: 

| 
D&nbsp;: 

|-
| 
E&nbsp;: 

| 
F&nbsp;: 

|-
| 
G&nbsp;: 

| 
H&nbsp;: 

|-
| 
I&nbsp;: 

| 
J&nbsp;: 

|-
| 
K&nbsp;: 

| 
|-
| colspan="2" | [[Image:ProDon Configuration des personnalisations 016.png]]
|-
| width="50%" | 
A&nbsp;: 

| width="50%" | 
B&nbsp;: 

|-
| 
C&nbsp;: 

| 
D&nbsp;: 

|-
| 
E&nbsp;: 

| 
F&nbsp;: 

|-
| 
G&nbsp;: 

| 
H&nbsp;: 

|-
| 
I&nbsp;: 

| 
J&nbsp;: 

|-
| colspan="2" | [[Image:ProDon Configuration des personnalisations 017.png]]
|-
| width="50%" | 
A&nbsp;: 

| width="50%" | 
B&nbsp;: 

|-
| 
C&nbsp;: 

| 
|}

<br>

==== Personnalisation de type texte long  ====

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | 
Après avoir cliqué sur le bouton «&nbsp;[[Image:Bouton Crochet ajouter confirmer.png]] Confirmer la sélection&nbsp;», ProDon retourne dans la fenêtre d'ajout d'une personnalisation, puis la caractéristique choisie s'inscrit automatiquement. 

|-
| colspan="2" | [[Image:ProDon Configuration des personnalisations 018.png]]<br>
|-
| width="50%" | 
A :

| width="50%" | 
B :

|-
| 
C :

| 
D :

|-
| 
E :

| 
F :

|-
| 
G :

| 
H :

|-
| 
I :

| 
J :

|-
| 
K :

| 
L :

|-
| 
M :

| 
N :

|-
| 
O :

| 
|-
| colspan="2" | [[Image:ProDon Configuration des personnalisations 019.png]]
|-
| width="50%" | 
A :

| width="50%" | 
B :

|-
| 
C :

| 
D :

|-
| 
E :

| 
F :

|}

<br> 

==== Personnalisation de type numérique<br>  ====

{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
|-
| colspan="2" | 
Après avoir cliqué sur le bouton «&nbsp;[[Image:Bouton Crochet ajouter confirmer.png]] Confirmer la sélection&nbsp;», ProDon retourne dans la fenêtre d'ajout d'une personnalisation, puis la caractéristique choisie s'inscrit automatiquement. 

|-
| colspan="2" | [[Image:ProDon Configuration des personnalisations 020.png]]<br>
|-
| width="50%" | 
A :

| width="50%" | 
B :

|-
| 
C :

| 
D :

|-
| 
E :

| 
F :

|-
| 
G :

| 
H :

|-
| 
I :

| 
J :

|-
| 
K :

| 
L :

|-
| colspan="2" | [[Image:ProDon Configuration des personnalisations 021.png]]
|-
| width="50%" | 
A :

| width="50%" | 
B :

|-
| 
C :

| 
D :

|-
| 
E :

| 
F :

|-
| 
G :

| 
|}

{{BasPage_ProDon}}<br>