ProDon:Configuration de la page d'accueil et du site Web

Configuration de la page d'accueil et du site Web

Version imprimable

---

ATTENTION : Ce document est conçu pour la VERSION 5 de Prodon. Pour accéder au document de la version 4, cliquer ici.

ATTENTION : Ce document est présentement en rédaction/révision, il est possible que certaines parties soient manquantes ou désuètes.

Introduction

Le module Dons en ligne permet aux donateurs de donner directement par le Web, comme la nouvelle plateforme est « responsive » les internautes peuvent facilement faire des donations à partir de tablettes ou de téléphones.

La création du portail de dons en ligne inclut 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 en sorte 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ées lors de l'importation des dons.

Configuration de la page d'accueil et du site Web

Avant de créer les formulaires Web, il est important de configurer le portail, c’est-à-dire la page d’accueil de votre site JeDonneEnLigne et le Back-office. La page d'accueil contient la liste de tous les formulaires disponibles.

Après avoir fait des modifications, il faut les envoyer en test et ensuite en production pour permettre l'accès aux donateurs. Pour plus d’informations sur l’envoi des modifications, consulter cette section.

Pour configurer le portail, aller dans la « Gestion des formulaires Web ».

Cliquer sur le menu « Configuration », puis choisir «  Formulaires Web ».

Après avoir cliqué sur «  Formulaires Web », la fenêtre suivante s'ouvre.

Pour configurer le portail, cliquer sur le bouton .

Onglet « Page d’accueil »

Cet onglet permet de personnaliser les libellés la page d'accueil ainsi que quelques options du site Web. Il est possible de choisir le thème et le groupe d'images de la page d'accueil.

Onglet « Affichage »

Cet onglet permet d'accéder au Back-office et de changer les libellés de la page d’accueil. Cliquez-ici pour la configuration du Back-office.

Après avoir cliqué sur le bouton de la fenêtre précédente, la fenêtre suivante s'ouvre.
A : Le Back-office est l’endroit où modifier les thèmes et les groupes d’images qui permettent la personnalisation de la site de don en ligne. Cliquez-ici pour la configuration du Back-office.	B : Les libellés permettent de modifier certains textes.
C : 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-cliquant sur le libellé à modifier.
Détail des libellés de la section B.
Libellé de l’en-tête : Ce libellé est inscrit dans l’onglet du navigateur Web. Voir la mise en application.
Libellé du titre : Le titre est situé au-dessus de la liste des formulaires. Voir la mise en application.
Libellé du message de maintenance : Message qui s’affiche lors de la maintenance. Exemple du site Web en maintenance
Libellé du lien contactez-nous : Texte du lien qui redirige vers la section «Contactez-nous» où vous pouvez éditer vos informations. Voir la mise en application.
Texte « Conditions d’utilisation » : Contient le texte des « Conditions d’utilisation » du don en ligne. Voir la mise en application.
Texte « Politique de confidentialité » : Contient le texte des « Politique de confidentialité » du don en ligne. Voir la mise en application.
Libellé du lien accueil : Texte du lien qui redirige vers l'accueil. Voir la mise en application.
URL de la page d’accueil : Lien de la page d’accueil. NOTE : Le lien peut être celui de votre site ou simplement celui de votre page de JeDonneEnLigne.
Libellé de l’entête de la liste des formulaires : Titre de la section des formulaires et des groupes de formulaires. Voir la mise en application.

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.

A : Permet d’afficher les formulaires en ordre alphabétique dans les groupes. NOTE : Pour modifier l’ordre des groupes de formulaires, cliquer sur le bouton en D.	B : Permet de voir dans quel groupe les formulaires sont placés. Pour modifier les groupes de formulaires, cliquer sur le bouton , en D.
C : Les boutons et permettent de modifier l’ordre des formulaires. NOTE : Il est possible de déplacer les formulaires seulement si la case en A n’est pas cochée et si plus d’un formulaire sont placés dans un même groupe.	D : Le bouton permet de créer, modifier et supprimer des groupes de formulaires.
E : Permet d’attribuer un groupe de formulaires à un formulaire de la liste en B 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 , en E. NOTE : Pour pouvoir attribuer un groupe de formulaires à un formulaire, il faut d'abord que le groupe ait été créé en D.

Après avoir cliqué sur le bouton de la fenêtre précédente, la fenêtre suivante s’ouvre.
A : Pour créer un nouveau groupe de formulaires, cliquer sur le bouton . Pour modifier un groupe déjà créé, sélectionner le groupe en B, puis cliquer sur le bouton . Pour supprimer un groupe, sélectionner le groupe en B, puis cliquer sur le bouton .	B : Il s’agit de la liste des groupes de formulaires déjà créés. Le champ « Ordre » indique l'ordre dans lequel les formulaires apparaissent sur la page d'accueil. Le champ « Groupe » indique le nom des groupes de formulaires.
C : Les boutons et permettent de modifier l’ordre des groupes de formulaires. Pour ce faire, sélectionner le groupe de formulaires dont l’ordre doit être modifié, puis cliquer sur le bouton pour le placer plus haut, puis cliquer sur le bouton pour le placer plus bas.

Après avoir cliqué sur le bouton ou de la fenêtre précédente, la fenêtre suivante s’ouvre.
A : Ce champ indique l’ordre du formulaire sur la page d’accueil.	B : Ce champ permet de nommer le groupe de formulaires.
C : La section « Notes » permet d’ajouter des notes au groupe sélectionné.

Onglet « Notes »

Cet onglet permet d’ajouter des notes sur la page d'accueil.

A : Il s’agit de la liste des notes qui se trouvent sur la 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 en A, puis cliquer sur .	D : Le bouton permet de supprimer une note de la page d'accueil. Pour ce faire, sélectionner la note à supprimer en A, puis cliquer sur .
E : Le bouton permet de supprimer toutes les notes en A en même temps.

Après avoir cliqué sur le bouton ou le bouton de la fenêtre précédente, la fenêtre suivante s’ouvre.
A : Le type de police du thème, permet de choisir un modèle préalablement créé dans le Back-office.	B : Inscrire le libellé français de la note dans ce champ.
C : Inscrire le libellé anglais de la note dans ce champ.	D : Ce menu apparaît en faisant un clic-droit dans le champ en B ou en C. Il permet d’insérer des images ou des liens hypertextes dans la note. Il est également possible de taper un code HTML directement dans le champ, si désiré. ATTENTION : Logilys n’offre cependant pas de support technique relié à l’utilisation de codes HTML.
Pour un excellent exemple des notes en application cliquez-ici.

Onglet « Partage sur les réseaux sociaux »

Cet onglet permet de configurer ce qui sera partagé sur les réseaux sociaux par les internautes.

NOTE : L'organisme n’a pas besoin d'avoir de réseaux sociaux pour utiliser cette option puisque le donateur passera par ces propres compte.

A : Titre, en français, de la publication sur les réseaux sociaux.	B : Description, en français, qui sera publié lors du partage sur les réseaux sociaux.
C : Titre, en anglais, de la publication sur les réseaux sociaux.	D : Description, en anglais, qui sera publié lors du partage sur les réseaux sociaux.
E : Liste des réseaux sociaux sur lesquels vos donateurs peuvent partager votre page de Don en ligne.

Onglet « Accès JeDonneEnLigne »

Cet onglet permet de donner les accès au Back-office pour modifier l'apparance des formulaires et de la page d'accueil.

A : Le bouton permet d'ajouter un nouvel accès à la configuration de JeDonneEnLigne.	B : Le bouton permet de modifier les accès à la configuration de JeDonneEnLigne.
C : Le bouton permet de retirer un accès à la configuration de JeDonneEnLigne.

Après avoir cliqué sur le bouton ou de la fenêtre précédente, la fenêtre suivante s'ouvre.
A : Inscrire le courriel de la personne à qui vous voulez lui donner des accès à la configuration de JeDonneEnLigne. NOTE : Ce courriel doit être associé à un compte LogiZone. Créer le compte LogiZone avant de donner les accès. Cliquez-ici pour en savoir plus.	B : Inscrire le nom de la personne à qui les accès sont attribués.
C : Cocher la case pour donner accès à la configuration du Back-office.	D : Cocher la case pour donner accès à la configuration des formulaire de dons en ligne.
E : Cocher la case pour donner accès à une personne responsable de faire de l'intégration Web. NOTE : Pour cette option, le compte LogiZone n'est pas demandé.

Onglet « Configuration »

Onglet « Répertoire des organismes »

A : Permet de modifier le nom de votre organisme qui apparaît sur votre clé logiciel pour un autre qui apparaîtra dans notre répertoire des organismes.	B : Peremt d’afficher un logo différent de celui apparaissant sur votre clé logiciel qui apparaîtra dans notre répertoire des organismes.

Onglet « Options »

A : Permet de choisir le format de date qui sera affiché dans vos formulaires français et vos formulaires anglais.	B : En cochant « Afficher le temps restant », le donateur pourra voir le temps qui lui reste pour remplir le formulaire de donation. Le délai d’expiration sera configurée en C.
C : Permet de configurer le temps qu’un donateur peut rester sur un formulaire. De cette façon, un utilisateur ne peut pas rester inactif indéfiniment et ne pourra pas vous empêcher de faire des modifications sur vos formulaires.	D : Entrer vos informations de Google analytics. NOTE : Logilys n’offre pas de soutien sur l’utilisation de Google analytics.
E : Entrer vos informations de Google Tag Manager. NOTE : Logilys n’offre pas de soutien sur l’utilisation de Google Tag Manager.

Onglet « Mots clés pour référencent »

A : Liste des mots clés pour le référencement.	B : Le bouton permet d’ajouter un nouveau mot clé.
C : Le bouton permet de modifier un mot clé déjà existant. Pour ce faire, sélectionner le mot clé à modifier en A, puis cliquer sur .	D : Le bouton permet de supprimer un mot clé. Pour ce faire, sélectionner le mot clé à supprimer en A, puis cliquer sur .
E : Le bouton permet de supprimer tous les mots clés de référencement en A en même temps.

Après avoir cliqué sur le bouton ou de la fenêtre précédente, la fenêtre suivante s’ouvre.

A : Inscrire le mot clé de référencement.

Onglet « Importation »

Cet onglet permet de configurer la forme de certains champs pour permettre d'avoir une certaine uniformité dans la base de données.

A : Ce champ permet de spécifier un secteur à chaque individu qui remplit les formulaires en ligne. NOTE : Lors de l’importation du don, si un client existe déjà dans la base de données et qu’un secteur est spécifié dans sa fiche client, son secteur sera remplacé par celui-ci.	B : Ce champ permet de spécifier un secteur à chaque compagnie qui remplit les formulaires en ligne. NOTE : Lors de l'importation du don, si un client existe déjà dans la base de données et qu'un secteur est spécifié dans sa fiche client, son secteur sera remplacé par celui-ci.
C : Si cette case est cochée, le format du prénom et du nom sera modifié lors de l'importation pour que seule la première lettre soit en lettre majuscule. Par exemple, si un donateur inscrit son nom avec seulement des lettres majuscules, Prodon modifiera la forme pour que seule la première lettre du nom soit en lettre majuscule et que les autres soient en lettres minuscules. ATTENTION : Prodon reconnaîtra les noms en plusieurs parties, tel que Jean-François, et effectuera l'importation correctement en conservant la majuscule après le trait d'union cependant, il ne reconnaîtra pas les noms tel que McGregor, ce nom serait importé comme suit : Mcgregor.	D : Si cette case est cochée, le format du nom de la ville, de la province sera modifié lors de l'importation pour que seule la première lettre soit en lettre majuscule. Par exemple, si un donateur inscrit sa ville sans mettre la première lettre en majuscule, Prodon modifiera la forme pour que la première lettre de la ville soit en lettre majuscule et que les autres lettres restent en lettres minuscules.
E : Si cette case est cochée, le type de rue sera abrégé lors de l’importation. Par exemple, boulevard deviendra boul.	F : Si cette case est cochée, le type de point de remise (appartement, suite, etc.) sera abrégé lors de l'importation. Par exemple, appartement deviendra app.
G : Si cette case est cochée, une virgule s’insérera entre le numéro civique et la rue lors de l'importation.	H : Ce champ permet de choisir le format de l’adresse qui s'affichera dans le résumé de la transaction.
I : Ce champ permet de choisir comment gérer les adresses provenant de JDEL versus celles existantes dans Prodon.	J : Ce champ permet de choisir le type de relation entre un individu et une compagnie. NOTE : La relation doit être préalablement créée.
K : Si cette case est cochée, la relation inverse sera utilisée.	L : Si cette case est cochée, l’individu inscrit sera automatiquement le contact principal par défaut si aucun contact n'est déjà sélectionné dans l'entreprise.
M : Permet de choisir le mode de paiement pour les transactions par quantité à 0,00 $.	N : Permet de choisir si oui ou non le donateur recevra un reçu électronique par courriel une fois la transaction complétée.

Envoi des informations sur le site Web

Lorsque des modifications sont effectuées sur la page d’accueil, il faut les envoyer sur le site Web.

JeDonneEnLigne a deux interfaces, une en test et une en production.

L'interface test n'est accessible que par Prodon et sert à valider les modifications apportées sur le site avant de le rendre public.

L'interface production est accessible pour tous les internautes sur le site de JeDonneEnLigne.

Envoi de la configuration du portail en test

Pour envoyer les configurations du portail en test, cliquer sur le bouton , sélectionner « Envoyer en test », puis « La configuration du portail ».

Envoi de la page d'accueil en production

Pour envoyer les configurations du portail en production, cliquer sur le bouton , sélectionner « Envoyer en production », puis « La configuration du portail ».

NOTE : Après avoir cliqué sur le bouton , Prodon avertira qu’il faut activer la maintenance afin de pouvoir envoyer la configuration en production. Cliquer sur le bouton «  Activer  ». ATTENTION : S’il y a des internautes 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é ou sa session sera expirée, il sera alors possibles d'activer la maintenance et d'envoyer la configuration en production.

Visualisation de la page d'accueil en test

Pour afficher la page d'accueil en test, cliquer sur le bouton , sélectionner « Aller sur le site Web de test », « Page d'accueil française » puis choisir la façon d'afficher la page test ou le groupe à afficher.

Visualisation de la page d'accueil en production

Pour afficher la page d'accueil en production, cliquer sur le bouton , sélectionner « Aller sur le site Web de production », « Page d'accueil française » puis choisir la façon d'afficher votre page de JeDonneEnLigne ou le groupe à afficher.

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

Exemple du site Web en maintenance

Cette page apparaît lorsque le site Web est en maintenance.

A : Libellé du message de maintenance.

Exemple de page d'accueil

A : Libellé de l’en-tête, il sera inscrit dans l’onglet du navigateur Web.	B : S’il y a des formulaires de dons disponible en anglais l’option de choix de langue s’affiche.
C : Le bouton « Connexion » donne accès à la LogiZone, soit pour se connecter soit pour se créer un compte. La LogiZone permet de remplir automatiquement les champs personnels.	D : Quand l’option du partage sur les médias sociaux est activée, les boutons des médias choisis s’affichent à cet endroit.
E : Si les formulaires ne sont pas dans un groupe, ils se retrouvent classés de cette façon.	F : Le nom du formulaire.
G : La description du formulaire.	H : Exemple de groupes de formulaires. Le « - » ferme le groupe pour cacher les formulaires contenus dans ce dernier.
I : Exemple de groupes de formulaires. Le « + » ouvre le groupe pour afficher les formulaires contenus dans ce dernier.	J : Lien de redirection vers l’accueil.
K : Lien de redirection vers une page de contact.	L : Lien de redirection vers la page des conditions d’utilisation.
M : Lien de redirection vers la page de politique de confidentialité.

---- Nom du document : ProDon:Configuration de la page d'accueil et du site Web
Version : 4.6.9.6

Version imprimable