ProDon:Configuration des libellés : Différence entre versions

De Logilys
Aller à : navigation, rechercher
Ligne 726 : Ligne 726 :
 
F :  
 
F :  
  
 +
|-
 +
|
 +
G :
 +
 +
|
 +
H :
 +
 +
|-
 +
|
 +
I :
 +
 +
|
 
|}
 
|}
  
Ligne 770 : Ligne 782 :
 
|}
 
|}
  
<br>  
+
<br>
  
 
==== Onglet «&nbsp;Engagement&nbsp;»  ====
 
==== Onglet «&nbsp;Engagement&nbsp;»  ====

Version du 17 avril 2012 à 14:37

Modèle:Entete ProDon

Introduction

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


Gestion des formulaires Web

Pour que les donateurs puissent faire un don, il faut d'abord configurer le site Internet et créer des formulaires Web.

Pour ce faire, se rendre dans la « Gestion de formulaires Web ».

Cliquer sur le menu « Configuration », puis choisir « Bouton formulaire web.png Formulaires Web ».

Fichier:Dons en ligne 001.png


Configuration de la page d'accueil et du site Web

Avant de créer les formulaires Web, il faut créer la page d'accueil présentant tous les formulaires Web qui sont disponibles aux internautes.

Après avoir cliqué sur « Bouton formulaire web.png Formulaires Web », la page suivante s'ouvre.

Fichier:Dons en ligne 002.png

Pour configurer la page d'accueil, cliquer sur le bouton Bouton configurer votre site Web.png.


Onglet Configuration

Cet onglet permet de personnaliser l'apparence de la page d'accueil qui contient la liste de tous les formulaires. 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 la page d'accueil qui contient la liste de tous les formulaires.

Après avoir cliqué sur le bouton Bouton configurer votre site Web.png, la fenêtre suivante s'ouvre.

Fichier:Dons en ligne 003.png

A : Le bouton Bouton changer couleur.png 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 Bouton changer couleur.png 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 Bouton changer couleur.png permet de changer la couleur du titre de la page d'accueil et le bouton Bouton modifier police petit.png 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 Bouton changer couleur.png permet de changer la couleur des noms des formulaires et le bouton Bouton modifier police petit.png 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 Bouton changer couleur.png permet de changer la couleur de la description des formulaires et le bouton Bouton modifier police petit.png 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 Bouton modifier police gros.png 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.

Fichier:Dons en ligne 004.png

A : Si un formulaire a été créé en français, cette case sera cochée par défaut.

B : Il est possible de choisir dans le menu déroulant entre 2 formats de date.

C : Permet d'afficher les groupes de formulaires en ordre alhabétique.

D : Permet de grouper les différents formulaires. Pour savoir comment modifier les groupes de formulaires, voir la lettre G.

E : Permet de voir dans quel groupe les formulaires sont placés.

F : Si la case en C n'est pas cochée, les boutons Bouton flèche haut.png et Bouton flèche bas.png permettent de modifier l'ordre d'affichage des formulaires sur la page d'accueil.

G : Le bouton Bouton groupes de formulaires.png permet de crééer et modifier des groupes de formulaires.

H : Permet de placer les formulaires dans les groupes déjà créés.


Après avoir cliqué sur le bouton Bouton groupes de formulaires.png, la fenêtre suivante s'ouvre.

Fichier:Dons en ligne 004a.png

A : Il s'agit de la liste des groupes de formulaires déjà créés.

B : Pour créer un nouveau groupe, cliquer sur le bouton Bouton Ajouter.png. Pour modifier un groupe déjà créé, sélectionner le groupe en A, puis cliquer sur le bouton Bouton Modifier.png. Pour supprimer un groupe, sélectionner le groupe en A, puis cliquer sur le bouton Bouton Retirer.png.


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

Fichier:Dons en ligne 004b.png

A : Ce champ permet de nommer le groupe de formulaires.

B : Le bouton Bouton changer couleur.png permet de modifier la couleur du nom du groupe et le bouton 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 G de la section « Exemple de page d'accueil ».

C : Le bouton Bouton changer couleur.png permet de modifier la couleur de la bordure autour de la liste des 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.

Fichier:Dons en ligne 005.png

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 Bouton Notepad.png permet de modifier les libellés. Pour ce faire, sélectionner le libellé à modifier, puis cliquer sur Bouton Notepad.png.

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.

Fichier:Dons en ligne 006.png

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 Bouton Ajouter.png permet d'ajouter une nouvelle note sur la page d'accueil.

C : Le bouton Bouton Modifier.png 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 Bouton Modifier.png.

D : Le bouton Bouton Retirer.png permet de supprimer une note de la page d'accueil. Pour ce faire, sélectionner la note à supprimer, puis cliquer sur Bouton Retirer.png.

E : Le bouton Bouton efface.png permet de supprimer toutes les notes en même temps.



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

Fichier:Dons en ligne 006a.png

A : Inscrire le libellé français dans ce champ.

B : Inscrire le libellé anglais dans ce champ.

C : Le bouton Bouton changer couleur.png permet de modifier la couleur de la police de la note et le bouton Bouton modifier police petit.png permet de modifier la police de la note.

D : Choisir à l'aide de la liste déroulante la position de la note sur la page d'accueil.

E : Choisir à l'aide de la liste déroulante l'alignement de la note sur la page d'accueil.


Onglet « Documents du site Web »

Cet onglet permet d'ajouter et visualiser tous les logos qui se trouvent dans les formulaires.

Fichier:Dons en ligne 007.png

A : Permet de visualiser les logos français et anglais de la page d'accueil.

B : Permet de modifier les logos français et anglais de la page d'accueil.

C : Permet de déterminer la hauteur du logo.

NOTE : Habituellement, la hauteur est fixée à 68 pixels.

D : Il s'agit de la liste des documents ajoutés pour les formulaires Web.

E : Le bouton Bouton gros crochet.png permet de cocher tous les documents de la liste en D.

F : Le bouton Bouton gros X.png permet de décocher tous les documents de la liste en D.

G : Le bouton Bouton 2 plus ajouter groupe.png permet d'ajouter un ou plusieurs documents à la liste en D.

H : Le bouton Bouton 2 moins retirer groupe.png permet de supprimer tous les documents cochée dans la liste en D. Pour ce faire, cocher le document à supprimer en double-cliquant dessus, puis cliquer sur Bouton 2 moins retirer groupe.png.

I : Le bouton Bouton planète.png permet de visualiser les documents en D. Pour ce faire, cocher le document à visualiser en double-cliquant dessus, puis cliquer sur Bouton planète.png.



Onglet « Importation »

Cet onglet permet de...

Fichier:Dons en ligne 008.png

A :

B :

C :

D :

E :

F :


Exemples de configuration de la page d'accueil et du site Web

Exemple du site Web en maintenance

Cette page apparaît lorsque...

Fichier:Dons en ligne exemple 001.png

A : Libellé du message de maintenance.


Exemple de page d'accueil

Fichier:Dons en ligne exemple 002.png

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.

Fichier:Dons en ligne exemple 003.png

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.



Création d'un formulaire Web

Après avoir cliqué sur « Bouton formulaire web.png Formulaires Web », la page suivante s'ouvre.

Fichier:Dons en ligne 009.png

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

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

B : Si le bouton Bouton en développement.png est de couleur orange, cela signifie que le formulaire sélectionné en N est « En développement ». Un formulaire « En développement » est en création et ne peut pas être visualisé sur le site Web test.

C : Si le bouton Bouton en test.png est de couleur orange, cela signifie que le formulaire sélectionné en N est « En test ». Un formulaire « En test » signifie que le formulaire est pratiquement complètement créé, et il peut être visualisé sur le site Web test. Une fois qu'il n'y a plus aucune correction à apporter au formulaire, il peut être mis en production.

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

D : Si le bouton Bouton archivé.png est de couleur orange, cela signifie que le formulaire sélectionné en N est « Archivé ». Un formulaire archivé est un formulaire inactif, ce qui veut dire que le formulaire n'est pas utilisé pour le moment ou ne sera plus jamais utilisé.

E : Le bouton Bouton envoyer en test.png permet de publier le formulaire sélectionné en N sur le site Web test afin de le visualiser avant de le mettre en ligne.

NOTE : Après avoir cliqué sur ce bouton, 3 options seront disponibles, choisir l'option qui convient.

ATTENTION : Il faut publier le formulaire sur le site Web test chaque fois que des modifications sont apportées.

F : Le bouton Bouton envoyer en production.png permet de publier le formulaire sélectionné en N sur le site Web de production afin de le mettre à jour avant de le mettre en ligne.
NOTE : Après avoir cliqué sur ce bouton, 3 options seront disponibles, choisir l'option qui convient.

ATTENTION : Il faut publier le formulaire sur le site Web test ET sur le site Web de production chaque fois que des modifications sont apportées.

ATTENTION : Si le bouton Bouton maintenance.png n'est pas activé au moment d'une modification, ProDon demandera de l'activer avant de pouvoir effectuer les modifications. Pour plus d'informations concernant la maintenance, voir la lettre I.

G : Le bouton Bouton site web test.png permet de visualiser la page d'accueil des formulaires ou le formulaire sélectionné en N sur le site Web test. Les formulaires publiés sur le site Web test ne sont visibles que par l'utilisateur de ProDon qui l'a créé.

NOTE : Après avoir cliqué sur ce bouton, 3 options seront disponibles, choisir l'option qui convient.

H : Le bouton Bouton site web production.png permet de visualiser la page d'accueil des formulaires ou le formulaire sélectionné en N sur le site Web de production. Les formulaires publiés sur le site Web de production seront visibles et pourront être complétés par tous les internautes.

NOTE : Après avoir cliqué sur ce bouton, 3 options seront disponibles, choisir l'option qui convient.

I : Si le bouton Bouton maintenance.png est de couleur orange, cela signifie que le formulaire sélectionné en N est en maintenance. Un formulaire en maintenance ne peut pas être complété par les internautes.

NOTE : Seuls les formulaires « En production » peuvent être mis en maintenance.

ATTENTION : Lorsque des modifications sont effectuées sur un formulaire « En production », il est obligatoire d'activer le bouton de maintenance.

J : L'onglet « Tous » contient tous les types de formulaires disponibles dans la « Gestion des formulaires ».

K : L'onglet « En développement » contient seulement les formulaires qui sont en création, c'est-à-dire, les formulaires qui n'ont pas encore été publiés sur le site Web test ou sur le site Web en production.

L : L'onglet « Actif » contient seulement les formulaires actifs, c'est-à-dire, les formulaires qui on été publiés sur le site Web test ou le site Web en production.

M : L'onglet « Archivés » contient les formulaires qui ont été désactivés, c'est-à-dire que le formulaire n'est pas utilisé pour le moment ou ne sera plus jamais utilisé.

NOTE : Il est préférable de ne jamais supprimer de formulaire, il faut plutôt archiver.

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


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

Fichier:Dons en ligne 010.png

A : Il s'agit du code du formulaire.

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

B : Permet de déterminer la ou les langues du formulaire.

C : Il s'agit du nom français du formulaire.

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

D : Il s'agit du nom anglais du formulaire.

NOTE : Si la case

E :

F :


Onglet « Options du formulaire »

Fichier:Dons en ligne 011.png

A :

B :

C :

D :

E :

F :

G :

H :

I :

J :

K :

L :

M :

N :

O :


Fichier:Dons en ligne 011a.png

A :

B :


Fichier:Dons en ligne 011b.png

A :

B :

C :

D :


Onglet « Transaction »

Fichier:Dons en ligne 012.png

A :

B :

C :

D :

E :

F :

G :

H :

I :


Fichier:Dons en ligne 012a.png

A :

B :

C :

D :


Fichier:Dons en ligne 012b.png

A :

B :

C :

D :


Onglet « Engagement »

Onglet « Occasion et activité »
Fichier:Dons en ligne 013.png

A :

B :

C :

D :

E :

F :


Onglet « Fréquences »
Fichier:Dons en ligne 014.png

A :

B :

C :

D :

E :