L'éditeur

Comprendre les 3 zones de l'éditeur : top bar (actions), panneau de gauche (outils), aperçu live à droite.

4 min de lecture · 4 étapes

1. Vue d'ensemble

L'éditeur a trois zones :

• La top bar en haut : actions globales (retour dashboard, statut de sauvegarde, aperçu, publication).
• Le panneau de gauche : 4 onglets pour tous les outils (Blocs, Thème, SEO, Assistant IA).
• L'aperçu à droite : ton site en temps réel. Chaque modification y apparaît immédiatement.

2. La top bar

De gauche à droite :

• Flèche retour vers le dashboard.
• Nom du site + son URL + statut de sauvegarde (« À jour » en vert quand tout est enregistré).
• Boutons Undo / Redo pour annuler ou refaire.
• Aperçu (loupe), switch responsive desktop/tablet/mobile, Code (voir le HTML), Voir (ouvrir le site).
• Bouton Publier rouge à droite — met le site en ligne.

3. Le panneau de gauche

4 onglets, chacun pour une tâche :

• Blocs : la bibliothèque (20 types : Navigation, Hero, Avantages, Galerie, Témoignages, Tarifs, FAQ, Équipe, Carte/Menu, Horaires, Réseaux sociaux…) + la structure actuelle de la page (drag-déposer pour réordonner).
• Thème : 11 palettes prédéfinies + 1 personnalisée pour customiser les couleurs.
• SEO : titre, meta description, aperçu Google de ta page.
• Assistant : chat IA pour modifier le site en parlant français.

4. Sur mobile

L'éditeur fonctionne aussi sur téléphone. Le panneau de gauche devient un drawer qui s'ouvre/ferme via un bouton.

Utile pour des retouches rapides — mais pour la première mise en place d'un site, on recommande quand même un ordinateur (écran plus grand = vue d'ensemble plus claire).

Chapitre précédent🚀 Premiers pas Chapitre suivant ✏️ Éditer un bloc