---
title: "Pages : créer et organiser votre site"
description: "Créez, organisez et ouvrez dans l'éditeur visuel toutes les pages de votre site : accueil, pages institutionnelles, contact, pages légales et pages masquées."
url: https://docs.vivlab.com/sections/pages
---

# Pages

Dans **Pages**, vous créez et organisez l'accueil du site, les pages de présentation, de contact, les pages légales et celles accessibles uniquement par un lien direct. Ouvrez une page dans l'éditeur visuel pour modifier ses textes, ses images et sa mise en page.

Venez ici lorsque vous souhaitez ajouter une nouvelle page à votre site, que vous voulez modifier le contenu d'une page existante, que vous devez changer l'ordre d'affichage des pages dans la barre de navigation ou le pied de page, ou simplement pour retrouver une page précise grâce à la recherche et aux filtres.

<DocsVideo
  video-id="pages-create-blank"
  src="https://docs.vivlab.com/videos/pages-create-blank/pages-create-blank.mp4"
  poster="/videos/pages-create-blank/poster.webp"
  captions="/videos/pages-create-blank"
  label="Tutoriel : créer une page vierge"
  locale="fr"
  :duration="25.9"
/>

::: details Lire les étapes de la vidéo

1. <VideoTimecode video-id="pages-create-blank" :seconds="0" label="Lire à" /> — Dans **Pages**, cliquez sur **Créer une page**.
2. <VideoTimecode video-id="pages-create-blank" :seconds="3.5" label="Lire à" /> — Choisissez **Créer une page vierge**.
3. <VideoTimecode video-id="pages-create-blank" :seconds="6.5" label="Lire à" /> — Donnez un titre à votre page.
4. <VideoTimecode video-id="pages-create-blank" :seconds="10.9" label="Lire à" /> — Ajoutez une courte description.
5. <VideoTimecode video-id="pages-create-blank" :seconds="14.9" label="Lire à" /> — Cliquez sur **Créer** pour ouvrir l'éditeur.
6. <VideoTimecode video-id="pages-create-blank" :seconds="17.9" label="Lire à" /> — L'éditeur s'ouvre : ajoutez votre première section pour construire la page.
7. <VideoTimecode video-id="pages-create-blank" :seconds="22.4" label="Lire à" /> — La page est enregistrée et reste **Inactive** jusqu'à sa mise en ligne.

:::

## La liste

Cette section présente toutes les pages de votre site dans un tableau avec trois colonnes : **Nom**, **État** et **Dernière modification**, précédées d'une vignette de prévisualisation. Chaque page porte deux indicateurs d'état : **Publié** ou **Non publié** selon qu'elle est en ligne, et **Actif** ou **Inactif**.

Un badge indique aussi son emplacement — **Page d'accueil** avec une icône de maison, **Menu de navigation**, **Pied de page** ou **Lien direct uniquement** — et la mention **Protégé** apparaît lorsque la page n'est visible qu'aux visiteurs authentifiés.

Le champ **Rechercher une page** filtre la liste par nom. Les onglets **Tous** / **Actif** / **Inactif** et les filtres **Emplacement** et **Accès** affinent le tableau. Survolez la vignette d'une page pour agrandir sa prévisualisation, puis cliquez sur la ligne pour ouvrir la page dans l'[éditeur de page](https://docs.vivlab.com/editor/index.md) et en retoucher le contenu.

Le menu **⋯** en bout de ligne regroupe les actions **Modifier**, **Dupliquer** et **Supprimer** ; la suppression est définitive et retire la page du site sans délai, vous devez saisir « Supprimer définitivement » pour la confirmer.

Si votre boutique ou votre blog est en service, des lignes **Boutique** et **Blog** portant le badge **Créée automatiquement** apparaissent aussi dans la liste : ces pages sont générées à partir de vos catégories de produits et de vos articles de blog. Cliquer dessus ouvre leurs réglages de thème plutôt que l'éditeur de page.

Pour créer une nouvelle page, cliquez sur **Créer une page**. L'écran de création propose quatre points de départ :

- **Décrire à l'IA** : un brief de quelques phrases suffit, la page est générée section par section, puis vous demandez vos ajustements directement dans la discussion. Vous pouvez joindre une image, un prototype ou un PDF pour guider le résultat, et basculer l'aperçu entre ordinateur et mobile. La génération peut prendre 2 à 3 minutes.
- **Partir d'un modèle** : des pages complètes conçues par des designers, déjà adaptées à vos couleurs et vos polices. Choisissez-en une puis personnalisez chaque section dans l'éditeur, ou cliquez sur **Adapter à mon style** pour que l'IA la réécrive selon votre marque et votre activité.
- **Page vierge** : un titre, une description, et l'éditeur s'ouvre sur une page vide à construire bloc par bloc.
- **Importer une page** : indiquez l'adresse de votre ancien site, la page de votre choix est reconstruite en blocs éditables avec vos textes et vos photos. Seuls les contenus statiques sont repris : les listes de produits et les formulaires restent gérés par votre espace.

<DocsScreenshot name="pages-create-fields" alt="Un titre et une description renseignés avant la création d’une page vierge." :width="455" :height="194" />

Quelle que soit la méthode, la page est créée **Inactive** : activez-la depuis l'éditeur quand elle est prête à être mise en ligne.

::: info Première page
Tant que votre site ne contient aucune page, la section affiche un écran de bienvenue avec les mêmes points de départ. Si votre charte graphique n'est pas encore définie, un court assistant vous demande d'abord votre logo, puis vos couleurs et polices — utilisez **Passer cette étape** si vous préférez régler cela plus tard.
:::

Si votre site contient plusieurs pages, l'entrée **Réorganiser** du menu à trois points **⋮**, à droite de **Créer une page**, permet de modifier leur ordre par glisser-déposer. L'ordre défini ici détermine l'ordre d'apparition des pages dans la barre de navigation et le pied de page de votre site. Validez en cliquant sur **Enregistrer**.

::: tip Dupliquer une page
Ouvrez le menu **⋯** en bout de ligne et choisissez **Dupliquer** : l'ensemble de la mise en page est recopié dans une nouvelle page inactive, avec le suffixe « (copie) » dans le titre. Pensez à modifier le titre, l'URL et le contenu textuel de la copie : deux pages au texte identique pénalisent le [référencement](https://docs.vivlab.com/sections/seo.md) de votre site.
:::

::: warning Renommer une page change son URL
Modifier le titre d'une page met automatiquement à jour son URL, sauf si vous avez activé **Personnaliser le nom du lien** dans les réglages de la page. Si la page est déjà publiée et que des liens internes ou externes pointent vers l'ancienne adresse, ils deviennent caducs. Pensez à mettre à jour vos boutons internes, et au besoin à ajouter une [règle de redirection](https://docs.vivlab.com/sections/redirects.md) depuis l'ancienne URL vers la nouvelle.
:::