ProDon:Création d'un formulaire Web

De Logilys
Révision datée du 20 avril 2012 à 09:28 par Cbrochu (discussion | contributions) (Page créée avec « === Création d'un formulaire Web === {| cellspacing="1" cellpadding="1" border="1" width="200" class="wikitable" |- | colspan="2" | Après avoir cliqué sur « [[Ima… »)
(diff) ← Version précédente | Voir la version actuelle (diff) | Version suivante → (diff)
Aller à : navigation, rechercher

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'ajouter, de modifier ou de supprimer un formulaire en N. 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 « Anglais » en B est activée, ce champ sera disponible. Il est important de donner un nom précis pour que les recherches soient plus efficaces.

E : Il s'agit de la description française du formulaire. Pour un exemple de description, voir la lettre E de la section « Exemple de page d'accueil ».

F : Il s'agit de la description anglaise du formulaire. Pour un exemple de description, voir la lettre E de la section « Exemple de page d'accueil ».


Onglet « Options du formulaire »

Fichier:Dons en ligne 011.png

A : La case « Afficher sur la page d'accueil » permet d'afficher ou non le formulaire sur la page d'accueil.

B : Lorsque l'option « Selon le formulaire rempli » est choisie, si le client rempli le formulaire français, il sera ajouté en tant que francophone dans ProDon. Si l'option « Demander au client » est choisie, il faudra spécifier les langues en cliquant sur le bouton Bouton spécifier les langues.png, un champ permettant de choisir la langue sera alors ajouté dans le formulaire.

C : Le bouton Bouton modifier les libellés.png permet de modifier les noms de tous les champs du formulaire, excepté la section « Transaction ». Il est possible de créer des groupes de libellés afin de pouvoir les réutiliser dans tous les formulaire. Pour plus d'informations concernant les groupes de libellés, consulter cette section.

D : Le bouton Bouton modifier les libellés.png permet de modifier les noms des champs de la section « Transaction » du formulaire. Il est possible de créer des groupes de libellés afin de pouvoir les réutiliser dans tous les formulaire. Pour plus d'informations concernant les groupes de libellés, consulter cette section.

E : Lorsque la case « Utiliser la case du reçu » est cochée, le donateur a le choix de recevoir ou non un reçu. De plus, cette case est toujours cochée par défaut dans le formulaire, excepté si un montant minimum est spécifié en F et que le montant du don est plus petit que le montant minimum.

NOTE : Il est fortement conseillé de toujours cocher cette case pour que tous les donateurs puissent recevoir un reçu si désiré.

ATTENTION : Si l'activité à laquelle le formulaire est attribué est configurée pour ne pas produire de reçu, la case n'apparaîtra pas dans le formulaire, même si celle ci-haut est cochée.

F : Ce champ permet de déterminer un montant minimum pour l'émission d'un reçu par défaut.

Par exemple, si un montant de 20,00 $ est inscrit dans ce champ et qu'un don de 15,00 $ est effectué, la case en E ne sera pas cochée par défaut dans le formulaire.

Par contre, si la case en E 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.

G : Cette case permet d'émettre des reçus pour tous les dons dont le montant est plus élevés que le montant minimum.

Si cette case est cochée et que la case en E 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 E est cochée, 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.

H : Si cette case est cochée, seul un reçu sera émis annuellement. Pour plus de détails concernant les reçus annuels, consulter la procédure « Traitement des reçus à émettre ».

I : Les cases « Reçu personnel » et « Reçu corporatif » permettent de choisir si des reçus doivent être émis seulement aux individus, seulement aux entreprises ou bien aux deux.

NOTE : Par exemple, si la case « Reçu corporatif » n'est pas cochée, aucune entreprise ne recevra de reçu, même si la case en E est cochée. Par contre, si la case « Reçu personnel » est cochée et que la case en E est cochée, les individus auront le choix de recevoir ou non un reçu.

J : Les cases « Donateur personnel » et « Donateur corporatif » permettent de choisir si seulement des individus peuvent donner, si seulement des entreprises peuvent donner ou si les deux peuvent effectuer un don.

La case « Titre obligatoire » oblige le donateur à inscrire son titre.

K : Si cette case est cochée, le numéro d'enregistrement de l'organisme apparaîtra dans le bas du formulaire. Pour un exemple de libellé d'OBNL, voir la lettre... de la section...

L : Choisir parmi les options apparaîssant dans le menu déroulant. En choissant l'option « Personnel », le type de donateur « Personnel » appraîtra par défaut dans le formulaire. En choisissant l'option « Corporatif », le type de donateur « Corporatif » apparaîtra par défaut dans le formulaire. En choisissant l'option « Demander avant la saisie du formulaire », une fenêtre s'ouvra avant l'ouverture du formulaire demandant de choisir une ou l'autre des options. En choisissant l'option « Aucun »

M : Choisir si la transaction par défaut est une transaction normale ou une transaction d'engagement. Pour que les deux choix soient disponibles, il faut les activer dans les onglets « Transaction » et « Engagement ».

NOTE : Il est possible de créer un formulaire seulement de transactions ou d'engagements.

N : Si cette case est cochée, la saisie du courriel sera obligatoire.

O : Si cette case est cochée, une double saisie du courriel sera obligatoire.

P : Lorsque la case « Téléphone obligatoire » est cochée, il faut également choisir quel numéro sera obligatoire. Si les cases « Résidence », « Bureau et poste » et « Mobile » sont cochées également, le donateur sera obligé d'en inscrire au moins un mais aura le choix de donner celui qu'il désire.

NOTE : La section « Personnel » permet de choisir quel numéro les individus devront fournir et la section « Corporatif » permet de choisir quel numéro les entreprises devront fournir. Par exemple, si dans la section « Corporatif » seule la case « Bureau et poste » est cochée, les entreprises devront obligatoirement donner un numéro de téléphone au bureau pour pouvoir fermer le formulaire.

Q : Si la case « Afficher le commentaire » est cochée, un champ « Commentaire » s'affiche dans le bas du formulaire. Pour un exemple de champ « Commentaire », voir la lettre... de la section...

R : Si cette case est cochée, l'activité pour laquelle le donateur a fait son don s'affichera dans sa confirmation de paiement.


Après avoir cliqué sur le bouton Bouton spécifier les langues.png, la fenêtre suivante s'ouvre.

Fichier:Dons en ligne 011a.png

A : Il s'agit des langues qui pourront être choisies par la personne qui complète le formulaire.

B : Le bouton Bouton Ajouter.png permet d'ajouter une nouvelle langue à la liste. Le bouton Bouton Modifier.png permet de modifier une langue déjà dans la liste. Le bouton Bouton Retirer.png permet de supprimer une langue de la liste.


Après avoir cliqué sur le bouton Bouton modifier les libellés.png, la fenêtre suivante s'ouvre.

Fichier:Dons en ligne 011b.png

A : Il s'agit de la liste des libellés du formulaire.

B : En cliquant sur le bouton Petit Bouton Dupliquer.png, il est possible de dupliquer un autre groupe de libellés. Pour plus d'informations sur les groupes de libellés, consulter cette section.

C : Le bouton Bouton rechercher.png permet d'afficher la barre de recherche.

D : Le bouton Bouton Notepad.png permet de modifier un libellé de la liste en A. Pour ce faire, sélectionner le libellé à modifier, puis cliquer sur le bouton Bouton Notepad.png.


Onglet « Transaction »

Fichier:Dons en ligne 012.png

A : Si cette case est activée, la section « Transaction » sera disponible, si non, il s'agit d'un formulaire client.

B : Choisir l'occasion pour laquelle les transactions seront effectués.

C :

D :

E : Il s'agit des activités pour lesquelles le donateur peut faire un don ou s'inscrire.

F : Le bouton Bouton Ajouter.png permet d'ajouter des activités en E.

NOTE : L'activité doit être préalablement créée dans la « Gestion des occasions de dons ».

G : Le bouton Bouton Modifier.png permet de modifier une actvité de la liste en E. Pour modifier une activité, sélectionner l'activité à modifier, puis cliquer sur le bouton Bouton Modifier.png.

H : Le bouton Bouton Retirer.png permet de retirer une activité de la liste en E.

I : Ce bouton permet déterminer un montant ou une quantité minimum et maximum pour effectuer un don.



Après avoir cliqué sur le bouton « Configurer les validations sur la quantité et le montant », la fenêtre suivante s'ouvre.

Fichier:Dons en ligne 012a.png

A : Inscrire le montant minimum que le donateur peut donner.

B : Inscrire le montant maximum que le donateur peut donner.

C : Inscrire la quantité minimum de billets que le donateur peut acheter.

D : Inscrire la quantité maximum de billets que le donateur peut acheter.

E : Ce champ permet de vendre des billets par multiples. Par exemple, si j'inscris 2 dans la case blanche, les donateurs pourront acheter seulement un nombre pair de billets.


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

Fichier:Dons en ligne 012b.png

A :

B :

C :

D :


Onglet « Engagement »

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

A : Si cette case est activée, le donateur aura la possibilité d'effectuer un engagement.

B :

C : Choisir l'occasion pour laquelle les engagements seront effectués.

D :

E : Il s'agit des activités pour lesquelles le donateur peut s'engager à donner.

F :  Le bouton Bouton Ajouter.png permet d'ajouter des activités en E.

NOTE : L'activité doit être préalablement créée dans la « Gestion des occasions de dons ».

G : Le bouton Bouton Modifier.png permet de modifier une activité de la liste en E. Pour ce faire, sélectionner l'activité à modifier, puis cliquer sur le bouton Bouton Modifier.png.

H : Le bouton Bouton Retirer.png permet de supprimer une activité de la liste en E. Pour ce faire, sélectionner l'activité à supprimer, puis cliquer sur le bouton Bouton Retirer.png.

I : Ce bouton permet de déterminer un montant ou une quantité minimum et maximum pour effectuer un don.



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

A : Il s'agit des fréquences que le donateur peut choisir pour son engagement.

B : Le bouton Bouton Ajouter.png permet d'ajouter des fréquences à la liste en A.

C : Le bouton Bouton Modifier.png permet de modifier les fréquences de la liste en A. Pour ce faire, sélectionner la fréquence à modifier, puis cliquer sur le bouton Bouton Modifier.png.

D : Le bouton Bouton Retirer.png permet de supprimer une fréquence de la liste en A. Pour ce faire, sélectionner la fréquence à supprimer, puis cliquer sur le bouton Bouton Retirer.png.

E : Le bouton Petit Bouton Dupliquer.png permet de dupliquer les fréquences d'un autre formulaire.



Onglet « Listes »

Onglet « Pays et provinces »
Fichier:Dons en ligne 015.png

A :

B :

C :

D :


Onglet « Appellations »
Fichier:Dons en ligne 016.png

A :


Onglet « Type de voie »
Fichier:Dons en ligne 017.png

A :


Onglet « Point de remise »
Fichier:Dons en ligne 018.png

A :


Onglet « Paiement »

Fichier:Dons en ligne 019.png

A : Il s'agit des modes de paiement disponibles aux donateurs pour effectuer leur don.

B : Le bouton Bouton Ajouter.png permet d'ajouter des nouveaux modes de paiement à la liste en A.

C : Le bouton Bouton Modifier.png permet de modifier un mode de paiement de la liste en A.

D : Le bouton Bouton Retirer.png permet de supprimer un mode de paiement de la liste en A.


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

Fichier:Dons en ligne 019a.png

A : La liste déroulante permet de choisir un mode de paiement que les donateur 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 « Gestion des modes de paiement ».

B : Ce champ permet d'inscrire le nom du mode de paiement en français.

C : Ce champ permet d'inscrire le nom du mode de paiement en anglais.

D : Ce champ permet d'inscrire un message d'autorisation en français.

E : Ce champ permet d'inscrire un message d'autorisation en anglais.

F : 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.


Onglet « Personnalisations »

Fichier:Dons en ligne 020.png

A : L'onglet « Section informations personnelles » permet d'ajouter des personnalisations dans la section « Informations personnelles ».

B : L'onglet « Section informations sur la transaction » permet d'ajouter des personnalisations dans la section « Informations sur la transaction ».

C : L'onglet « Section informations sur l'engagement » permet d'ajouter des personnalisations dans la section « Informations sur l'engagement ».

D : Il s'agit de la liste des personnalisations de la section « Informations sur la transaction ».

E : Le bouton Bouton Ajouter.png permet de créer une nouvelle personnalisation.

F : Le bouton Bouton Modifier.png permet de modifier une personnalisation de la liste en D. Pour modifier une personnalisation, sélectionner la personnalisation à modifier, puis cliquer sur le bouton Bouton Modifier.png.

G : Le bouton Bouton Retirer.png permet de supprimer une personnalisation de la liste en D. Pour supprimer une personnalisation, sélectionner la personnalisation à supprimer, puis cliquer sur le bouton Bouton Retirer.png.

H : Le bouton Bouton efface.png permet de supprimer toutes les personnalisations en D.


Fichier:Dons en ligne 020a.png

A :

B :

C :

D :

E :

F :

G :

H :

I :

J :

K :

L :

M :

N :

O :

P :

Fichier:Dons en ligne 020b.png

A :

B :

C :

D :

E :

F :

Fichier:Dons en ligne 020c.png

A :

B :

C :

D :

Fichier:Dons en ligne 020d.png

A :

B :

C :

D :


Onglet « Notes »

Cet onglet permet d'insérer des notes dans le formulaire.

Fichier:Dons en ligne 021.png

A : Il s'agit des notes qui ont été ajoutées au formulaire.

B : Le bouton Bouton Ajouter.png permet d'ajouter une nouvelle note au formulaire.

C : Le bouton Bouton Modifier.png permet de modifier une note déjà créée.

D : Le bouton Bouton Retirer.png permet de supprimer une note du formulaire.

E : Le bouton Bouton efface.png permet de supprimer toutes les notes du formulaire.



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

Fichier:Dons en ligne 021a.png

A : Ce champ permet d'inscrire le texte de la note française.

B : Ce champ permet d'inscrire le texte de la note anglaise.

C : Le champ « Position » permet de choisir où insérer la note dans le formulaire. L'en-tête et le pied de page sont disponibles ainsi que quelques sections du formulaire.

D : Ce champ dépend du choix fait en C. Dans cet exemple, la note s'insèrera sous la question « Désirez-vous emprinter une voiturette? ».

E : Ce champ permet de choisir l'alignement de la note.

F : 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.


Onglet « Courriel »

L'onglet « Courriel » permet de composer les courriels qui seront envoyés aux donateur automatiquement une fois qu'un don sera effectué.

Il est possible de composer des courriels français et anglais pour les transactions normales et pour les transactions d'engagement.

Fichier:Dons en ligne 022.png

A : L'onglet « Français » permet de composer les courriels français pour les transactions et les engagements.

B : L'onglet « Anglais » permet de composer les courriels anglais pour les transactions et les engagements.

C : L'onglet « Transaction » permet de composer le courriel qui sera envoyé aux donateurs qui auront effectué une transaction normale.

D : L'onglet « Engagement » permet de composer le courriel qui sera envoyé aux donateurs qui auront effectué une transaction d'engagement.

E : Ce champ permet d'inscrire l'objet du courriel.

F : Ce champ permet d'inscrire l'adresse à laquelle les donateurs pourront répondre.

G : Ce champ permet de spécifier le nom de la personne ou le nom de l'entreprise à qui le courriel pourra être retourné.

H : Ce champ permet d'inscrire une adresse qui recevra tous les courriels de remerciement.

I : Il s'agit du courriel de remerciement pour une transaction normale.


Onglet « Affichage »

Cet onglet permet de personnaliser l'apparence du formulaire.

Onglet « Options »
Fichier:Dons en ligne 023.png

A : Permet de choisir de mettre les coins supérieurs ronds ou carrés.

B : Permet d'afficher les informations des donateurs sur une ou plusieurs colonnes.

C : Permet de choisir comment afficher le logo et le titre dans le haut du formulaire.

D : Le bouton Bouton afficher le logo.png permet de visualiser le logo qui se trouve dans le haut du formulaire français. Le bouton Bouton autre logo.png permet de modifier le logo qui se trouve dans le haut du formulaire français.

E : Le bouton Bouton afficher le logo.png permet de visualiser le logo qui se trouve dans le haut du formulaire anglais. Le bouton Bouton autre logo.png permet de modifier le logo qui se trouve dans le haut du formulaire anglais.



Onglet « Aperçu »
Onglet « Général »
Fichier:Dons en ligne 024.png

A :

B :

C :

D :


Onglet « Libellé »
Fichier:Dons en ligne 025.png

A :

B :

C :

D :


Onglet « Bordure »
Fichier:Dons en ligne 026.png

A :

B :

C :

D :

E :

F :

G :



Onglet « Liste de distribution »

Cet onglet permet d'ajouter des liens pour que les donateurs puissent s'inscrire à différentes listes de distribution.

Fichier:Dons en ligne 027.png

A : Il s'agit des listes de distribution auxquelles les donateurs pourront s'inscrire en complétant le formulaire.

B : Le bouton Bouton Ajouter.png permet d'ajouter une liste de distribution en A.

C : Le bouton Bouton Modifier.png permet de modifier une liste de distribution en A.

D : Le bouton Petit Bouton Dupliquer.png permet de dupliquer les listes de distributions d'un autre formulaire.

E : Le bouton Bouton Retirer.png permet de supprimer une liste de distribution en A.

F : Le bouton Bouton efface.png permet de supprimer toutes les listes de distribution en A.


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

Fichier:Dons en ligne 027a.png

A : Choisir une liste de distribution parmi celles disponibles dans ProDon.

B : Inscrire le libellé qui apparaîtra sur le formulaire.


Onglet « Constantes d'importation »

Onglet « Caractéristiques »
Fichier:Dons en ligne 028.png

A :

B :

C :

D :

E :

F :


Fichier:Dons en ligne 028a.png

A :

B :


Onglet « Champs personnalisés »
Fichier:Dons en ligne 029.png

A :

B :

C :

D :

E :

F :


Fichier:Dons en ligne 029a.png

A :

B :