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

De Logilys
Aller à : navigation, rechercher
Configuration de la page d'accueil et du site Web


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



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
« Mini formulaires Web.png Formulaires Web ».

ProDon5 Configuration de la page d'accueil et du site Web 001.png


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

ProDon5 Configuration de la page d'accueil et du site Web 002.png

Pour configurer le portail, cliquer sur le bouton Prodon5 Boutons Configurer votre portail.png.


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 »

Après avoir cliqué sur le bouton Prodon5 Boutons Configurer votre portail.png de la fenêtre précédente, la fenêtre suivante s'ouvre. Cet onglet permet de relier les éléments qui permettront de changer l’apparence de la page d'accueil ainsi que ses libellés. Cliquer ici pour la configuration du Back-office.

ProDon5 Configuration de la page d'accueil et du site Web 019.png

A : Le Back-office est l’endroit où modifier les thèmes et les groupes d’images qui permettent la personnalisation du site de don en ligne.

Cliquer ici pour plus d'informations sur 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 Bouton Notepad.png.

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.

Information du lien contactez-nous : Contient l'information qui sera visible lorsque l'on clique sur le libellé du lien contactez-nous.
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.

ProDon5 Configuration de la page d'accueil et du site Web 004.png

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 Bouton groupes de formulaires.png en D.

B : Permet de voir dans quel groupe les formulaires sont placés. Pour modifier les groupes de formulaires, cliquer sur le bouton Bouton groupes de formulaires.png, en D.

C : Les boutons Bouton flèche haut.png et Bouton flèche bas.png 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 Bouton groupes de formulaires.png 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 Bouton Modifier.png, 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 Bouton groupes de formulaires.png de la fenêtre précédente, la fenêtre suivante s’ouvre.

ProDon5 Configuration de la page d'accueil et du site Web 005.png

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

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 Bouton flèche haut.png et Bouton flèche bas.png 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 Bouton flèche haut.png pour le placer plus haut, puis cliquer sur le bouton Bouton flèche bas.png pour le placer plus bas.

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

ProDon5 Configuration de la page d'accueil et du site Web 006.png

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.

ProDon5 Configuration de la page d'accueil et du site Web 007.png

A : Il s’agit de la liste des notes qui se trouvent sur la 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 en A, 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 en A, puis cliquer sur Bouton Retirer.png.

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

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

ProDon5 Configuration de la page d'accueil et du site Web 008.png

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.

ProDon5 Configuration de la page d'accueil et du site Web 025.png
E : Le menu position permet de choisir à quel endroit placer la note. Pour un exemple de l'endroit d'apparitions des notes cliquer 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.

ProDon5 Configuration de la page d'accueil et du site Web 009.png

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. Cliquer ici pour visualiser la mise en application.

Onglet « Accès JeDonneEnLigne »

Cet onglet permet de donner les accès au Back-office pour modifier l’apparence des formulaires et de la page d'accueil. Il est également possible de donner l'accès à votre infographiste externe qui pourra travailler directement sur le visuel de votre plateforme JeDonneEnLigne.

ProDon5 Configuration de la page d'accueil et du site Web 010.png

A : Le bouton Bouton Ajouter.png permet d'ajouter un nouvel accès Logizone à la configuration de JeDonneEnLigne.

B : Le bouton Bouton Modifier.png permet de modifier les accès à la configuration de JeDonneEnLigne.

C : Le bouton Bouton Retirer.png permet de retirer un accès à la configuration de JeDonneEnLigne.

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

ProDon5 Configuration de la page d'accueil et du site Web 011.png

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. Cliquer 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 nécessaire.

Onglet « Configuration »

Onglet « Répertoire des organismes »

ProDon5 Configuration de la page d'accueil et du site Web 012.png

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 »

ProDon5 Configuration de la page d'accueil et du site Web 013.png

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 »

ProDon5 Configuration de la page d'accueil et du site Web 014.png

A : Liste des mots clés pour le référencement.

B : Le bouton Bouton Ajouter.png permet d’ajouter un nouveau mot clé.

C : Le bouton Bouton Modifier.png permet de modifier un mot clé déjà existant. Pour ce faire, sélectionner le mot clé à modifier en A, puis cliquer sur Bouton Modifier.png.

D : Le bouton Bouton Retirer.png permet de supprimer un mot clé. Pour ce faire, sélectionner le mot clé à supprimer en A, puis cliquer sur Bouton Retirer.png.

E : Le bouton Bouton efface.png 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 Bouton Ajouter.png ou Bouton Modifier.png de la fenêtre précédente, la fenêtre suivante s’ouvre.

ProDon5 Configuration de la page d'accueil et du site Web 015.png
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.

ProDon5 Configuration de la page d'accueil et du site Web 016.png

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 ne pas passer par Paysafe lorsqu'un formulaire utilise un mode de paiement à 0.00$. N : Permet de spécifier si le donateur recevra un reçu électronique par courriel ou papier pour les futures transactions qui seront fait par le donateur.
Détails des options d'importations d'adresses :
ProDon5 Configuration de la page d'accueil et du site Web 033.png

Ne pas garder d’historique et toujours mettre à jour l’adresse par défaut :

Cette option détruit l'adresse existante dans Prodon (n'archive pas l'adresse existante) et utilise celle de JDEL.

Mettre à jour les adresses existantes sinon ajouter une nouvelle adresse par défaut :

Si l'adresse est similaire dans JDEL et Prodon, elle sera mise à jour, sinon elle sera archivée et remplacé par celle de JDEL.

Systématiquement utiliser l’adresse importée comme adresse par défaut et archiver l’ancienne adresse :

L'adresse de JDEL prédomine sur celle existante dans Prodon, mais comme l'adresse de Prodon est archivée, il est possible de la restaurer.

Mettre à jour les adresses existantes sinon ajouter une nouvelle adresse NE remplaçant PAS l’adresse par défaut :

Garde l'adresse existante dans Prodon comme adresse par défaut et crée une nouvelle adresse avec celle de JDEL, modifie l'adresse de Prodon si les deux adresses sont similaire.

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 sert à valider et tester 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 la page d'accueil en test, cliquer sur le bouton Prodon5 Mini Bouton Envoyer sur site.png, sélectionner « Envoyer en test », puis « La configuration du portail ».
ProDon5 Configuration de la page d'accueil et du site Web 017.png

Envoi de la page d'accueil en production

Pour envoyer la page d'accueil en production, cliquer sur le bouton Prodon5 Mini Bouton Envoyer sur site.png, sélectionner « Envoyer en production », puis « La configuration du portail ».
ProDon5 Configuration de la page d'accueil et du site Web 018.png

NOTE : Après avoir cliqué sur le bouton Prodon5 Mini Bouton Envoyer sur site.png, 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'envoyer en production. 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 Bouton Web.png, 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.
ProDon5 Configuration de la page d'accueil et du site Web 020.png

Visualisation de la page d'accueil en production

Pour afficher la page d'accueil en production, cliquer sur le bouton Bouton Web.png, 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.
ProDon5 Configuration de la page d'accueil et du site Web 021.png


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.

ProDon5 Configuration de la page d'accueil et du site Web 022.png

A : Libellé du message de maintenance.


Exemple de page d'accueil

ProDon5 Configuration de la page d'accueil et du site Web 024.png

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 sous la même section.

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 votre page de contact préalablement configuré dans Prodon.

L : Lien de redirection vers la page des conditions d’utilisation.

M : Lien de redirection vers la page de politique de confidentialité.

Exemple de partage sur les médias sociaux

Partage sur Facebook

Quand le donateur clique sur le bouton de partage Facebook, cette fenêtre apparaîtra.
ProDon5 Configuration de la page d'accueil et du site Web 026.png
Résultat de la publication sur Facebook :
ProDon5 Configuration de la page d'accueil et du site Web 027.png

Partage sur Twitter

Quand le donateur clique sur le bouton de partage Twitter, cette fenêtre apparaîtra.
ProDon5 Configuration de la page d'accueil et du site Web 028.png
Résultat de la publication sur Twitter :
ProDon5 Configuration de la page d'accueil et du site Web 029.png

Partage sur Linkedin

Quand le donateur clique sur le bouton de partage Linkedin, cette fenêtre apparaîtra.
ProDon5 Configuration de la page d'accueil et du site Web 030.png
Après avoir cliquer partager dans un post, cette fenêtre apparaît :
ProDon5 Configuration de la page d'accueil et du site Web 031.png
Résultat de la publication sur Linkedin :
ProDon5 Configuration de la page d'accueil et du site Web 032.png
----

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