Les pop-ups et les dons arrivent sur Vivlab.En savoir plus ›
Skip to content

Éditeur de page

L'Éditeur de page permet de construire chacune de vos pages en travaillant directement sur sa mise en page. Vous assemblez des sections (les grandes parties d'une page), ajoutez des images, du texte et des boutons, ajustez leur disposition, renseignez les informations pour les moteurs de recherche et publiez vos modifications en ligne.

Dans ces guides, canvas désigne la zone centrale de travail, et bloc un élément comme un texte, une image ou un bouton. Une poignée est un petit repère que vous faites glisser pour changer la taille ou la position d'un élément. Consultez Comprendre les termes pour les autres mots inconnus.

Vous y accédez en cliquant sur Modifier depuis la Pages. Venez-y dès que vous créez une nouvelle page, que vous retouchez un visuel ou un texte, que vous ajoutez une promotion ponctuelle, que vous modifiez la barre de navigation ou le pied de page, ou que vous voulez vérifier le rendu d'une page sur mobile avant publication.

L'éditeur enregistre vos modifications automatiquement au fur et à mesure : un indicateur Saved ou Saving signale en permanence l'état de la sauvegarde. Tant que vous n'avez pas publié la page, vos changements restent invisibles pour les visiteurs de votre site.

Une page de démonstration avec sa zone de travail, ses outils et le panneau Section.Une page de démonstration avec sa zone de travail, ses outils et le panneau Section.

Comment cette documentation est organisée

L'éditeur est composé de trois grandes zones, chacune documentée séparément :

  • La barre du haut rassemble la navigation entre pages, le choix desktop ou mobile, l'ajout d'éléments, l'historique d'annulation, l'indicateur de sauvegarde et la publication.
  • La canvas centrale est la zone d'édition visuelle où vous sélectionnez, déplacez et redimensionnez les éléments. Chaque geste (déplacement, redimensionnement, rotation…) est détaillé dans les pages Interactions sur la canvas.
  • Le panneau latéral affiche les réglages de l'élément actuellement sélectionné. Une page de documentation est dédiée à chaque type d'élément (texte, image, bouton, formulaire, carrousel, produit, formulaire, navigation, pied de page…).

À ces trois zones s'ajoute le panneau de style, présent sur la quasi-totalité des éléments, qui regroupe la mise en forme commune (couleurs, bordures, ombres, marges, animations, filtres…). Une page lui est dédiée pour chaque réglage.

Enfin, la barre du bas commande le zoom et le mode plein écran, et abrite le bouton Assistant IA.

Le sélecteur en haut à gauche affiche le titre de la page en cours. Cliquez dessus pour ouvrir la liste de toutes les pages de votre site et basculer rapidement de l'une à l'autre sans repasser par le tableau de bord.

Chaque page est accompagnée d'un aperçu visuel pour vous aider à retrouver celle que vous cherchez. La page d'accueil est repérée par une icône de maison et les pages protégées par un cadenas.

Le bouton Tableau de bord referme l'éditeur et vous ramène à la Pages.

Publier la page

L'éditeur enregistre vos modifications automatiquement, mais elles restent invisibles pour les visiteurs tant que vous n'avez pas publié la page. Cliquez sur Actualiser la page en haut à droite pour ouvrir la fenêtre de publication.

La fenêtre se déroule en deux étapes : un aperçu desktop et mobile de la page, avec des badges qui rappellent son état (masquée, page d'accueil, protégée par mot de passe…), puis la liste de ce que la publication va déclencher (mise en ligne sur votre domaine, notification des moteurs de recherche, régénération de l'image de partage, traduction automatique, point de restauration).

Validez avec Publier pour mettre la page en ligne. Une fois publiée, le bouton Visiter la page apparaît pour ouvrir la version en ligne dans un nouvel onglet et vérifier l'apparence réelle.

Si la page n'a connu aucune modification depuis la dernière publication, le bouton affiche Page à jour : aucune action n'est nécessaire.

La documentation a été faite avec ❤️ par notre équipe interne.