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

# Descripción general del Page Builder

> Qué es el Page Builder y cómo acceder a él.

## Qué es el Page Builder

El Page Builder es el editor de Scanova basado en bloques para páginas de destino: agregue bloques de contenido (encabezados, imágenes, video, mapas, datos de contacto, formularios y más), organícelos en un lienzo, aplique un tema al resultado y publíquelo en la URL en vivo del código QR. Todo código QR de tipo "Build a Page" —y toda categoría Custom Page, Restaurant, Wedding, Event y similares— se abre en el mismo editor.

<Note>
  El elemento de la barra lateral para sus códigos QR se llama **QR Codes**, no "My QR Codes".
</Note>

## Crear una página

<Steps>
  <Step title="Abrir Create QR Code">
    En la barra lateral, haga clic en **Create QR Code** (o vaya a `/qr/create`). Llegará a un selector con tres tarjetas: **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") y **Quick Code** ("A direct QR code for a URL, phone, email, Wi-Fi, or plain text. No landing page"). Cualquiera de las tres rutas lleva al mismo editor.

    <Frame caption="El selector Create a new QR code — AI Studio, Build a Page y 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="Pantalla Create a new QR code con tres tarjetas: AI Studio, Build a Page y Quick Code, cada una con un tiempo estimado y un botón Start" width="1440" height="900" data-path="images/v2/page-builder/overview/create-qr-code-picker.png" />
    </Frame>
  </Step>

  <Step title="Hacer clic en Build a Page">
    Esto abre **Choose a template** (`/qr/new`) — una galería filtrable por categoría (Business, Restaurant, Wedding, Event, Product, Social Media y más), además de una opción **Start Blank** y una pestaña **My Templates** con todo lo que haya guardado como plantilla.

    <Frame caption="La galería Choose a template, filtrada por categoría">
      <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="Pantalla Choose a template con chips de filtro por categoría (All, Announcement, Audio, Business, Coupon, Document, Event, Feedback, Gallery, Product, Real Estate, Restaurant, Social Media, Wedding) y una tarjeta Start Blank" width="1440" height="1027" data-path="images/v2/page-builder/overview/template-gallery.png" />
    </Frame>
  </Step>

  <Step title="Elegir una plantilla o empezar en blanco">
    Al elegir una plantilla o **Start Blank** se abre el propio editor (`/qr/new/landing`), ya sea con los bloques de esa plantilla o vacío y listo para que agregue su primer bloque.
  </Step>
</Steps>

Para editar una página que ya creó, vaya a **QR Codes** en la barra lateral y haga clic en el icono de lápiz/edición en su fila, o abra la página de detalle del código QR y haga clic en **Edit Page**.

<Note>
  Solo los códigos QR dinámicos con una página de destino (categoría) admiten el Page Builder. Los Quick Codes de acción directa (URL, teléfono, correo, Wi-Fi, texto plano) no tienen página que editar — consulte [Quick Code vs. full Page](/es/qr-codes/create/quick-code-vs-page).
</Note>

## El diseño del editor

El editor tiene tres áreas principales: una barra lateral izquierda (Blocks y Pages), un lienzo central que muestra una vista previa en vivo del dispositivo, y un panel inspector a la derecha.

<Frame caption="El editor del Page Builder: barra lateral izquierda (Blocks / Pages), lienzo central e inspector derecho">
  <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="Editor del page builder mostrando una lista Blocks y una lista Pages vacías a la izquierda, una vista previa de lienzo móvil en el centro con botones de acceso rápido para Page Title, Description y Button, y un panel Settings a la derecha con los campos Page icon, Page URL slug y Password protection" width="1440" height="900" data-path="images/v2/page-builder/overview/after-start-blank.png" />
</Frame>

### Barra lateral izquierda

* **Blocks** — todos los bloques de la página actual, en orden. Haga clic en uno para seleccionarlo; arrastre para reordenar; haga clic en **+ Add** para abrir el selector de bloques.
* **Pages** — todas las páginas del código QR (para sitios multipágina). Haga clic en **+ Add** para abrir la hoja [Añadir una página](/es/page-builder/page-types), o en el icono de engranaje para abrir [Configuración de página](/es/page-builder/multi-page-navigation).

### Lienzo

Una vista previa en vivo de la página actual dentro de un marco de teléfono, tableta o escritorio. Haga clic en cualquier bloque para seleccionarlo y editarlo en el inspector derecho. Una pequeña barra de herramientas flotante se ubica en la esquina superior derecha del lienzo — ahí es donde viven **Undo** y **Redo** (no en el encabezado), junto con un interruptor de vista previa y un par de controles de diseño/cuadrícula.

### Panel derecho (inspector)

* Con un bloque seleccionado, las pestañas son **Content**, **Design** y **Event Tracking**.
* Sin nada seleccionado, las pestañas son **Settings**, **Design** y **SEO** para la página en sí — aquí también encontrará el interruptor **Password protection** de la página (consulte [Protección con contraseña a nivel de página](/es/page-builder/page-security)).

## Controles del encabezado

El encabezado en la parte superior del editor ofrece: **Back**, un selector de dispositivo (**Mobile** / **Tablet** / **Desktop**), **Settings** (abre [Configuración de página](/es/page-builder/multi-page-navigation), incluido el estilo de navegación), **Theme**, **Save as template**, **Publish** y un botón **Help**. Undo/Redo no están aquí — consulte [Atajos de teclado](/es/page-builder/keyboard-shortcuts) y la barra de herramientas del lienzo descrita arriba.

## Autoguardado

Sus cambios se guardan automáticamente mientras trabaja — esto es un guardado real respaldado por el servidor, no solo un borrador local del navegador. Consulte [Publicación](/es/page-builder/publishing) para saber exactamente qué implica esto y cómo funcionan los estados de borrador/publicado.

## Crear un código QR de Page Builder mediante la API

El contenido de Page Builder se crea de la misma manera que cualquier otro código QR con página de destino a través de la API: `POST /qr/` con un `category` ID de una categoría de página de destino (por ejemplo, `9` para Custom Page, `14` para Wedding, `20` para Event o `25` para Restaurant) y un payload `info` con la forma correspondiente a esa categoría. Consulte [Create QR Code](/v1/api-reference/endpoint/qr_manager/create) para conocer el esquema completo de la solicitud y [Category List](/v1/api-reference/references/category-list) para ver todos los ID de categoría.

<Note>
  El contenido bloque por bloque que arma en el editor (páginas, bloques y su configuración) no es algo que se construya directamente mediante este endpoint — se almacena y se edita a través de la propia interfaz del builder. El payload `info` de la API controla la categoría del código QR y su configuración de alto nivel, no el contenido individual de los bloques.
</Note>

## Relacionado

* [Tipos de página](/es/page-builder/page-types) — los cinco tipos de página disponibles dentro de un sitio multipágina.
* [Referencia de bloques](/es/page-builder/blocks-reference) — todos los bloques de contenido que puede agregar a una página.
* [Plantillas](/es/page-builder/templates) — comenzar desde una plantilla prediseñada en lugar de un lienzo en blanco.
* [Quick Code vs. full Page](/es/qr-codes/create/quick-code-vs-page) — decidir entre un Quick Code de acción directa y una página completa.
