Wall Builder
Le Wall Builder est l'éditeur visuel qui vous permet de créer et personnaliser votre Ad Sentinelle sans écrire de code.
Interface du Wall Builder
Panneau de configuration (gauche)
Le panneau de gauche contient toutes les options de configuration organisées en sections :
📝 Contenu
- Titre : Le titre principal du wall
- Taille du titre : sm, md, lg, xl, 2xl
- Blocs de contenu : Paragraphes de texte
- Bouton principal : Texte du CTA
- Bouton secondaire : Texte optionnel
🎨 Style
- Logo : Upload et positionnement
- Couleur primaire : Boutons et accents
- Couleur de fond : Arrière-plan du wall
- Couleur du texte : Texte principal
- Opacité overlay : Fond derrière le wall (0-100%)
⚙️ Comportement
- Mode : Hard, Soft ou Banner
- Animation : Fade, Slide, Scale, Bounce
- Bordures : Rayon des coins
- Guide d'aide : Activer/désactiver
Zone de prévisualisation (droite)
La prévisualisation en temps réel montre exactement ce que verront vos utilisateurs.
Contrôles de prévisualisation
- Desktop 🖥️ : Vue bureau (1200px)
- Tablet 📱 : Vue tablette (768px)
- Mobile 📱 : Vue mobile (375px)
Configurer le contenu
Titre
🛡️ Bloqueur de publicité détecté
Le titre apparaît en haut du wall. Utilisez un emoji pour attirer l'attention.
Options de taille :
| Taille | Usage |
|---|---|
| sm | Discret |
| md | Standard |
| lg | Mise en avant |
| xl | Impact fort |
| 2xl | Maximum |
Blocs de contenu
Ajoutez plusieurs paragraphes pour structurer votre message :
Bloc 1: "Votre bloqueur empêche notre financement."
Bloc 2: "Nous avons besoin de la publicité pour vous offrir du contenu gratuit."
Bloc 3: "Désactivez-le pour continuer votre lecture."
Chaque bloc peut avoir :
- Taille : xs, sm, md, lg, xl, 2xl
- Gras : Oui/Non
- Italique : Oui/Non
Boutons
Bouton principal (CTA)
[J'ai désactivé mon bloqueur]
Styles disponibles :
- Filled : Bouton plein (couleur primaire)
- Outline : Contour uniquement
- Ghost : Transparent avec survol
Bouton secondaire (optionnel)
[En savoir plus]
Bouton d'aide
❓ Comment désactiver ?
Active le guide interactif pour les utilisateurs.
Configurer le style
Logo
- Cliquez sur "Télécharger un logo"
- Sélectionnez une image (PNG, JPG, SVG)
- Configurez :
- Position : Top, Left, Right, Center
- Taille : Small, Medium, Large, Custom
Couleurs
| Option | Description | Exemple |
|---|---|---|
| Primaire | Boutons, liens | #8b5cf6 (violet) |
| Fond | Arrière-plan du modal | #ffffff (blanc) |
| Texte | Couleur du texte | #1f2937 (gris foncé) |
Overlay
L'overlay est le fond semi-transparent derrière le wall :
- Opacité : 0% (transparent) à 100% (opaque)
- Recommandé : 80% pour le mode Hard, 60% pour le mode Soft
Animation
| Animation | Effet |
|---|---|
| Fade | Apparition en fondu |
| Slide | Glissement depuis le bas |
| Scale | Zoom depuis le centre |
| Bounce | Rebond élastique |
| None | Pas d'animation |
Bordures
Rayon des coins du modal :
- None : Coins droits
- sm : Légèrement arrondis
- md : Moyennement arrondis
- lg : Très arrondis
- xl : Très très arrondis
- full : Complètement arrondis
Prévisualiser
Prévisualisation desktop
┌───────────────────── ───────────────────────────────────────────┐
│░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░│
│░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░│
│░░░░░░░░░░┌──────────────────────────────────────┐░░░░░░░░░░░░░░│
│░░░░░░░░░░│ │░░░░░░░░░░░░░░│
│░░░░░░░░░░│ [LOGO] │░░░░░░░░░░░░░░│
│░░░░░░░░░░│ │░░░░░░░░░░░░░░│
│░░░░░░░░░░│ 🛡️ Bloqueur de publicité détecté │░░░░░░░░░░░░░░│
│░░░░░░░░░░│ │░░░░ ░░░░░░░░░░│
│░░░░░░░░░░│ Votre message personnalisé... │░░░░░░░░░░░░░░│
│░░░░░░░░░░│ │░░░░░░░░░░░░░░│
│░░░░░░░░░░│ [J'ai désactivé mon bloqueur] │░░░░░░░░░░░░░░│
│░░░░░░░░░░│ │░░░░░░░░░░░░░░│
│░░░░░░░░░░│ ❓ Comment désactiver ? │░░░░░░░░░░░░░░│
│░░░░░░░░░░│ │░░░░░░░░░░░░░░│
│░░░░░░░░░░└──────────────────────────────────────┘░░░░░░░░░░░░░░│
│░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░│
└─────────────── ─────────────────────────────────────────────────┘
Test en conditions réelles
Utilisez le bouton "Tester sur mon site" pour voir le wall sur votre vrai site (avec un token temporaire).
Sauvegarder
Enregistrer comme brouillon
Sauvegarde vos modifications sans les publier. Utile pour travailler sur plusieurs sessions.
Publier
Publie les modifications. Elles seront actives sur votre site dans les 30 secondes.
Annuler
Annule toutes les modifications non sauvegardées.
Raccourcis clavier
| Raccourci | Action |
|---|---|
Ctrl + S | Sauvegarder |
Ctrl + Z | Annuler |
Ctrl + Shift + Z | Refaire |
Ctrl + P | Prévisualiser |
Testez différentes combinaisons et utilisez l'A/B testing pour trouver ce qui fonctionne le mieux avec votre audience.