UTILISATION
Cette page est accessible aux utilisateurs avec un rôle éditeur et supérieur, sauf indication contraire.
Lors de l'ajout ou de la modification d'une page , vous aurez un certain nombre d'informations à saisir, répartis dans différents onglet.
Onglet "Paramètre"
Le nom
Il s'agit du nom du formulaire présent dans la liste des formulaires ou liste déroulante de sélection de la liste des transactions. C’est également ce
nom qui est utilisé pour la balise "title" de la page du formulaire et
donc qui est affiché dans l'onglet par les navigateurs.
Le lien
Il s'agit de l'url d'accès au formulaire, sous la forme : https://2021-1.givexpert.org/Lien/ , à noter que celui-ci sera automatiquement modifié si le lien existe déjà pour le même domaine.
Organisation
Un formulaire ne peut être attaché qu'à une seule organisation
Un formulaire est obligatoirement rattaché a une organisation. La liste des organisations accessibles est limitée aux organisations auxquelles l’utilisateur est associé.
Le code
Aussi appelé code campagne, il est présent dans la liste des formulaires, liste des transactions ou liste déroulante de sélection de la liste des transactions, il permet la codification des formulaires dans le but de retrouver facilement à quelle campagne une transaction est associée, que ce soit dans la liste des transactions, les exports ou l’API.
Grille
L’application givexpert permet de sélectionner une grille (disposition des blocs dans la page) et un style (aspect graphique de la page). Pour plus d’informations sur les designs des différents formulaires/pages, merci de vous référer à :
- Le formulaire de don (design “Formulaire sur 3 colonnes”)
- Le formulaire de don (design “Formulaire et colonne latérale”)
- Le formulaire de don (design “Formulaire deux étapes”) thème
Grille et thème spécifique
Les champs langues, drapeau
Les champs langues, drapeau
Chaque formulaire n’est disponible que dans une seule langue, une seule devise, si vous souhaitez proposer des versions de formulaire dans différentes langues/devises. Il vous faut créer autant de formulaires que de déclinaisons, puis associer chacun de ces formulaires dans la version traduite de chaque formulaire.
Lorsqu’un formulaire est associé à des versions traduites, celui-ci affiche un menu déroulant en haut à droite avec comme élément : le drapeau - la langue / la devise. Le drapeau permet également la présélection du pays sur le formulaire.
Version Traduites
Il s'agit des différents formulaires qui sont disponibles. En cochant un formulaire, vous signifiez qu'il est la version traduite du formulaire en cours.
Lorsqu’un formulaire est associé à des versions traduites, celui-ci affiche un menu déroulant en haut à droite avec comme élément : le drapeau - la langue / la devise.
Vous pouvez associer autant de formulaires (dans une langue et une devise différente) que vous le souhaitez
Version mobile
Permet de sélectionner un formulaire spécifique à afficher si le donateur est sur smartphone, cela permet de créer un formulaire plus léger et plus adapté. Par exemple avec des textes plus courts, des images plus légères, mais aussi sans le moyen de paiement "chèque".
Onglet "Contenus"
Vous disposez de plusieurs champs pour personnaliser vos contenus. Ces champs auront une disposition différente selon le modèle de formulaire que vous aurez choisi.
Texte d’en-tête
Il s'agit de la zone en entête du formulaire. Elle se place sous l'image d'entête. Il s'agit d'une zone, où disposez des fonctionnalités de l'éditeur
Projet
Ce sont des zones de texte, le nombre de colonnes de projet dépend du design sélectionné dans l’onglet paramètre.
Il est possible de déplacer ces projets afin de modifier l’ordre d’affichage, cependant, ils ne peuvent être déplacés que dans la même colonne.
Onglet "Apparence"
Cet onglet va vous permettre de personnaliser votre formulaire en termes de design.
Police
Par défaut, le formulaire est en Arial, l’application vous permet de sélectionner une police différente parmi cette liste.
Note : La police “Luciole” a été conçue spécifiquement pour les personnes malvoyantes. Ce projet est le résultat de plus de deux années de collaboration entre le Centre Technique Régional pour la Déficience Visuelle et le studio typographies.fr.
Image d'en-tête
Il s'agit de l'image qui est positionnée au-dessus du texte d'entête. Elle est soumise a certaines contraintes :
- Limitation à 2 M, et contrôle au niveau du type :
- image/gif
- image/jpeg
- image/png
- image/wbmp
- image/x-icon
Si vous ne personnalisez pas cette image, alors sera inséré, l'image par défaut, c'est-à-dire le Logo de l'organisation.
Largeur maximum de la zone d’affichage, 1280px, il est inutile de mettre des images plus larges.
Image de fond et positionnement de l'image de fond
Vous pouvez décider de mettre une image en arrière-plan. Cette image possède les contraintes suivantes :
- Limitation à 2 M, et contrôle au niveau du type
- image/gif
- image/jpeg
- image/png
- image/wbmp
- image/x-icon
La largeur maximum dépend de la résolution de l'écran qui affiche la page et du positionnement qui est effectué. De manière générale, il est conseillé de limiter au maximum le poids des pages, aussi l’utilisation d'images pleine largeur est à proscrire.
Il est possible de paramétrer la position de l'image, ainsi que sa répétition.
Il ne nous est pas possible de fournir une recommandation sur la taille, dans le sens ou tout dépend du résultat souhaité, mais aussi de la taille finale de votre formulaire.
Page
Permets de configurer la couleur de la police et du fond de page.
Exemple sur un formulaire de don avec le style S-Concept :
- affichage par défaut
- en modifiant l’arrière-plan en noir et le texte en rouge
Couleur des titres
Exemple sur un formulaire de don avec le style S-Concept :
- affichage par défaut
- en modifiant l’arrière-plan en noir et le texte en rouge
Zone sélectionnée
Exemple sur un formulaire de don avec le style S-Concept :
- affichage par défaut
- en modifiant l’arrière-plan en noir et le texte en rouge
Couleur des boutons et du montant cliqué
Exemple sur un formulaire de don avec le style S-Concept :
- affichage par défaut
- en modifiant l’arrière-plan en noir et le texte en rouge
Onglet "Tags"
Les tags sont créés au niveau du Tag Manager et gérer au global de l'application. Depuis cet onglet, vous pourrez sélectionner quels tags seront appliqués sur le formulaire. Cela permet par exemple d’appliquer un tag spécifique à une campagne.