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

# Asistente de incorporación inicial

> El asistente de 4 pasos mostrado a los propietarios de cuentas nuevas en /onboarding.

La primera vez que un propietario de cuenta nueva inicia sesión, Scanova lo redirige a un asistente de 4 pasos en `/onboarding` antes de que vea el panel principal; su único propósito es lograr que crees un código QR antes de dejarte explorar por tu cuenta.

<Note>
  El disparador de redirección de esta página (`first_login`) es por cuenta y solo es verdadero una vez, por lo que no se pudo volver a activar en vivo en la cuenta de prueba compartida usada para verificar el resto de este proyecto de documentación; esa cuenta ya había completado su primer inicio de sesión mucho antes de escribir esta página. Cada paso a continuación **se verificó en vivo** navegando directamente a `/onboarding` (la ruta en sí no tiene ninguna restricción adicional más allá de haber iniciado sesión) y completando el proceso de principio a fin; solo el propio comportamiento automático de redirección en el primer inicio de sesión se documenta a partir del código fuente, no observado directamente.
</Note>

## Quién ve esto, y por qué

Según la propia lógica de enrutamiento de la aplicación (`lib/next-path.ts`), el asistente solo se aplica a un **propietario de cuenta** genuinamente nuevo: un compañero que acepta una invitación de usuario compartido también activa el mismo indicador subyacente `first_login` en su primer inicio de sesión, pero está deliberadamente exento, ya que el asistente asume permisos (como crear un código QR) que un Viewer u otro rol restringido puede no tener. Un compañero recién invitado va directamente al panel en su lugar.

Si la finalización del perfil sigue pendiente, esa restricción tiene prioridad: el asistente solo aparece después de que tu perfil esté completo.

## Paso 1 — Choose

El asistente se abre con una bienvenida personalizada ("Welcome, \{name}! Let's create your first QR Code.") con tres puntos de partida, coincidiendo con las mismas tres opciones disponibles en cualquier otro lugar de la aplicación (consulta [Quick Code frente a Page completa](/es/qr-codes/create/quick-code-vs-page)):

<Frame caption="Paso 1 del asistente de incorporación: elegir un punto de partida">
  <img src="https://mintcdn.com/scanova-api/2FTGGTqcp1qRUtvm/images/v2/onboarding/first-run-wizard/step1-choose.png?fit=max&auto=format&n=2FTGGTqcp1qRUtvm&q=85&s=fd0d71b0f36b990978ca94341d8e51e8" alt="Paso 1 del asistente de incorporación, Choose, mostrando el encabezado 'Welcome, Docs! Let's create your first QR Code.' y tres tarjetas: Quick Code (Website URL), Choose a Template (etiquetada Popular), y Build with AI (etiquetada AI-Powered)" width="1440" height="900" data-path="images/v2/onboarding/first-run-wizard/step1-choose.png" />
</Frame>

* **Quick Code** — un código QR de acción directa, por ejemplo **Website URL**.
* **Choose a Template** (etiquetada **Popular**) — un diseño de página preconfigurado (Business Card, Custom Page y más).
* **Build with AI** (etiquetada **AI-Powered**) — describe lo que necesitas y deja que la IA genere el contenido de la página.

Un indicador de progreso en la parte superior (**1 Choose → 2 Create → 3 Configure → 4 Design & Finish**) rastrea tu posición durante todo el proceso, y un enlace **Visit Dashboard** en la esquina superior derecha te permite omitir el asistente por completo en cualquier momento.

## Paso 2 — Create

Al seleccionar un punto de partida se abre su formulario de creación específico del tipo. Para **Website URL** (la ruta verificada aquí), esto es un único campo que solicita la URL de destino, con una vista previa en vivo del código QR renderizándose a la derecha mientras escribes:

<Frame caption="Paso 2 — introducir una URL de sitio web, con una vista previa en vivo del código QR">
  <img src="https://mintcdn.com/scanova-api/2FTGGTqcp1qRUtvm/images/v2/onboarding/first-run-wizard/step2-create.png?fit=max&auto=format&n=2FTGGTqcp1qRUtvm&q=85&s=39d08acb3a164935a70f07de6bafadbe" alt="Paso 2 del asistente de incorporación, Create, mostrando un formulario 'Enter your website URL' con un campo con prefijo https:// y un panel de vista previa del código QR en vivo" width="1440" height="900" data-path="images/v2/onboarding/first-run-wizard/step2-create.png" />
</Frame>

## Paso 3 — Configure

A continuación, nombra el código QR y elige su URL corta:

<Frame caption="Paso 3 — nombrar el código QR y configurar su URL corta">
  <img src="https://mintcdn.com/scanova-api/q8t3kzcRTgAP7jV0/images/v2/onboarding/first-run-wizard/step3-configure.png?fit=max&auto=format&n=q8t3kzcRTgAP7jV0&q=85&s=83f996279c5c85babc274f2ed9f0fd0f" alt="Paso 3 del asistente de incorporación, Configure, mostrando un campo QR Code name predeterminado en 'My QR Code', un selector de dominio Short URL configurado en scnv.io con un slug generado automáticamente y una opción Customize, un interruptor de seguimiento de ubicación GPS, y un botón Create QR Code" width="1440" height="900" data-path="images/v2/onboarding/first-run-wizard/step3-configure.png" />
</Frame>

* **QR Code name** — se establece en "My QR Code" si se deja en blanco.
* **Short URL** — se establece por defecto en `scnv.io` con un slug generado automáticamente; selecciona **Customize** para elegir el tuyo propio.
* **GPS location tracking** — un interruptor opcional para recopilar la ubicación precisa del escaneo (requiere el permiso del visitante en el momento del escaneo).

Al seleccionar **Create QR Code** se muestra brevemente un estado "Generating your QR Code…" y luego se avanza al paso final.

## Paso 4 — Design & Finish

El último paso confirma el éxito con una animación de confeti festiva y tu código QR terminado y listo para escanear:

<Frame caption="Paso 4 — el código QR terminado, listo para probar, descargar o personalizar">
  <img src="https://mintcdn.com/scanova-api/q8t3kzcRTgAP7jV0/images/v2/onboarding/first-run-wizard/step4-design-finish.png?fit=max&auto=format&n=q8t3kzcRTgAP7jV0&q=85&s=71d528ac836ea23c06ab8558e9447cd6" alt="Paso 4 del asistente de incorporación, Design and Finish, mostrando una animación de confeti, el encabezado 'Congratulations, [name]! Your QR Code is ready.', un selector de diseño opcional, una imagen real del código QR, botones Test your QR y Download QR, y un botón Continue to plans" width="1440" height="900" data-path="images/v2/onboarding/first-run-wizard/step4-design-finish.png" />
</Frame>

Desde aquí:

* **Choose a design (optional)** — aplica un estilo visual antes de descargar.
* **Test your QR** — abre el destino en una pestaña nueva, de la misma forma que lo haría un escaneo.
* **Download QR** — descarga la imagen del código QR.
* **Continue to plans** — la acción final, que te lleva a la aplicación principal (una nota en pantalla te recuerda que el diseño también se puede cambiar más tarde desde el panel).

## Relacionado

* [Quick Code frente a Page completa](/es/qr-codes/create/quick-code-vs-page) — los mismos tres puntos de partida, disponibles en cualquier momento desde `/qr/create`, no solo durante la incorporación.
* [De Classic a la nueva interfaz](/es/onboarding/classic-to-new-ui) — una decisión independiente y única a nivel de cuenta, no relacionada con este asistente.
