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

# Publicación

> Páginas en borrador frente a publicadas, y cómo funciona el autoguardado.

## Estados de borrador y publicado

Su página de destino tiene dos estados: **borrador (draft)** y **publicado (published)**. Puede hacer tantos cambios como quiera al borrador sin afectar lo que ven los visitantes. Cuando esté listo, lo publica.

| Estado    | Descripción                                                                                         |
| --------- | --------------------------------------------------------------------------------------------------- |
| Draft     | Su trabajo en curso actual. Se guarda automáticamente. Solo usted lo ve en el builder.              |
| Published | La versión que ven los visitantes al escanear el código QR. Se actualiza solo cuando usted publica. |

## El autoguardado es un guardado real, respaldado por el servidor

Los cambios se guardan automáticamente mientras trabaja — pero esto no es solo un borrador local del navegador. En cuestión de segundos tras su primera edición, el estado del encabezado pasa por **"Unsaved" → "Saving…" → "Saved"**, y una solicitud real `POST /qr/` crea y persiste el registro del código QR en el servidor — incluso antes de hacer clic en Publish. Cada edición posterior mantiene el borrador guardado en el servidor de la misma manera.

<Note>
  Como el autoguardado se respalda en el servidor, no necesita preocuparse por perder trabajo si cierra la pestaña o su navegador falla — su borrador ya está guardado en su cuenta, no solo en el almacenamiento local.
</Note>

## Recuperar un borrador sin publicar

Si tiene cambios sin publicar y vuelve a abrir el editor de ese código QR (incluso mediante `Edit Page`), el builder detecta que el borrador es más reciente que la última versión publicada y le pregunta qué desea hacer.

<Frame caption="El aviso de borrador sin guardar que se muestra al reabrir una página con cambios sin publicar">
  <img src="https://mintcdn.com/scanova-api/q8t3kzcRTgAP7jV0/images/v2/page-builder/publishing/draft-recovery-dialog.png?fit=max&auto=format&n=q8t3kzcRTgAP7jV0&q=85&s=fc0fc5438d430f6cc55c32bc6c7caa77" alt="Diálogo Unsaved draft found mostrando la marca de tiempo del último guardado y tres opciones: Continue editing draft, Edit live page y Cancel" width="1440" height="900" data-path="images/v2/page-builder/publishing/draft-recovery-dialog.png" />
</Frame>

Elija **Continue editing draft** para retomar donde lo dejó, o **Edit live page** para partir desde la última versión publicada.

## Vista previa antes de publicar

* **Selector de dispositivo** — haga clic en **Mobile**, **Tablet** o **Desktop** en el encabezado para ver cómo se adapta la página.
* **Modo de vista previa** — presione Cmd/Ctrl+\ para alternar una vista de lienzo en estilo vista previa. Consulte [Atajos de teclado](/es/page-builder/keyboard-shortcuts) para ver exactamente qué cambia y qué no.

## El flujo de publicación

<Steps>
  <Step title="Hacer clic en Publish">
    Haga clic en **Publish** en la parte superior derecha del encabezado. Esto abre un panel **Publish QR code** — no un simple diálogo de confirmación — con pestañas **Basics**, **Advanced** y **QR Design**, una vista previa en vivo del código QR, un nombre y un slug de Short URL editables, un selector de carpeta y etiquetas.

    <Frame caption="El panel Publish QR code — pestaña Basics">
      <img src="https://mintcdn.com/scanova-api/q8t3kzcRTgAP7jV0/images/v2/page-builder/publishing/publish-panel-clean.png?fit=max&auto=format&n=q8t3kzcRTgAP7jV0&q=85&s=2b172fe68c72caf7272d7cab5bd81067" alt="Panel Publish QR code mostrando una vista previa del código QR, un nombre editable, un campo Short URL slug, QR Type (Dynamic QR code), un selector Folder y un campo Tags, con botones Cancel y Publish" width="580" height="900" data-path="images/v2/page-builder/publishing/publish-panel-clean.png" />
    </Frame>
  </Step>

  <Step title="Revisar y confirmar">
    Ajuste el nombre, el slug, la carpeta o las etiquetas si es necesario, y luego haga clic en **Publish** en la parte inferior del panel.
  </Step>

  <Step title="Esperar el estado de éxito">
    El encabezado muestra **Publishing…** durante unos segundos, y luego **Published ✓**. Aparece un panel de éxito con una insignia **Live**, el código QR, su URL en vivo y acciones rápidas (**View live page**, **View details**, **Edit Design**, **Download**, **Copy URL**, **Share**).

    <Frame caption="El panel de éxito que se muestra justo después de publicar">
      <img src="https://mintcdn.com/scanova-api/q8t3kzcRTgAP7jV0/images/v2/page-builder/publishing/publish-success-panel.png?fit=max&auto=format&n=q8t3kzcRTgAP7jV0&q=85&s=319edf3469f04a514dd7b1be5baaf477" alt="Panel de confirmación Published con una insignia verde Live, la imagen del código QR, la URL en vivo, y botones de acción incluyendo View live page, View details, Edit Design, Download, Copy URL y Share" width="580" height="900" data-path="images/v2/page-builder/publishing/publish-success-panel.png" />
    </Frame>
  </Step>
</Steps>

Publicar toma solo unos segundos. Una vez completado, cualquiera que escanee el código QR verá la nueva versión de inmediato.

## Después de publicar

* La URL en vivo del código QR sirve la página actualizada; la imagen del código QR en sí nunca cambia.
* Puede seguir editando en el builder sin afectar la página en vivo — sus próximos cambios se convierten en un nuevo borrador.
* La republicación funciona igual cada vez: haga cambios, haga clic en **Publish** (el botón se lee **Update live page** una vez que una página tiene cambios sin publicar desde su última publicación), y confirme.

## Verificar la página en vivo

Después de publicar, vea la página en vivo escaneando el código QR, o haciendo clic en **View live page** desde el panel de éxito o desde la página de detalle del código QR.

<Tip>
  Siempre verifique la página en vivo en un dispositivo móvil real después de cambios de diseño importantes — la vista previa del lienzo es precisa, pero una prueba en un dispositivo real es la comprobación más confiable.
</Tip>

Los códigos QR de Page Builder se crean de la misma manera que otras categorías de página de destino a través de la API — consulte [Create QR Code](/v1/api-reference/endpoint/qr_manager/create) para ver el esquema de la solicitud.

## Relacionado

* [Atajos de teclado](/es/page-builder/keyboard-shortcuts) — el atajo de modo de vista previa mencionado arriba.
* [Seguridad de página](/es/page-builder/page-security) — protección con contraseña, que surte efecto una vez que publica.
* [Plantillas](/es/page-builder/templates) — guardar el diseño de su página publicada como plantilla reutilizable.
