ProDon:Création d'un formulaire Web relié à la plateforme (P2P) : Différence entre versions

De Logilys
Aller à : navigation, rechercher
(→‎Onglet « Partage sur les réseaux sociaux »)
 
(29 révisions intermédiaires par 3 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
−
{{Entete_TOC}}<br>
+
{{Entete_TOC}}
−
 
+
Cette documentation nécessite le module « Dons en ligne » de Prodon, il faut donc posséder ce module pour avoir accès à ces fonctionnalités.
−
 
 
−
 
 
−
'''<u>ATTENTION</u>''' : Ce document est conçu pour la '''VERSION''' '''5''' de '''''Prodon'''''.
 
−
 
 
−
<span style="color: rgb(255, 0, 0);">'''ATTENTION&nbsp;: Ce document est présentement en rédaction/révision, il est possible que certaines parties soient manquantes ou désuètes.'''</span>
 
  
 
== Introduction<br>  ==
 
== Introduction<br>  ==
Ligne 11 : Ligne 6 :
 
Pour être en mesure de ramener toutes les transactions reliées à la plateforme de sociofinancement dans '''''Prodon''''', il faut utiliser les formulaires. Pour ce faire, nous avons certains détails à mettre en place dans les formulaires pour permettre à la plateforme et à '''''Prodon''''' de s'échanger l'information.<br>  
 
Pour être en mesure de ramener toutes les transactions reliées à la plateforme de sociofinancement dans '''''Prodon''''', il faut utiliser les formulaires. Pour ce faire, nous avons certains détails à mettre en place dans les formulaires pour permettre à la plateforme et à '''''Prodon''''' de s'échanger l'information.<br>  
  
−
Sur cette page, il n'y aura que les détails à tenir compte dans le montage du ou des formulaires reliés à une plateforme de sociofinancement. Pour plus d'information sur le montage d'un formulaire complet, veuillez vous référez à la page suivante : [[ProDon:Création d'un formulaire Web|Création d'un formulaire web]].<br>
+
Sur cette page, il n'y aura que les détails à tenir compte dans la configuration du ou des formulaires reliés à une plateforme de sociofinancement. Pour plus d'information sur la configuration d'un formulaire complet, veuillez vous référez à la page suivante : [[ProDon:Création d'un formulaire Web|Création d'un formulaire web]].<br>
  
 
== Configuration du formulaire ==
 
== Configuration du formulaire ==
Ligne 27 : Ligne 22 :
 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Étant donné que le code du formulaire est rattaché à la plateforme, il est important de ne pas dater le code de formulaire pour éviter de modifier les codes à chaque année.<br>  
 
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Étant donné que le code du formulaire est rattaché à la plateforme, il est important de ne pas dater le code de formulaire pour éviter de modifier les codes à chaque année.<br>  
  
−
'''NOTE&nbsp;:''' Il est important de donner un code précis pour que les recherches soient plus efficaces. Dans ce cas précis, le code est « CRIP » soit « CR » pour Color Run; le nom de mon activité et « IP » pour Inscription Participant. Tous les formulaires reliés à la plateforme porteront donc le même code de début soit « CR » et seront suivi par les lettres relié au formulaire précis. ex.:  
+
'''NOTE&nbsp;:''' Donner un code précis pour que les recherches soient plus efficaces. Dans l'exemple ci-haut, le code est « CRIP », soit « CR » pour Color Run (le nom de mon activité) et « IP » pour Inscription Participant. Tous les formulaires reliés à la plateforme porteront donc le même code de début soit « CR » et seront suivis par les lettres reliées au formulaire en question. ex.:  
  
 
« CRDP » pour Don au Participant  
 
« CRDP » pour Don au Participant  
Ligne 38 : Ligne 33 :
 
|-
 
|-
 
|  
 
|  
−
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Il est important de ne pas mettre de date d'affichage et d'expiration puisque ceux-ci sont réglé directement sur la plateforme de sociofinancement.   
+
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Il est important de ne pas mettre de date d'affichage et d'expiration puisque ceux-ci sont réglés directement sur la plateforme de sociofinancement.   
  
 
|  
 
|  
−
<span style="color: rgb(255, 0, 0);"><span style="font-weight: bold;">D&nbsp;:</span></span> Créer et nommer le thème et groupe d'image au nom de la plateforme. Ils seront relié à tous les formulaires de la campagne et auront les mêmes images et couleurs que celle-ci.  
+
<span style="color: rgb(255, 0, 0);"><span style="font-weight: bold;">D&nbsp;:</span></span> Créer et nommer le thème et groupe d'images au nom de la plateforme. Ils seront reliés à tous les formulaires de la campagne et auront les mêmes images et couleurs que celle-ci.  
  
 
|}
 
|}
Ligne 49 : Ligne 44 :
 
=== Onglet «&nbsp;Paiements&nbsp;»  ===
 
=== Onglet «&nbsp;Paiements&nbsp;»  ===
  
−
Cet onglet permet de configurer les modes de paiements qui seront relié au formulaire.  
+
Cet onglet permet de configurer les modes de paiements qui seront reliés au formulaire.  
  
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
Ligne 56 : Ligne 51 :
 
|-
 
|-
 
| width="50%" |  
 
| width="50%" |  
−
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Les modes de paiements ajoutés seront ceux qui seront utilisé dans le formulaire. Dans le cas ou il y a des inscriptions gratuites, il faut alors insérer également le mode de paiement « Gratuité ».  
+
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Les modes de paiements ajoutés seront ceux qui seront utilisés dans le formulaire. Dans le cas où il y a des inscriptions gratuites, il faut alors insérer également le mode de paiement « Gratuité ».  
 
|}
 
|}
  
Ligne 69 : Ligne 64 :
 
| [[Fichier:Prodon5 Formulaires reliés à la plateforme 003.png|sans_cadre|959x959px]]<br>
 
| [[Fichier:Prodon5 Formulaires reliés à la plateforme 003.png|sans_cadre|959x959px]]<br>
 
|-
 
|-
−
| width="50%" |  
+
| width="50%" |<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Insérer la ou les activités à voir apparaître dans le formulaire à l'aide du bouton [[Fichier:Petit Bouton Plus Ajouter.png|sans_cadre]]. Dans le cas du formulaire d'inscription du participant, il faut donc ajouter l'activité d'inscription. Il est également possible d'ajouter l'activité de don au participant, puisqu'au passage, le participant pourrait vouloir grimper son thermomètre pendant qu'il fait son inscription.
−
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Insérer la ou les activités à voir apparaître dans le formulaire. Dans le cas du formulaire d'inscription du participant, il faut donc ajouter l'activité d'inscription. Il est également possible d'ajouter l'activité de don au participant, puisqu'au passage, le participant pourrait vouloir grimper son thermomètre pendant qu'il fait son inscription.  
 
 
|}
 
|}
  
Ligne 77 : Ligne 71 :
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
|-
 
|-
−
| colspan="2" |  
+
| colspan="2" |Après avoir cliqué sur le [[Fichier:Petit Bouton Plus Ajouter.png|sans_cadre]], cette fenêtre s'ouvre.  Assurez-vous d'aller dans l'onglet « Validation » pour modifier la valeur du champ « Modification de la valeur par défaut : » pour  « Le donateur ne peut pas modifier la quantité » et mettre la quantité par défaut à 1.
−
Lors de l'ajout de l'activité d'inscription, il est important d'aller dans l'onglet « Validation » et s'assurer de modifier la valeur sous la Modification de la valeur par défaut à « Le donateur ne peut pas modifier la quantité » et mettre la quantité par défaut à 1.  
 
  
 
|-
 
|-
Ligne 87 : Ligne 80 :
  
 
|  
 
|  
−
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Permet d'avoir une seule inscription par formulaire.                                           
+
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> La valeur 1 dans ce champ permet d'avoir une seule inscription par formulaire.                                           
  
 
|}
 
|}
Ligne 100 : Ligne 93 :
 
| [[Fichier:Prodon5 Formulaires reliés à la plateforme 005.png|sans_cadre|786x786px]]<br>
 
| [[Fichier:Prodon5 Formulaires reliés à la plateforme 005.png|sans_cadre|786x786px]]<br>
 
|-
 
|-
−
| width="50%" |  
+
| width="50%" |<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Sélectionner tous les pays et provinces à l'aide du bouton [[Fichier:Bouton gros crochet.png|sans_cadre]].
−
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Sélectionner tous les pays et provinces.  
 
  
 
|}
 
|}
Ligne 113 : Ligne 105 :
 
|-
 
|-
 
|  
 
|  
−
À l'intérieur de l'onglet Personnalisation, il faut insérer les caractéristiques qui débute par P2P pour ensuite les reliées à la plateforme.  
+
Dans l'onglet « Personnalisation », insérer les caractéristiques qui débutent par P2P pour ensuite les relier à la plateforme.  
  
 
|-
 
|-
Ligne 119 : Ligne 111 :
 
|-
 
|-
 
| width="50%" |  
 
| width="50%" |  
−
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Les personnalisations ajoutés doivent avoir un nombre de caractère maximum de 50 , être cocher en lecture seul et afficher seulement la personnalisation relié au nom du participant dans le cas du formulaire d'inscription.  
+
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Dépendamment des options sélectionnées dans la plateforme de sociofinancement, il faut aller insérer les caractéristiques selon les besoins. 
 +
 
 +
'''Note :''' Une fois les personnalisations ajoutées, il est important de noter les ID de chacune des personnalisations pour ensuite les relier à la plateforme.  
  
 
|}
 
|}
  
−
<br>
+
{| width="200" class="wikitable" border="1" cellspacing="1" cellpadding="1"
−
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
+
| colspan="2" |Voici comment configurer les caractéristiques.
−
| colspan="2" |Voici le détail que les caractéristiques doivent avoir.
 
 
|-
 
|-
 
| colspan="2" | [[Fichier:Prodon5 Formulaires reliés à la plateforme 007.png|sans_cadre|802x802px]]<br>
 
| colspan="2" | [[Fichier:Prodon5 Formulaires reliés à la plateforme 007.png|sans_cadre|802x802px]]<br>
Ligne 137 : Ligne 130 :
 
|-
 
|-
 
|  
 
|  
−
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le nombre de caractère maximum est toujours de 50 excepté lorsque nous insérons les caractéristiques reliés au défi dans le cas de la plateforme multi-défi qui eux sont de 250 caractères maximum.  
+
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le nombre de caractère maximum est toujours de 50, à l'exception des caractéristiques reliées au défi pour la plateforme multi-défi, qui elles sont de 250.  
  
 
|  
 
|  
Ligne 150 : Ligne 143 :
 
=== Onglet «&nbsp;Courriel&nbsp;»<br>  ===
 
=== Onglet «&nbsp;Courriel&nbsp;»<br>  ===
  
−
Dans l'onglet courriel, certaines informations sont pertinents de retrouver.  
+
Voici quelques informations pertinentes à retrouver dans l'onglet « Courriel ».  
  
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
Ligne 160 : Ligne 153 :
  
 
| width="50%" |  
 
| width="50%" |  
−
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Il faut également ajouter le lien vers la page du participant, qui lui permettra de retourner à sa page personnelle sur la plateforme. Pour ce faire, cliquer droit à l'endroit désiré, sélectionner Balise HTML et ajouter un hyperlien vers un site web.     
+
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Il faut également ajouter le lien vers la page du participant, qui lui permettra de retourner à sa page personnelle sur la plateforme. Pour ce faire, faite un clic droit à l'endroit désiré, sélectionner « Balise HTML » et cliquer « ajouter un hyperlien vers un site web ».     
  
 
|}
 
|}
  
−
<br>  
+
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 +
| colspan="2" |Après avoir cliqué sur « Ajouter un hyperlien vers un site web », la fenêtre suivante s'ouvre.
 +
|-
 +
| colspan="2" | [[Fichier:Prodon5 Formulaires reliés à la plateforme 010.png|sans_cadre|895x895px]]
 +
|-
 +
|<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Coller le lien vers la plateforme de sociofinancement puis ajouter « /participants/Profiles/view/ ».  Dans l'exemple ci-haut, le lien vers la page est : <nowiki>https://jedonneenligne.org/logilys_mboissonneault3/campagne/defi</nowiki>, auquel a été ajouté /participants/Profiles/view/.
 +
|<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Inscrire le texte de l'hyperlien qui apparaîtra sur le courriel de confirmation que le participant recevra.
 +
|}
  
−
=== Onglet «&nbsp;Partage sur les réseaux sociaux&nbsp;»   ===
+
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 +
|Après avoir cliqué sur « Ok », ajouter le lien vers la personnalisation « ID Participant » au bout du lien URL que vous avez ajouté.
 +
|-
 +
| [[Fichier:Prodon5 Formulaires reliés à la plateforme 011.png|sans_cadre|996x996px]]
 +
|-
 +
|<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Pour ce faire, placer le curseur après « view/ » et faire un clic droit pour sélectionner « Champs de la transaction » et sélectionner la personnalisation reliée à votre P2P - Participant ID.
 +
|}
  
−
Étant donné que cet onglet permet le partage sur les réseaux sociaux et que dans le cas de la plateforme de sociofinancement nous préférons que les gens partage directement à partir de la plateforme, il faut donc les désactiver.    
+
=== Onglet «&nbsp;Partage sur les réseaux sociaux&nbsp;»  ===    
  
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 
|-
 
|-
−
| colspan="2" | [[Image:ProDon Création formulaire Web 029.png]]<br>
+
| colspan="2" |Étant donné que cet onglet permet le partage sur les réseaux sociaux et que dans le cas de la plateforme de sociofinancement nous préférons que le partage soit directement fait à partir de la plateforme, il faut donc les désactiver en cochant la case « Utiliser des réseaux sociaux différents de ceux de la page d'accueil » et enlever la possibilité de partager le formulaire.
 +
[[Fichier:Prodon5 Formulaires reliés à la plateforme 009.png|sans_cadre|952x952px]]<br>
 
|-
 
|-
 
| width="50%" |  
 
| width="50%" |  
−
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Permet de choisir de mettre les coins supérieurs ronds ou carrés. Pour un exemple de coins carrés, voir la '''lettre '''<span style="color: rgb(255, 0, 0);"><span style="font-weight: bold;">D</span></span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_3_de_formulaire_Web|Exemple 3 de formulaire Web]]&nbsp;». Pour un exemple de coins ronds, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''I'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_1_de_formulaire_Web|Exemple 1 de formulaire Web]]&nbsp;».<br>
+
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il faut cocher la case pour utiliser des réseaux sociaux différents de ceux de la page d'accueil pour ensuite aller modifier ce que nous avons.  
  
 
| width="50%" |  
 
| width="50%" |  
−
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Permet de choisir d'afficher un ombrage sur l'arrière-plan. Pour un exemple d'arrière-plan avec un ombrage, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''B'''</span> de la section «&nbsp;[[ProDon:Configuration de la page d'accueil et du site Web#Exemple_de_page_d.27accueil|Exemple de page d'accueil]]&nbsp;» du document «&nbsp;[[ProDon:Configuration de la page d'accueil et du site Web|Configuration de la page d'accueil et du site Web]]&nbsp;».
+
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Enlever le titre et la description qui a suivi les informations de la page d'accueil.
−
 
 
−
|-
 
−
|
 
−
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Permet d'afficher les informations des donateurs sur une ou plusieurs colonnes. Pour un exemple d'informations affichées sur plusieurs colonnes, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''J'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_1_de_formulaire_Web|Exemple 1 de formulaire Web]]&nbsp;». Pour un exemple d'informations affichées sur une colonne, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''J'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_2_de_formulaire_Web|Exemple 2 de formulaire Web]]&nbsp;».
 
−
 
 
−
|
 
−
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Permet de choisir comment afficher le logo et le titre dans le haut du formulaire.<br>
 
−
 
 
−
'''NOTE&nbsp;:''' Il est également possible d'insérer un bandeau dans l'en-tête du formulaire Web ou de la page d'accueil plutôt que d'insérer un titre et un logo. Pour ce faire, sélectionner l'option «&nbsp;Afficher seulement le logo suivi d'un espace&nbsp;» ou «&nbsp;Afficher seulement le logo sans espace&nbsp;», puis choisir l'image du bandeau en <span style="color: rgb(255, 0, 0);">'''D'''</span>. Pour un exemple de bandeau, voir la '''lettre '''<span style="color: rgb(255, 0, 0);">'''M'''</span> de la section «&nbsp;[[ProDon:Création d'un formulaire Web#Exemple_3_de_formulaire_Web|Exemple 3 de formulaire Web]]&nbsp;».
 
−
 
 
−
|-
 
−
|
 
−
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Permet d'insérer le logo français qui se trouvera dans l'en-tête du formulaire.
 
−
 
 
−
Le bouton [[Image:Bouton afficher le logo.png]] permet de visualiser le logo qui se trouve dans le haut du formulaire français.
 
−
 
 
−
Le bouton [[Image:Bouton autre logo.png]] permet de modifier le logo qui se trouve dans le haut du formulaire français.<br>
 
−
 
 
−
|
 
−
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Permet d'insérer le logo anglais qui se trouvera dans l'en-tête du formulaire.<br>
 
−
 
 
−
Le bouton [[Image:Bouton afficher le logo.png]] permet de visualiser le logo qui se trouve dans le haut du formulaire anglais.<br>
 
−
 
 
−
Le bouton [[Image:Bouton autre logo.png]] permet de modifier le logo qui se trouve dans le haut du formulaire anglais.<br>
 
  
 
|-
 
|-
 
| colspan="2" |  
 
| colspan="2" |  
−
'''NOTE&nbsp;:''' Un bandeau doit être enregistré avec 820 pixels de large avant d'être inséré pour qu'il ait la même largeur que le formulaire Web ou que la page d'accueil. Pour un logo, la dimension n'a pas d'importance à l'enregistrement, puisqu'elle peut être ajustée en <span style="color: rgb(255, 0, 0);">'''D'''</span> et en <span style="color: rgb(255, 0, 0);">'''E'''</span>. La hauteur recommandée est 68 pixels.<br>
+
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Décocher les réseaux sociaux qui sont sélectionnés.  
  
 
|}
 
|}
Ligne 214 : Ligne 197 :
 
<br>  
 
<br>  
  
−
=== Onglet «&nbsp;Options avancées&nbsp;»  ===
+
=== Onglet «&nbsp;Options avancées&nbsp;»  ===  
−
 
 
−
Cet onglet permet d'ajouter des caractéristiques ou des champs personnalisés aux fiches des donateurs lors de l'importation.
 
  
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
{| width="200" cellspacing="1" cellpadding="1" border="1" class="wikitable"
 
|-
 
|-
−
| colspan="2" | [[Image:ProDon Création formulaire Web 035.png]]<br>
+
| colspan="2" | [[Fichier:Prodon5 Formulaires reliés à la plateforme 012.png|sans_cadre|948x948px]]<br>
 
|-
 
|-
 
| width="50%" |  
 
| width="50%" |  
−
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il s'agit de la liste des caractéristiques qui seront ajoutées à la fiche des donateurs qui rempliront le formulaire. Dans cet exemple, la profession «&nbsp;Comptable&nbsp;» sera spécifiée dans la fiche de chaque donateur qui remplira le formulaire.  
+
<span style="color: rgb(255, 0, 0);">'''A&nbsp;:'''</span> Il est important de ne pas afficher les formulaires reliés à la plateforme de sociofinancement sur la page d'accueil de votre '''''JeDonneEnLigne'''''.  
  
 
| width="50%" |  
 
| width="50%" |  
−
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Le bouton [[Image:Bouton Ajouter.png]] permet d'ajouter une nouvelle caractéristique à la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>.<br>
+
<span style="color: rgb(255, 0, 0);">'''B&nbsp;:'''</span> Créer les deux groupes de libellés qui seront utilisés pour la plateforme de sociofinancement. Pour plus d'informations sur le fonctionnement des groupes de libellés, [[ProDon:Configuration des libellés#Ajout.2Fmodification d.27un groupe de libell.C3.A9s|cliquer ici]].  
  
 
|-
 
|-
 
|  
 
|  
−
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> Le bouton [[Image:Bouton Modifier.png]] permet de modifier une caractéristique de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner la caractéristique à modifier, puis cliquer sur le bouton [[Image:Bouton Modifier.png]].  
+
<span style="color: rgb(255, 0, 0);">'''C&nbsp;:'''</span> La position de la section transaction devrait toujours être avant la page des informations personnelles.  
  
 
|  
 
|  
−
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> Le bouton [[Image:Bouton Retirer.png]] permet de supprimer une caractéristique de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>. Pour ce faire, sélectionner la caractéristique à supprimer, puis cliquer sur le bouton [[Image:Bouton Retirer.png]].  
+
<span style="color: rgb(255, 0, 0);">'''D&nbsp;:'''</span> La case commentaire ne devrait jamais apparaître sur les formulaires reliés à la plateforme de sociofinancement.  
  
 
|-
 
|-
−
|  
+
| colspan="2" |  
−
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Le bouton [[Image:Petit Bouton Dupliquer.png]] permet de dupliquer les caractéristiques d'un autre formulaire pour les ajouter à la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>.<br>
+
<span style="color: rgb(255, 0, 0);">'''E&nbsp;:'''</span> Il est également important d'aller faire la configuration de l'intégration à JDEL qui permettra au formulaire de rediriger les gens sur la plateforme de sociofinancement une fois la transaction complété.  
 +
|}
  
−
|
+
<br>  
−
<span style="color: rgb(255, 0, 0);">'''F&nbsp;:'''</span> Le bouton [[Image:Bouton efface.png]] permet de supprimer toutes les caractéristiques de la liste en <span style="color: rgb(255, 0, 0);">'''A'''</span>.
 
  
 +
{| class="wikitable" width="200" cellspacing="1" cellpadding="1" border="1"
 +
|Pour permettre de rediriger le donateur à la plateforme une fois la transaction finalisé, il faut configurer l'intégration à JDEL. Pour ce faire, cliquer sur le bouton [[Fichier:Prodon5 Bouton Intégration à JDEL.png|sans_cadre|195x195px]] et ensuite « Configuration de l'adresse URL pour l'intégration post-traitement ».
 
|-
 
|-
−
|  
+
| [[Fichier:Prodon5 Formulaires reliés à la plateforme 013.png|sans_cadre|746x746px]]<br>
−
<span style="color: rgb(255, 0, 0);">'''G&nbsp;:'''</span> Cet onglet permet de configurer des constantes d'importation pour des champs personnalisés. La procédure est la même que pour les caractéristiques.  
+
|-
 +
| width="50%" |
 +
Aller coller le lien URL de la plateforme, enlever tout ce qui apparaît après « campagne/ » et remplacer le par « callbacks/ » tel qu'indiqué dans l'image ci-haut.  
  
−
| <br>
 
 
|}
 
|}
  
−
<br>
 
 
<br>     
 
<br>     
  
 
{{BasPage_ProDon_Version|5.0.6}}<br>
 
{{BasPage_ProDon_Version|5.0.6}}<br>

Version actuelle datée du 22 avril 2022 à 16:11

Création d'un formulaire Web relié à la plateforme (P2P)

Cette documentation nécessite le module « Dons en ligne » de Prodon, il faut donc posséder ce module pour avoir accès à ces fonctionnalités.

Introduction

Pour être en mesure de ramener toutes les transactions reliées à la plateforme de sociofinancement dans Prodon, il faut utiliser les formulaires. Pour ce faire, nous avons certains détails à mettre en place dans les formulaires pour permettre à la plateforme et à Prodon de s'échanger l'information.

Sur cette page, il n'y aura que les détails à tenir compte dans la configuration du ou des formulaires reliés à une plateforme de sociofinancement. Pour plus d'information sur la configuration d'un formulaire complet, veuillez vous référez à la page suivante : Création d'un formulaire web.

Configuration du formulaire


Après avoir cliqué sur le bouton Bouton Ajouter.png ou sur le bouton Bouton Modifier.png

Prodon5 Ajout de formulaire 001.png

A : Étant donné que le code du formulaire est rattaché à la plateforme, il est important de ne pas dater le code de formulaire pour éviter de modifier les codes à chaque année.

NOTE : Donner un code précis pour que les recherches soient plus efficaces. Dans l'exemple ci-haut, le code est « CRIP », soit « CR » pour Color Run (le nom de mon activité) et « IP » pour Inscription Participant. Tous les formulaires reliés à la plateforme porteront donc le même code de début soit « CR » et seront suivis par les lettres reliées au formulaire en question. ex.:

« CRDP » pour Don au Participant

« CRDE » pour Don à l'Équipe et ainsi de suite.

B : Le nom du formulaire peut contenir l'année de référence du formulaire puisque celui ci n'est pas relié à la plateforme.

C : Il est important de ne pas mettre de date d'affichage et d'expiration puisque ceux-ci sont réglés directement sur la plateforme de sociofinancement.

D : Créer et nommer le thème et groupe d'images au nom de la plateforme. Ils seront reliés à tous les formulaires de la campagne et auront les mêmes images et couleurs que celle-ci.


Onglet « Paiements »

Cet onglet permet de configurer les modes de paiements qui seront reliés au formulaire.

Prodon5 Formulaires reliés à la plateforme 002.png

A : Les modes de paiements ajoutés seront ceux qui seront utilisés dans le formulaire. Dans le cas où il y a des inscriptions gratuites, il faut alors insérer également le mode de paiement « Gratuité ».



Onglet « Transaction »

Cet onglet permet de relier l'occasion et la ou les activités au formulaire.

Prodon5 Formulaires reliés à la plateforme 003.png
A : Insérer la ou les activités à voir apparaître dans le formulaire à l'aide du bouton Petit Bouton Plus Ajouter.png. Dans le cas du formulaire d'inscription du participant, il faut donc ajouter l'activité d'inscription. Il est également possible d'ajouter l'activité de don au participant, puisqu'au passage, le participant pourrait vouloir grimper son thermomètre pendant qu'il fait son inscription.


Après avoir cliqué sur le Petit Bouton Plus Ajouter.png, cette fenêtre s'ouvre. Assurez-vous d'aller dans l'onglet « Validation » pour modifier la valeur du champ « Modification de la valeur par défaut : » pour « Le donateur ne peut pas modifier la quantité » et mettre la quantité par défaut à 1.
Prodon5 Formulaires reliés à la plateforme 004.png

A : Permet de bloquer le droit à la modification du nombre d'inscription sur le formulaire.

B : La valeur 1 dans ce champ permet d'avoir une seule inscription par formulaire.



Onglet « Listes »

Dans l'onglet liste, il suffit de cocher tous les pays et toutes les provinces en mettant le Canada et le Québec par défaut.
Prodon5 Formulaires reliés à la plateforme 005.png
A : Sélectionner tous les pays et provinces à l'aide du bouton Bouton gros crochet.png.


Onglet « Personnalisations »

Pour savoir comment configurer les personnalisations d'un formulaire Web, consulter ce document.

Dans l'onglet « Personnalisation », insérer les caractéristiques qui débutent par P2P pour ensuite les relier à la plateforme.

Prodon5 Formulaires reliés à la plateforme 006.png

A : Dépendamment des options sélectionnées dans la plateforme de sociofinancement, il faut aller insérer les caractéristiques selon les besoins.

Note : Une fois les personnalisations ajoutées, il est important de noter les ID de chacune des personnalisations pour ensuite les relier à la plateforme.

Voici comment configurer les caractéristiques.
Prodon5 Formulaires reliés à la plateforme 007.png

A : Il faut cocher la case pour la ou les personnalisations que nous désirons voir apparaître dans le formulaire.

B : Sélectionner le positionnement au-dessus des activités.

C : Le nombre de caractère maximum est toujours de 50, à l'exception des caractéristiques reliées au défi pour la plateforme multi-défi, qui elles sont de 250.

D : Toujours cocher les personnalisations en lecture seule.

E : Toujours s'assurer de cocher la case « Afficher la personnalisation dans le courriel de confirmation ».

Onglet « Courriel »

Voici quelques informations pertinentes à retrouver dans l'onglet « Courriel ».

Prodon5 Formulaires reliés à la plateforme 008.png

A : Il est intéressant d'ajouter le logo de la campagne qui apparaîtra dans le haut du courriel de confirmation. Pour plus d'informations sur l'ajout d'image dans le courriel de confirmation, cliquer ici.

B : Il faut également ajouter le lien vers la page du participant, qui lui permettra de retourner à sa page personnelle sur la plateforme. Pour ce faire, faite un clic droit à l'endroit désiré, sélectionner « Balise HTML » et cliquer « ajouter un hyperlien vers un site web ».

Après avoir cliqué sur « Ajouter un hyperlien vers un site web », la fenêtre suivante s'ouvre.
Prodon5 Formulaires reliés à la plateforme 010.png
A : Coller le lien vers la plateforme de sociofinancement puis ajouter « /participants/Profiles/view/ ». Dans l'exemple ci-haut, le lien vers la page est : https://jedonneenligne.org/logilys_mboissonneault3/campagne/defi, auquel a été ajouté /participants/Profiles/view/. B : Inscrire le texte de l'hyperlien qui apparaîtra sur le courriel de confirmation que le participant recevra.
Après avoir cliqué sur « Ok », ajouter le lien vers la personnalisation « ID Participant » au bout du lien URL que vous avez ajouté.
Prodon5 Formulaires reliés à la plateforme 011.png
A : Pour ce faire, placer le curseur après « view/ » et faire un clic droit pour sélectionner « Champs de la transaction » et sélectionner la personnalisation reliée à votre P2P - Participant ID.

Onglet « Partage sur les réseaux sociaux »

Étant donné que cet onglet permet le partage sur les réseaux sociaux et que dans le cas de la plateforme de sociofinancement nous préférons que le partage soit directement fait à partir de la plateforme, il faut donc les désactiver en cochant la case « Utiliser des réseaux sociaux différents de ceux de la page d'accueil » et enlever la possibilité de partager le formulaire.

Prodon5 Formulaires reliés à la plateforme 009.png

A : Il faut cocher la case pour utiliser des réseaux sociaux différents de ceux de la page d'accueil pour ensuite aller modifier ce que nous avons.

B : Enlever le titre et la description qui a suivi les informations de la page d'accueil.

C : Décocher les réseaux sociaux qui sont sélectionnés.



Onglet « Options avancées »

Prodon5 Formulaires reliés à la plateforme 012.png

A : Il est important de ne pas afficher les formulaires reliés à la plateforme de sociofinancement sur la page d'accueil de votre JeDonneEnLigne.

B : Créer les deux groupes de libellés qui seront utilisés pour la plateforme de sociofinancement. Pour plus d'informations sur le fonctionnement des groupes de libellés, cliquer ici.

C : La position de la section transaction devrait toujours être avant la page des informations personnelles.

D : La case commentaire ne devrait jamais apparaître sur les formulaires reliés à la plateforme de sociofinancement.

E : Il est également important d'aller faire la configuration de l'intégration à JDEL qui permettra au formulaire de rediriger les gens sur la plateforme de sociofinancement une fois la transaction complété.


Pour permettre de rediriger le donateur à la plateforme une fois la transaction finalisé, il faut configurer l'intégration à JDEL. Pour ce faire, cliquer sur le bouton Prodon5 Bouton Intégration à JDEL.png et ensuite « Configuration de l'adresse URL pour l'intégration post-traitement ».
Prodon5 Formulaires reliés à la plateforme 013.png

Aller coller le lien URL de la plateforme, enlever tout ce qui apparaît après « campagne/ » et remplacer le par « callbacks/ » tel qu'indiqué dans l'image ci-haut.


Nom du document : ProDon:Création d'un formulaire Web relié à la plateforme (P2P)
Version : 5.0.6


Récupérée de « http://wikifr.logilys.com/index.php?title=ProDon:Création_d%27un_formulaire_Web_relié_à_la_plateforme_(P2P)&oldid=24092 »