> ## Documentation Index
> Fetch the complete documentation index at: https://docs.scanova.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Présentation du Page Builder

> Ce qu'est le page builder et comment y accéder.

## Ce qu'est le page builder

Le page builder est l'éditeur de Scanova basé sur des blocs pour les pages de destination : ajoutez des blocs de contenu (titres, images, vidéo, cartes, coordonnées, formulaires, et plus encore), organisez-les sur un canevas, appliquez un thème au résultat, puis publiez-le sur l'URL en direct du code QR. Tout code QR « Build a Page » — et toute catégorie Custom Page, Restaurant, Wedding, Event et similaire — s'ouvre dans le même éditeur.

<Note>
  L'élément de la barre latérale pour vos codes QR s'appelle **QR Codes**, et non « My QR Codes ».
</Note>

## Créer une page

<Steps>
  <Step title="Ouvrir Create QR Code">
    Depuis la barre latérale, cliquez sur **Create QR Code** (ou accédez à `/qr/create`). Vous arrivez sur un sélecteur avec trois cartes : **AI Studio** (« Tell us what you want — AI generates the blocks and copy »), **Build a Page** (« Block-based landing page builder. Start from a template or blank canvas ») et **Quick Code** (« A direct QR code for a URL, phone, email, Wi-Fi, or plain text. No landing page »). Chaque parcours mène au même éditeur.

    <Frame caption="Le sélecteur Create a new QR code — AI Studio, Build a Page et Quick Code">
      <img src="https://mintcdn.com/scanova-api/q8t3kzcRTgAP7jV0/images/v2/page-builder/overview/create-qr-code-picker.png?fit=max&auto=format&n=q8t3kzcRTgAP7jV0&q=85&s=6529cda9a263b42b4132de26d5f54087" alt="Écran Create a new QR code affichant trois cartes : AI Studio, Build a Page et Quick Code, chacune avec un temps estimé et un bouton Start" width="1440" height="900" data-path="images/v2/page-builder/overview/create-qr-code-picker.png" />
    </Frame>
  </Step>

  <Step title="Cliquer sur Build a Page">
    Cela ouvre **Choose a template** (`/qr/new`) — une galerie filtrable par catégorie (Business, Restaurant, Wedding, Event, Product, Social Media, et plus), ainsi qu'une option **Start Blank** et un onglet **My Templates** pour tout ce que vous avez enregistré comme modèle.

    <Frame caption="La galerie Choose a template, filtrée par catégorie">
      <img src="https://mintcdn.com/scanova-api/q8t3kzcRTgAP7jV0/images/v2/page-builder/overview/template-gallery.png?fit=max&auto=format&n=q8t3kzcRTgAP7jV0&q=85&s=f756133678bdba5f29ed31f0b50a6a02" alt="Écran Choose a template avec des puces de filtre par catégorie (All, Announcement, Audio, Business, Coupon, Document, Event, Feedback, Gallery, Product, Real Estate, Restaurant, Social Media, Wedding) et une carte Start Blank" width="1440" height="1027" data-path="images/v2/page-builder/overview/template-gallery.png" />
    </Frame>
  </Step>

  <Step title="Choisir un modèle ou partir de zéro">
    Choisir un modèle ou **Start Blank** ouvre l'éditeur lui-même (`/qr/new/landing`), pré-rempli avec les blocs du modèle choisi, ou vide et prêt à recevoir votre premier bloc.
  </Step>
</Steps>

Pour modifier une page déjà créée, allez dans **QR Codes** dans la barre latérale et cliquez sur l'icône crayon/édition de sa ligne, ou ouvrez la page de détail du code QR et cliquez sur **Edit Page**.

<Note>
  Seuls les codes QR dynamiques disposant d'une page de destination (catégorie) prennent en charge le page builder. Les Quick Codes à action directe (URL, téléphone, e-mail, Wi-Fi, texte brut) n'ont pas de page à modifier — consultez [Quick Code vs. full Page](/fr/qr-codes/create/quick-code-vs-page).
</Note>

## La structure de l'éditeur

L'éditeur comporte trois zones principales : une barre latérale gauche (Blocks et Pages), un canevas central affichant un aperçu en direct de l'appareil, et un inspecteur à droite.

<Frame caption="L'éditeur du page builder : barre latérale gauche (Blocks / Pages), canevas central et inspecteur de droite">
  <img src="https://mintcdn.com/scanova-api/q8t3kzcRTgAP7jV0/images/v2/page-builder/overview/after-start-blank.png?fit=max&auto=format&n=q8t3kzcRTgAP7jV0&q=85&s=f4c999cc948ac415d8b072916369786c" alt="Éditeur du page builder affichant une liste Blocks et une liste Pages vides à gauche, un aperçu de canevas mobile au centre avec des boutons d'ajout rapide pour Page Title, Description et Button, et un panneau Settings à droite avec les champs Page icon, Page URL slug et Password protection" width="1440" height="900" data-path="images/v2/page-builder/overview/after-start-blank.png" />
</Frame>

### Barre latérale gauche

* **Blocks** — tous les blocs de la page actuelle, dans l'ordre. Cliquez sur l'un d'eux pour le sélectionner ; faites-le glisser pour le réorganiser ; cliquez sur **+ Add** pour ouvrir le sélecteur de blocs.
* **Pages** — toutes les pages du code QR (pour les sites multipages). Cliquez sur **+ Add** pour ouvrir la fiche [Ajouter une page](/fr/page-builder/page-types), ou sur l'icône d'engrenage pour ouvrir les [Paramètres de page](/fr/page-builder/multi-page-navigation).

### Canevas

Un aperçu en direct de la page actuelle dans un cadre téléphone, tablette ou ordinateur de bureau. Cliquez sur n'importe quel bloc pour le sélectionner et le modifier dans l'inspecteur de droite. Une petite barre d'outils flottante se trouve dans le coin supérieur droit du canevas — c'est là que se trouvent **Undo** et **Redo** (pas dans l'en-tête), ainsi qu'un interrupteur d'aperçu et quelques contrôles de mise en page/grille.

### Panneau de droite (inspecteur)

* Avec un bloc sélectionné, les onglets sont **Content**, **Design** et **Event Tracking**.
* Sans rien de sélectionné, les onglets sont **Settings**, **Design** et **SEO** pour la page elle-même — c'est aussi là que vous trouverez l'interrupteur **Password protection** de la page (voir [Protection par mot de passe au niveau de la page](/fr/page-builder/page-security)).

## Commandes de l'en-tête

L'en-tête en haut de l'éditeur propose : **Back**, un sélecteur d'appareil (**Mobile** / **Tablet** / **Desktop**), **Settings** (ouvre les [Paramètres de page](/fr/page-builder/multi-page-navigation), y compris le style de navigation), **Theme**, **Save as template**, **Publish**, et un bouton **Help**. Undo/Redo ne se trouvent pas ici — consultez les [Raccourcis clavier](/fr/page-builder/keyboard-shortcuts) et la barre d'outils du canevas décrite ci-dessus.

## Enregistrement automatique

Vos modifications sont enregistrées automatiquement au fur et à mesure — il s'agit d'un véritable enregistrement côté serveur, pas seulement d'un brouillon local dans le navigateur. Consultez [Publication](/fr/page-builder/publishing) pour savoir exactement ce que cela signifie et comment fonctionnent les états brouillon/publié.

## Créer un code QR Page Builder via l'API

Le contenu du page builder est créé de la même manière que n'importe quel autre code QR à page de destination via l'API : `POST /qr/` avec un `category` ID correspondant à une catégorie de page de destination (par exemple `9` pour Custom Page, `14` pour Wedding, `20` pour Event, ou `25` pour Restaurant) et un payload `info` conforme à cette catégorie. Consultez [Create QR Code](/v1/api-reference/endpoint/qr_manager/create) pour le schéma complet de la requête et [Category List](/v1/api-reference/references/category-list) pour tous les ID de catégorie.

<Note>
  Le contenu bloc par bloc que vous assemblez dans l'éditeur (pages, blocs et leurs paramètres) n'est pas quelque chose que vous construisez directement via ce endpoint — il est stocké et modifié via l'interface même du builder. Le payload `info` de l'API contrôle la catégorie du code QR et sa configuration de haut niveau, pas le contenu individuel des blocs.
</Note>

## Voir aussi

* [Types de page](/fr/page-builder/page-types) — les cinq types de page disponibles au sein d'un site multipage.
* [Référence des blocs](/fr/page-builder/blocks-reference) — tous les blocs de contenu que vous pouvez ajouter à une page.
* [Modèles](/fr/page-builder/templates) — partir d'un modèle prédéfini plutôt que d'un canevas vide.
* [Quick Code vs. full Page](/fr/qr-codes/create/quick-code-vs-page) — choisir entre un Quick Code à action directe et une page complète.
