ProDon:Configuration de la page d'accueil et du site Web : Différence entre versions
Ligne 127 : | Ligne 127 : | ||
<span style="color: rgb(255, 0, 0);">'''C :'''</span> Permet d'afficher les formulaires en ordre alphabétique dans les groupes.<br> | <span style="color: rgb(255, 0, 0);">'''C :'''</span> Permet d'afficher les formulaires en ordre alphabétique dans les groupes.<br> | ||
− | '''NOTE :''' Pour modifier l'ordre des groupes de formulaires, cliquer sur le bouton [[Image: | + | '''NOTE :''' Pour modifier l'ordre des groupes de formulaires, cliquer sur le bouton [[Image:Bouton groupes de formulaires.png]] en <span style="color: rgb(255, 0, 0);">'''G'''</span>. |
| | | | ||
− | <span style="color: rgb(255, 0, 0);">'''D :'''</span> Permet de | + | <span style="color: rgb(255, 0, 0);">'''D :'''</span> Permet de voir dans quel groupe les formulaires sont placés. Pour savoir comment modifier les groupes de formulaires, voir la lettre <span style="color: rgb(255, 0, 0);">'''G'''</span>.<br> |
|- | |- | ||
| | | | ||
− | <span style="color: rgb(255, 0, 0);">'''E :'''</span> | + | <span style="color: rgb(255, 0, 0);">'''E :'''</span> Les boutons [[Image:Bouton flèche haut.png]] et [[Image:Bouton flèche bas.png]] permettent de modifier l'ordre des formulaires.<br> |
+ | |||
+ | '''NOTE :''' il est possible de déplacer les formulaires seulement si la case en <span style="color: rgb(255, 0, 0);">'''C'''</span> n'est pas cochée et si plus d'un formulaire sont placés dans un même groupe.<br> | ||
| | | | ||
− | <span style="color: rgb(255, 0, 0);">'''F :'''</span> | + | <span style="color: rgb(255, 0, 0);">'''F :'''</span> Le bouton [[Image:Bouton groupes de formulaires.png]] permet de crééer, modifier et supprimer des groupes de formulaires. |
|- | |- | ||
− | | | + | | colspan="2" | |
− | <span style="color: rgb(255, 0, 0);">'''G :'''</span> | + | <span style="color: rgb(255, 0, 0);">'''G :'''</span> Permet d'attribuer un groupe de formulaires à un formulaire de la liste en <span style="color: rgb(255, 0, 0);">'''D'''</span> ou de modifier le groupe dans lequel un formulaire est placé. Pour ce faire, sélectionner la ligne du formulaire dont le groupe doit être modifié ou ajouté, puis cliquer sur le bouton [[Image:Bouton Modifier.png]]. |
− | + | '''NOTE :''' Pour pouvoir attribuer un groupe de formulaires à un formulaire, il faut d'abord que le groupe ait été créé en <span style="color: rgb(255, 0, 0);">'''F'''</span>.<br> | |
− | <span style="color: rgb(255, 0, 0);">''' | ||
|} | |} | ||
Ligne 153 : | Ligne 154 : | ||
|- | |- | ||
| colspan="2" | | | colspan="2" | | ||
− | Après avoir cliqué sur le bouton [[Image:Bouton groupes de formulaires.png]], la fenêtre suivante s'ouvre. | + | Après avoir cliqué sur le bouton [[Image:Bouton groupes de formulaires.png]] de la fenêtre précédente, la fenêtre suivante s'ouvre. |
|- | |- | ||
Ligne 162 : | Ligne 163 : | ||
| width="50%" | | | width="50%" | | ||
− | <span style="color: rgb(255, 0, 0);">'''B :'''</span> Pour créer un nouveau groupe, cliquer sur le bouton [[Image:Bouton Ajouter.png]]. Pour modifier un groupe déjà créé, sélectionner le groupe en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Modifier.png]]. Pour supprimer un groupe, sélectionner le groupe en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Retirer.png]]. | + | <span style="color: rgb(255, 0, 0);">'''B :'''</span> Pour créer un nouveau groupe de formulaires, cliquer sur le bouton [[Image:Bouton Ajouter.png]]. Pour modifier un groupe déjà créé, sélectionner le groupe en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Modifier.png]]. Pour supprimer un groupe, sélectionner le groupe en <span style="color: rgb(255, 0, 0);">'''A'''</span>, puis cliquer sur le bouton [[Image:Bouton Retirer.png]]. |
|} | |} | ||
Ligne 171 : | Ligne 172 : | ||
|- | |- | ||
| colspan="2" | | | colspan="2" | | ||
− | Après avoir cliqué sur le bouton [[Image:Bouton Ajouter.png]] ou [[Image:Bouton Modifier.png]], la fenêtre suivante s'ouvre. | + | Après avoir cliqué sur le bouton [[Image:Bouton Ajouter.png]] ou [[Image:Bouton Modifier.png]] de la fenêtre précédente, la fenêtre suivante s'ouvre. |
|- | |- | ||
Ligne 180 : | Ligne 181 : | ||
| width="50%" | | | width="50%" | | ||
− | <span style="color: rgb(255, 0, 0);">'''B :'''</span> Le bouton [[Image:Bouton changer couleur.png]] permet de modifier la couleur du nom du groupe et le bouton [[Image:Bouton modifier police petit.png]] permet de modifier la police du groupe. Pour un exemple de police de nom de groupe de formulaire, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''G'''</span> de la section « [[ProDon: | + | <span style="color: rgb(255, 0, 0);">'''B :'''</span> Le bouton [[Image:Bouton changer couleur.png]] permet de modifier la couleur du nom du groupe et le bouton [[Image:Bouton modifier police petit.png]] permet de modifier la police du nom du groupe. Pour un exemple de police de nom de groupe de formulaire, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''G'''</span> de la section « [[ProDon:Configuration de la page d'accueil et du site Web#Exemple_de_page_d.27accueil|Exemple de page d'accueil]] ». |
|- | |- | ||
| | | | ||
− | <span style="color: rgb(255, 0, 0);">'''C :'''</span> Le bouton [[Image:Bouton changer couleur.png]] permet de modifier la couleur de la bordure autour de | + | <span style="color: rgb(255, 0, 0);">'''C :'''</span> Le bouton [[Image:Bouton changer couleur.png]] permet de modifier la couleur de la bordure autour des groupes de formulaires sur la page d'accueil. Pour un exemple de bordure, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''H'''</span> de la section « [[ProDon:Configuration de la page d'accueil et du site Web#Exemple_de_page_d.27accueil|Exemple de page d'accueil]] » |
| <br> | | <br> |
Version du 20 avril 2012 à 13:17
Sommaire
Introduction
Le module Dons en ligne permet aux donateurs de donner directement par le Web.
Pour que les donateurs puissent effectuer un don, il faut d'abord créer et configurer le site Web. La création du site Web de dons en ligne 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 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.
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ée lors de l'importation des dons.
ATTENTION : Après une importation de dons, vérifier la liste des doublons potentiels puisque si un donateur n'a pas inscrit ses informations personnelles exactement comme dans la base de données, un doublon sera créé.
Configuration de la page d'accueil et du site Web
Avant de créer les formulaires Web, il est important de configurer la page d'accueil et le site Web. La page d'accueil contient la liste de tous les formulaires disponibles aux internautes.
Pour ce faire, se rendre dans la « Gestion des formulaires Web ».
Cliquer sur le menu « Configuration », puis choisir « Formulaires Web ». | |
|
Après avoir cliqué sur « Formulaires Web », la page suivante s'ouvre. | |
| |
Onglet Configuration
Cet onglet permet de personnaliser l'apparence de la page d'accueil ainsi que quelques options du site Web. Il est possible de choisir les couleurs et polices des écritures, de choisir les couleurs de l'arrière-plan et des marges, d'ajouter un logo et des notes personnalisées, etc.
Onglet « Aperçu »
Cet onglet permet de personnaliser l'apparence de la page d'accueil ainsi que quelques options générales des formulaires.
Après avoir cliqué sur le bouton , la fenêtre suivante s'ouvre. | |
| |
A : Le bouton permet de modifier la couleur de la marge. Pour un exemple de marge, voir la lettre A de la section « Exemple de page d'accueil ». |
B : Le bouton permet de modifier la couleur de l'arrière-plan. Pour un exemple d'arrière-plan, voir la lettre B de la section « Exemple de page d'accueil ». |
C : Le bouton permet de changer la couleur du titre de la page d'accueil et le bouton permet de modifier la police du titre de la page d'accueil. Pour un exemple de police de titre, voir la lettre C de la section « Exemple de page d'accueil ». |
D : Le bouton permet de changer la couleur des noms des formulaires et le bouton permet de modifier la police des nom des formulaires. Pour un exemple de police de noms de formulaires, voir la lettre D de la section « Exemple de page d'accueil ». |
E : Le bouton permet de changer la couleur de la description des formulaires et le bouton permet de modifier la police de la description des formulaires. Pour un exemple de police de description de formulaire, voir la lettre E de la section « Exemple de page d'accueil ». |
F : Le bouton permet de modifier la police du rapport qui contient la liste des dons en ligne. |
G : Permet d'afficher un lien de retour vers la page d'accueil directement dans les formulaires. |
H : Permet d'afficher dans le bas du formulaire le délais de session Web restant. NOTE : Le temps de session est toujours limité et plus d'une personne peut remplir le formulaire en même temps. |
I : Permet de déterminer la durée de la session. NOTE : Habituellement, la durée est fixée entre 15 et 30 minutes pour permettre aux gens de remplir le formulaire assiduement. |
J : Ce menu déroulant permet de choisir l'emplacement du titre et du logo sur la page d'accueil du formulaire. Pour voir un exemple d'emplacement du titre et du logo, voir la lettre F de la section « Exemple de page d'accueil ». |
Onglets « Français » et « Anglais »
Ces onglets permettent de grouper les formulaires.
NOTE : Les onglets « Français » et « Anglais » se configurent exactement de la même façon. L'onglet « Français » permet de configurer les groupes de formulaires français et l'onglet « Anglais » permet de configurer les groupes de formulaires anglais.
Après avoir cliqué sur le bouton ou de la fenêtre précédente, la fenêtre suivante s'ouvre. | |
| |
A : Ce champ permet de nommer le groupe de formulaires. |
B : Le bouton permet de modifier la couleur du nom du groupe et le bouton permet de modifier la police du nom du groupe. Pour un exemple de police de nom de groupe de formulaire, voir la lettre G de la section « Exemple de page d'accueil ». |
C : Le bouton permet de modifier la couleur de la bordure autour des groupes de formulaires sur la page d'accueil. Pour un exemple de bordure, voir la lettre H de la section « Exemple de page d'accueil » |
|
Onglet « Libellés »
Cet onglet permet de modifier les différents libellés de la page d'accueil et de la page des termes et conditions.
| |
A : Pour un exemple de libellé de l'en-tête, voir la lettre I de la section « Exemple de page d'acueil ». |
B : Pour un exemple de libellé du titre, voir la lettre C de la section « Exemple de page d'accueil ». |
C : Pour un exemple de libellé du message de maintenance, voir la lettre A de la section « Exemple du site Web en maintenance ». |
D : Pour un exemple de libellé de la confidentialité, voir la lettre J de la section « Exemple de page d'accueil ». |
E : Pour un exemple de libellé du titre des termes et conditions, voir la lettre A de la section « Exemple de la page des termes et conditions ». |
F : Pour un exemple de libellé du titre 1 des termes et conditions, voir la lettre B de la section « Exemple de la page des termes et conditions ». |
G : Pour un exemple de libellé du texte 1 des termes et conditions, voir la lettre C de la section « Exemple de la page des termes et conditions ». |
H : Pour un exemple de libellé du titre 2 des termes et conditions, voir la lettre D de la section « Exemple de la page des termes et conditions ». |
I : Pour un exemple de libellé du texte 2 des termes et conditions, voir la lettre E de la section « Exemple de la page des termes et conditions ». |
J : Pour un exemple de libellé du bouton soumettre, voir la lettre K de la section « Exemple de page d'accueil ». |
K : Le bouton permet de modifier les libellés. Pour ce faire, sélectionner le libellé à modifier, puis cliquer sur . NOTE : Il est également possible de modifier les libellés en double-cliquand sur le libellé à modifier. |
|
Onglet « Notes »
Cet onglet permet d'ajouter des informations spéciales sur la page d'accueil.
| |
A : Il s'agit de la liste des notes qui se trouvent sur la page d'accueil. Pour un exemple de note, voir la lettre L de la section « Exemple de page d'accueil ». |
B : Le bouton permet d'ajouter une nouvelle note sur la page d'accueil. |
C : Le bouton permet de modifier une note déjà présente sur la page d'accueil. Pour ce faire, sélectionner la note à modifier, puis cliquer sur . |
D : Le bouton permet de supprimer une note de la page d'accueil. Pour ce faire, sélectionner la note à supprimer, puis cliquer sur . |
E : Le bouton permet de supprimer toutes les notes en même temps. |
|
Onglet « Documents du site Web »
Cet onglet permet d'ajouter et visualiser tous les logos qui se trouvent dans les formulaires.
Onglet « Importation »
Cet onglet permet de...
| |
A : Ce champ permet d'associer un même secteur à chaque individu qui complète les formulaires en ligne. |
B : Ce champ permet d'associer un même secteur à chaque compagnie qui complète les formulaires en ligne. |
C : En cochant cette case, le pays sera indiqué par défaut chaque fois qu'une personne complète un formulaire. |
D : Les champs « Nom » et « Prénom » seront visibles si cette case est cochée. |
E : Les champs « Ville », « Province » et « Pays » seront visibles si cette case est cochée. |
F : Si cette case est cochée, une virgule s'insèrera entre le numéro civique et la rue lors de l'importation. |
Exemples de configuration de la page d'accueil et du site Web
Exemple du site Web en maintenance
Cette page apparaît lorsque... | |
| |
A : Libellé du message de maintenance. |
Exemple de page d'accueil
| |
A : La marge est située autour de l'arrière-plan. Dans cet exemple, la marge est blanche. |
B : Dans cet exemple, l'arrière-plan est rouge. |
C : Le titre est situé au-dessus de la liste des formulaires, dans la marge du haut. |
D : Le nom du formulaire est situé en-dessous du groupe de formulaire auquel il a été attribué. |
E : La description du formulaire se trouve juste en dessous du nom du formulaire. |
F : Le logo et le titre sont toujours situés dans la marge supérieure. Dans cet exemple, le logo et le titre ont été placés sur la même ligne. |
G : Les noms des groupes de formulaires sont situés sur l'arrière-plan sous le logo et le titre. |
H : Dans cet exemple, les bordures autour des groupes de formulaires sont blanches. |
I : Libellé de l'en-tête. Ce libellé est celui qui sera inscrit dans l'onglet du navigateur Internet. |
J : Libellé de la confidentialité. Ce lien mène à la page des termes et conditions. |
K : Libellé du bouton soumettre. |
L : Exemple de note. Dans cet exemple, la note est positionnée sous la liste des formulaire et l'alignement est centré. |
Exemple de la page des termes et conditions
Cette fenêtre s'ouvre après avoir cliqué sur le lien « Confidentialité » de la page d'accueil. | |
| |
A : Libellé du titre des termes et conditions. |
B : Libellé du titre 1 des termes et conditions. |
C : Libellé du texte 1 des termes et conditions. |
D : Libellé du titre 2 des termes et conditions. |
E : Libellé du texte 2 des termes et conditions. |
|