> ## 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 overview > What the page builder is and how to access it. ## What the page builder is The page builder is Scanova's block-based editor for landing pages: add content blocks (headings, images, video, maps, contact details, forms, and more), arrange them on a canvas, theme the result, and publish it to the QR code's live URL. Every "Build a Page" QR code — and every Custom Page, Restaurant, Wedding, Event, and similar category — opens into the same editor. The sidebar item for your QR codes is labeled **QR Codes**, not "My QR Codes." ## Creating a page From the sidebar, click **Create QR Code** (or go to `/qr/create`). You land on a picker with three cards: **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"), and **Quick Code** ("A direct QR code for a URL, phone, email, Wi-Fi, or plain text. No landing page"). Every path lands in the same editor. Create a new QR code screen showing three cards: AI Studio, Build a Page, and Quick Code, each with an estimated time and a Start button This opens **Choose a template** (`/qr/new`) — a gallery filtered by category (Business, Restaurant, Wedding, Event, Product, Social Media, and more), plus a **Start Blank** option and a **My Templates** tab for anything you've saved as a template. Choose a template screen with category filter chips (All, Announcement, Audio, Business, Coupon, Document, Event, Feedback, Gallery, Product, Real Estate, Restaurant, Social Media, Wedding) and a Start Blank card Picking a template or **Start Blank** opens the editor itself (`/qr/new/landing`), pre-populated with that template's blocks or empty and ready for you to add your first block. To edit a page you already built, go to **QR Codes** in the sidebar and click the pencil/edit icon on its row, or open the QR code's detail page and click **Edit Page**. Only Dynamic QR codes with a landing page (category) support the page builder. Direct-action Quick Codes (URL, phone, email, Wi-Fi, plain text) have no page to edit — see [Quick Code vs. full Page](/qr-codes/create/quick-code-vs-page). ## The builder layout The editor has three main areas: a left sidebar (Blocks and Pages), a center canvas showing a live device preview, and a right-hand inspector. Page builder editor showing an empty Blocks list and Pages list on the left, a mobile canvas preview in the center with quick-add buttons for Page Title, Description, and Button, and a right-hand Settings panel with Page icon, Page URL slug, and Password protection fields ### Left sidebar * **Blocks** — every block on the current page, in order. Click one to select it; drag to reorder; click **+ Add** to open the block picker. * **Pages** — every page in the QR code (for multi-page sites). Click **+ Add** to open the [Add a page](/page-builder/page-types) sheet, or the gear icon to open [Page Settings](/page-builder/multi-page-navigation). ### Canvas A live preview of the current page inside a phone, tablet, or desktop frame. Click any block to select it and edit it in the right inspector. A small floating toolbar sits in the canvas's top-right corner — this is where **Undo** and **Redo** live (not in the header), alongside a preview toggle and a couple of layout/grid controls. ### Right panel (inspector) * With a block selected, the tabs are **Content**, **Design**, and **Event Tracking**. * With nothing selected, the tabs are **Settings**, **Design**, and **SEO** for the page itself — this is also where you'll find the page's **Password protection** toggle (see [Page-level password protection](/page-builder/page-security)). ## Header controls The header across the top of the editor provides: **Back**, a device switcher (**Mobile** / **Tablet** / **Desktop**), **Settings** (opens [Page Settings](/page-builder/multi-page-navigation), including navigation style), **Theme**, **Save as template**, **Publish**, and a **Help** button. Undo/Redo are not here — see [Keyboard shortcuts](/page-builder/keyboard-shortcuts) and the canvas toolbar described above. ## Autosave Your edits save automatically as you work — this is a real server-backed save, not just a browser-local draft. See [Publishing](/page-builder/publishing) for exactly what that means and how the draft/published states work. ## Creating a page-builder QR code via the API Page-builder content is created the same way as any other landing-page QR code through the API: `POST /qr/` with a `category` ID for a landing-page category (for example `9` for Custom Page, `14` for Wedding, `20` for Event, or `25` for Restaurant) and an `info` payload shaped for that category. See [Create QR Code](/v1/api-reference/endpoint/qr_manager/create) for the full request schema and [Category List](/v1/api-reference/references/category-list) for every category ID. The block-by-block content you assemble in the editor (pages, blocks, and their settings) isn't something you construct directly through this endpoint — it's stored and edited through the builder UI itself. The API's `info` payload controls the QR code's category and top-level configuration, not individual block content. ## Related * [Page types](/page-builder/page-types) — the five page types available inside a multi-page site. * [Blocks reference](/page-builder/blocks-reference) — every content block you can add to a page. * [Templates](/page-builder/templates) — starting from a pre-built template instead of a blank canvas. * [Quick Code vs. full Page](/qr-codes/create/quick-code-vs-page) — deciding between a direct-action Quick Code and a full page.