Mettre en page la campagne
La page Mise en page de la campagne (/app/campagne/settings)
permet de configurer entièrement le visuel et le contenu de la page
publique. Elle est organisée en plusieurs onglets : Configuration,
Bannières, Sections et Devises.
Sélectionner la campagne à modifier
En haut à droite, un sélecteur permet de basculer entre vos différentes
campagnes. Le choix est mémorisé localement (localStorage) pour
retrouver la dernière campagne consultée d'un écran à l'autre.
Onglet 1 — Configuration
Cet onglet regroupe les options globales de la page publique :
| Bloc | Champs |
|---|---|
| SEO | Titre meta, description meta, image OG (utilisée pour le partage sur les réseaux sociaux), URL canonique |
| Vidéo d'intro | Champ URL vidéo (YouTube, Vimeo, etc.) affichée en haut de la page publique |
| Options template | Disponible uniquement si la campagne utilise un template avancé comme ALD : logo, nom affiché, affiche latérale, boutons prédéfinis |
Onglet 2 — Bannières
L'onglet Bannières gère les images d'en-tête de la page publique. Il distingue deux formats pour s'adapter aux différents appareils :
| Format | Dimensions recommandées | Utilisation |
|---|---|---|
| DESKTOP | 1920 × 600 px (paysage) | Affichage sur ordinateurs et tablettes en mode paysage |
| MOBILE | 750 × 1000 px (portrait) | Affichage sur smartphones et tablettes en mode portrait |
Modifier une bannière
- 1
Ouvrir l'onglet Bannières
Dans la page Mise en page, cliquer sur l'onglet Bannières.
- 2
Cliquer sur une bannière existante
La modale d'édition s'ouvre. Vous pouvez aussi cliquer sur Ajouter une bannière pour en créer une nouvelle.
- 3
Téléverser le visuel
Cliquer sur la zone de dépôt et choisir l'image. Les formats acceptés sont JPG, PNG et WebP.
- 4
Choisir le type (Desktop ou Mobile)
Préciser à quel format l'image est destinée.
- 5
Ajouter un lien optionnel
Si vous voulez que le clic sur la bannière mène ailleurs, indiquer une URL.
- 6
Valider
La bannière est immédiatement appliquée sur la page publique.
Onglet 3 — Sections
Les sections sont des zones de contenu libres affichées les unes sous les autres sur la page publique. Chaque section a un type :
| Type de section | Usage |
|---|---|
| Texte enrichi | Bloc r édactionnel libre avec formatage |
| Galerie d'images | Carrousel de photos |
| Vidéo | Lecteur intégré (YouTube, Vimeo) |
| Témoignages | Citations encadrées de donateurs ou bénéficiaires |
| Compteurs | Affichage des compteurs configurés (voir module compteurs) |
| Boutons de paiement | Boutons pré-remplis à partir des produits |
| HTML libre | Bloc HTML pour cas avancés |
Réorganiser les sections
Les sections sont réorganisables par glisser-déposer. Maintenir le clic sur la poignée à gauche d'une section et la déplacer vers le haut ou le bas. L'ordre est sauvegardé automatiquement à chaque déplacement.
Modifier une section
- 1
Cliquer sur une section
La modale
ModalEditSections'ouvre. - 2
Modifier le contenu
Selon le type de section, les champs disponibles changent (éditeur riche, sélecteur d'image, champ URL, etc.).
- 3
Valider
La section est mise à jour immédiatement sur la page publique.
Supprimer une section
Chaque section dispose d'un bouton de suppression. La section disparaît immédiatement de la page publique après confirmation.
Onglet 4 — Devises
L'onglet Devises permet de proposer aux donateurs de donner dans une autre devise que la devise principale de votre organisation — utile pour une campagne internationale. On y distingue les devises virtuelles (simple conversion d'affichage) des devises réelles (encaissement par une association dédiée).
C'est un sujet à part entière, traité en détail sur sa propre page :
Sauvegarde et publication
Toutes les modifications sont enregistrées via l'endpoint
POST /campagnes/[id]/config/edit. Il n'y a pas de brouillon :
chaque modification est appliquée en temps réel sur la page publique. Si
votre campagne est désactivée, les visiteurs ne voient rien ; si elle
est active, ils voient le résultat dès le rechargement de la page.