Personnaliser la page publique
La page publique est ce que vos donateurs voient quand ils cliquent sur le lien de la cagnotte. Soigner cette page double régulièrement le taux de transformation : une bonne image, une vidéo de 90 secondes du rabbin, et des boutons de montants suggérés bien calibrés font la différence.
Anatomie de la page publique
Voici les éléments présents sur la page publique (dans l'ordre d'affichage) :
| Bloc | Source côté admin |
|---|---|
| Titre | Champ Nom de la section Principale |
| Image de fond | Champ Image de fond de la section Gestion du contenu |
| Vidéo YouTube | Champ YouTube ID |
| Description | Champ Contenu riche de l'éditeur |
| Jauge de progression | Auto (si mode avec objectif) |
| Formulaire de don | Auto (montant libre + boutons prédéfinis) |
| Caroussel d'images | Champ Caroussel |
Configurer chaque bloc
Toute la personnalisation se passe dans la section Gestion du contenu du formulaire de création/édition.
Image de fond
L'image de fond est l'élément le plus impactant de la page : c'est ce que le donateur voit en premier.
- 1
Choisir une bonne image
- Format paysage (rapport 16:9 ou 3:2 idéal)
- Résolution minimale 1920 × 1080 px
- Poids inférieur à 500 Ko pour un chargement rapide
- Sujet clair et identifiable (la salle de prière à rénover, l'événement)
- 2
Uploader l'image
Dans la section Gestion du contenu, cliquez sur la zone Image de fond et sélectionnez votre fichier. Un aperçu apparaît immédiatement.
Vidéo YouTube
Une vidéo courte de présentation (60 à 120 secondes) multiplie l'engagement, surtout si elle est portée par une figure connue de la communauté.
- 1
Préparer la vidéo
Mettez en ligne la vidéo sur YouTube (publique ou non répertoriée). Récupérez son identifiant : c'est la suite de caractères après
v=dans l'URL.Exemple : pour
https://www.youtube.com/watch?v=dQw4w9WgXcQ, l'identifiant estdQw4w9WgXcQ. - 2
Coller l'identifiant
Dans la section Gestion du contenu, collez l'identifiant dans le champ YouTube ID.
Contenu éditorial
Le contenu riche est le texte de présentation : pourquoi cette cagnotte, à quoi sert l'argent, quels résultats vous attendez.
L'éditeur supporte :
- Titres (h2, h3)
- Paragraphes
- Listes à puces ou numérotées
- Gras, italique, soulignement
- Liens externes
- Images intégrées
- Mise en couleur
Quelques règles de rédaction :
- Aller à l'essentiel : le donateur décide en quelques secondes
- Raconter une histoire : le « pourquoi » avant le « combien »
- Découper en sections courtes avec sous-titres
- Terminer par un appel à l'action explicite
Boutons de montants prédéfinis
Les boutons prédéfinis (presetButtons) sont des montants suggérés qui apparaissent au-dessus du champ de saisie libre. Bien choisis, ils orientent le don vers des montants moyens plus élevés.
Chaque bouton se compose de :
| Champ | Description |
|---|---|
| Montant | Valeur numérique du don |
| Texte | Libellé court affiché (ex. « 50 € — 1 chaise ») |
| Couleur | Couleur de fond du bouton (charte visuelle) |
| Devise | Devise du montant (multidévise) |
Exemple recommandé pour une rénovation à 20 000 € :
| Bouton | Texte | Couleur |
|---|---|---|
| 50 € | 50 € — 1 chaise | Bleu clair |
| 180 € | 180 € — 1 m² de moquette | Bleu |
| 500 € | 500 € — 1 fenêtre | Bleu foncé |
| 1 800 € | 1 800 € — 1 mur entier | Or |
Caroussel d'images
Le caroussel est une galerie d'images défilantes affichée sous le formulaire. Utile pour :
- Montrer l'avant/après prévu
- Présenter l'équipe ou les bénévoles
- Illustrer les usages futurs
- Documenter l'avancée des travaux (mises à jour régulières)
Format conseillé : 5 à 10 images en paysage, résolution 1200 × 800 px, légendes courtes.
Apparence côté donateur
Voici ce que voit un donateur (ordre d'affichage de haut en bas) :
- 1
En-tête immersif
Image de fond plein écran, avec titre de la cagnotte en surimpression et bouton Faire un don.
- 2
Vidéo (si configurée)
Lecteur YouTube intégré, lecture à la demande.
- 3
Description + jauge
Texte éditorial à gauche, jauge de progression à droite (montant collecté, objectif, reste à atteindre).
- 4
Formulaire de don
Boutons prédéfinis en haut, champ montant libre en dessous, sélection de la devise si multi-devise. Les informations donateur (nom, email) sont demandées à l'étape suivante du paiement.
- 5
Caroussel d'images
Galerie défilante en bas de page.
Bonnes pratiques UX
À retenir
- L'image de fond et la vidéo capturent l'attention dans les 3 premières secondes
- Les boutons ne sont pas qu'esthétiques : ils orientent le panier moyen
- Le contenu riche doit être lisible en moins de 30 secondes
- La page publique n'affiche pas la liste des donateurs — pas de pression sociale par classement
- Une page bien soignée double régulièrement le taux de transformation