> ## 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.

# Page-Builder – Überblick

> Was der Page-Builder ist und wie Sie darauf zugreifen.

## Was der Page-Builder ist

Der Page-Builder ist Scanovas blockbasierter Editor für Landingpages: Fügen Sie Inhaltsblöcke hinzu (Überschriften, Bilder, Videos, Karten, Kontaktdaten, Formulare und mehr), ordnen Sie diese auf einer Canvas an, gestalten Sie das Ergebnis mit einem Theme und veröffentlichen Sie es unter der Live-URL des QR-Codes. Jeder QR-Code vom Typ „Seite erstellen“ – sowie jede Kategorie wie Custom Page, Restaurant, Hochzeit, Event und ähnliche – öffnet sich im selben Editor.

<Note>
  Der Sidebar-Eintrag für Ihre QR-Codes heißt **QR-Codes**, nicht „Meine QR-Codes“.
</Note>

## Eine Seite erstellen

<Steps>
  <Step title="QR-Code erstellen öffnen">
    Klicken Sie in der Sidebar auf **QR-Code erstellen** (oder rufen Sie `/qr/create` auf). Sie gelangen zu einer Auswahl mit drei Karten: **AI Studio** („Sagen Sie uns, was Sie möchten – die KI generiert die Blöcke und Texte“), **Seite erstellen** („Blockbasierter Landingpage-Builder. Starten Sie mit einer Vorlage oder einer leeren Canvas“) und **Quick Code** („Ein direkter QR-Code für eine URL, Telefonnummer, E-Mail, WLAN oder reinen Text. Keine Landingpage“). Jeder Weg führt zum selben Editor.

    <Frame caption="Die Auswahl „Neuen QR-Code erstellen“ – AI Studio, Seite erstellen und 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="Bildschirm „Neuen QR-Code erstellen“ mit drei Karten: AI Studio, Seite erstellen und Quick Code, jeweils mit geschätzter Dauer und einer Start-Schaltfläche" width="1440" height="900" data-path="images/v2/page-builder/overview/create-qr-code-picker.png" />
    </Frame>
  </Step>

  <Step title="Auf Seite erstellen klicken">
    Dies öffnet **Vorlage auswählen** (`/qr/new`) – eine nach Kategorie gefilterte Galerie (Business, Restaurant, Hochzeit, Event, Produkt, Social Media und mehr) sowie eine Option **Leer starten** und einen Tab **Meine Vorlagen** für alles, was Sie als Vorlage gespeichert haben.

    <Frame caption="Die Galerie „Vorlage auswählen“, nach Kategorie gefiltert">
      <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="Bildschirm „Vorlage auswählen“ mit Kategorie-Filter-Chips (Alle, Ankündigung, Audio, Business, Gutschein, Dokument, Event, Feedback, Galerie, Produkt, Immobilien, Restaurant, Social Media, Hochzeit) und einer Karte „Leer starten“" width="1440" height="1027" data-path="images/v2/page-builder/overview/template-gallery.png" />
    </Frame>
  </Step>

  <Step title="Vorlage auswählen oder leer starten">
    Die Auswahl einer Vorlage oder von **Leer starten** öffnet den eigentlichen Editor (`/qr/new/landing`), entweder mit den Blöcken der Vorlage vorbefüllt oder leer und bereit für Ihren ersten Block.
  </Step>
</Steps>

Um eine bereits erstellte Seite zu bearbeiten, gehen Sie in der Sidebar zu **QR-Codes** und klicken Sie auf das Stift-/Bearbeiten-Symbol in der jeweiligen Zeile, oder öffnen Sie die Detailseite des QR-Codes und klicken Sie auf **Seite bearbeiten**.

<Note>
  Nur dynamische QR-Codes mit einer Landingpage (Kategorie) unterstützen den Page-Builder. Direkte Quick Codes (URL, Telefon, E-Mail, WLAN, reiner Text) haben keine Seite zum Bearbeiten – siehe [Quick Code vs. vollständige Seite](/de/qr-codes/create/quick-code-vs-page).
</Note>

## Das Layout des Builders

Der Editor besteht aus drei Hauptbereichen: einer linken Sidebar (Blöcke und Seiten), einer zentralen Canvas mit Live-Vorschau des Geräts und einem rechten Inspektor.

<Frame caption="Der Page-Builder-Editor: linke Sidebar (Blöcke / Seiten), zentrale Canvas, rechter Inspektor">
  <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="Page-Builder-Editor mit einer leeren Blockliste und Seitenliste links, einer mobilen Canvas-Vorschau in der Mitte mit Schnellhinzufügen-Schaltflächen für Seitentitel, Beschreibung und Button, sowie einem rechten Einstellungsbereich mit Feldern für Seitensymbol, Seiten-URL-Slug und Passwortschutz" width="1440" height="900" data-path="images/v2/page-builder/overview/after-start-blank.png" />
</Frame>

### Linke Sidebar

* **Blöcke** – jeder Block auf der aktuellen Seite, in der Reihenfolge. Klicken Sie auf einen Block, um ihn auszuwählen; ziehen Sie ihn, um die Reihenfolge zu ändern; klicken Sie auf **+ Hinzufügen**, um die Blockauswahl zu öffnen.
* **Seiten** – jede Seite im QR-Code (für mehrseitige Websites). Klicken Sie auf **+ Hinzufügen**, um das Blatt [Seite hinzufügen](/de/page-builder/page-types) zu öffnen, oder auf das Zahnrad-Symbol, um die [Seiteneinstellungen](/de/page-builder/multi-page-navigation) zu öffnen.

### Canvas

Eine Live-Vorschau der aktuellen Seite in einem Rahmen für Smartphone, Tablet oder Desktop. Klicken Sie auf einen Block, um ihn auszuwählen und im rechten Inspektor zu bearbeiten. Eine kleine schwebende Werkzeugleiste befindet sich oben rechts in der Canvas – hier befinden sich **Rückgängig** und **Wiederholen** (nicht im Header), zusammen mit einem Vorschau-Umschalter und einigen Layout-/Raster-Steuerelementen.

### Rechtes Panel (Inspektor)

* Ist ein Block ausgewählt, lauten die Tabs **Inhalt**, **Design** und **Ereignis-Tracking**.
* Ist nichts ausgewählt, lauten die Tabs **Einstellungen**, **Design** und **SEO** für die Seite selbst – hier finden Sie auch den Umschalter **Passwortschutz** der Seite (siehe [Passwortschutz auf Seitenebene](/de/page-builder/page-security)).

## Steuerelemente im Header

Der Header oben im Editor bietet: **Zurück**, einen Geräteumschalter (**Mobil** / **Tablet** / **Desktop**), **Einstellungen** (öffnet die [Seiteneinstellungen](/de/page-builder/multi-page-navigation), einschließlich Navigationsstil), **Theme**, **Als Vorlage speichern**, **Veröffentlichen** und eine **Hilfe**-Schaltfläche. Rückgängig/Wiederholen befinden sich nicht hier – siehe [Tastaturkürzel](/de/page-builder/keyboard-shortcuts) und die oben beschriebene Canvas-Werkzeugleiste.

## Automatisches Speichern

Ihre Änderungen werden während der Arbeit automatisch gespeichert – dies ist ein echtes, serverseitiges Speichern, kein reiner lokaler Browser-Entwurf. Siehe [Veröffentlichen](/de/page-builder/publishing) für die genaue Bedeutung und wie Entwurfs-/Veröffentlichungsstatus funktionieren.

## Einen Page-Builder-QR-Code über die API erstellen

Page-Builder-Inhalte werden auf dieselbe Weise erstellt wie jeder andere Landingpage-QR-Code über die API: `POST /qr/` mit einer `category`-ID für eine Landingpage-Kategorie (zum Beispiel `9` für Custom Page, `14` für Hochzeit, `20` für Event oder `25` für Restaurant) und einem `info`-Payload, das für diese Kategorie geformt ist. Siehe [QR-Code erstellen](/v1/api-reference/endpoint/qr_manager/create) für das vollständige Request-Schema und [Kategorieliste](/v1/api-reference/references/category-list) für alle Kategorie-IDs.

<Note>
  Die blockweisen Inhalte, die Sie im Editor zusammenstellen (Seiten, Blöcke und deren Einstellungen), lassen sich nicht direkt über diesen Endpunkt konstruieren – sie werden über die Builder-Oberfläche selbst gespeichert und bearbeitet. Das `info`-Payload der API steuert die Kategorie und die übergeordnete Konfiguration des QR-Codes, nicht den Inhalt einzelner Blöcke.
</Note>

## Weiterführende Themen

* [Seitentypen](/de/page-builder/page-types) – die fünf verfügbaren Seitentypen innerhalb einer mehrseitigen Website.
* [Blockreferenz](/de/page-builder/blocks-reference) – jeder Inhaltsblock, den Sie einer Seite hinzufügen können.
* [Vorlagen](/de/page-builder/templates) – der Start mit einer vorgefertigten Vorlage statt einer leeren Canvas.
* [Quick Code vs. vollständige Seite](/de/qr-codes/create/quick-code-vs-page) – die Entscheidung zwischen einem direkten Quick Code und einer vollständigen Seite.
