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 trois onglets.
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.
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.