# Estructura del formulario

Páginas, columnas, arrastrar y soltar, y la barra de progreso.

## Estructura del formulario

Páginas, columnas, arrastrar y soltar, la barra de progreso y la página de agradecimiento — todo lo que controla el diseño de tu formulario.

<h2 id="pages">Páginas</h2>

<p>
  Todo formulario comienza con una sola página. Para formularios cortos (menos de ~7 campos), eso suele ser suficiente. Cuando un formulario
  se alarga o se ramifica en distintos flujos, divídelo en páginas para que los encuestados vean un conjunto de preguntas enfocado a la vez.
</p>

<h3 id="when-to-use-multiple-pages">Cuándo usar varias páginas</h3>

- **7+ campos** — un scroll largo se siente pesado; las páginas dividen el trabajo en pasos manejables.
- **Formularios de propósito mixto** — la recogida de datos, el pago y la confirmación pertenecen cada uno a su propia página.
- **Ramificación condicional** — las reglas de lógica pueden saltar o saltarse páginas enteras según las respuestas.

<h3 id="adding-a-page">Añadir una página</h3>

<p>
  Los encuestados navegan entre páginas con los botones <strong>Siguiente</strong> y <strong>Atrás</strong> que Formstep añade
  automáticamente. La última página muestra un botón <strong>Enviar</strong> en lugar de Siguiente. <strong>Atrás</strong> retrocede por las
  páginas que el encuestado realmente visitó, así que un salto de página se deshace paso a paso en lugar de dejarlo en la página anterior.
</p>

<p>
  La página de agradecimiento no es una de estas páginas — es la pantalla posterior al envío, y nunca aparece en el recuento de páginas.
</p>

<h2 id="progress-bar">Barra de progreso en formularios de varias páginas</h2>

<p>Una barra de progreso fina en la parte superior del formulario muestra a los encuestados hasta dónde han llegado.</p>

<h3 id="how-it-works">Cómo funciona</h3>

> ℹ️ **Saltos de página con lógica**
> <p>
>     La lógica condicional puede saltar a una página específica — por ejemplo, "Si el encuestado elige 'Autónomo', saltar a la página 4". El
>     salto ocurre cuando el encuestado pulsa Siguiente en la página con esa pregunta. En las páginas siguientes, Siguiente continúa en el
>     orden de las páginas. Una regla que solo lee campos ocultos o calculados puede saltar desde cualquier página, pero solo hacia adelante.
>     Una página que un salto omite cuenta como oculta: sus preguntas no son obligatorias, y sus respuestas se descartan. Consulta{' '}
>     <a href="/es/building-forms/conditional-logic">Lógica condicional</a>.
>   </p>

<h2 id="columns">Columnas</h2>

<p>
  Las columnas te permiten colocar bloques uno al lado del otro. Úsalas para diseños compactos — un nombre y un correo electrónico en una
  fila, una imagen junto a una descripción, o campos de elección agrupados.
</p>

<h3 id="adding-columns">Añadir columnas</h3>

> ℹ️ **Qué no puede ir dentro de una columna**
> <p>
>     Logic, Hidden Field, Calculated Field, Page Break, Thank You Page y un grupo repetible solo funcionan en el nivel superior del
>     formulario. El menú de bloques los oculta mientras el cursor está dentro de una columna. Un grupo repetible prohíbe un poco más:
>     Payment, Schedule appointment y Documents tampoco entran, porque un envío paga, reserva y recibe documentos una sola vez — no una vez
>     por entrada.
>   </p>

> ℹ️ **Comportamiento responsivo**
> <p>
>     Las columnas se apilan verticalmente en pantallas pequeñas. Los encuestados en móvil ven una columna a la vez, por lo que el formulario
>     se mantiene legible.
>   </p>

<h2 id="drag-and-drop">Arrastrar y soltar</h2>

<p>
  Cada bloque tiene un control de arrastre en su borde izquierdo. Agárralo para reordenar bloques dentro de una página o moverlos entre
  columnas.
</p>

<h3 id="reordering-blocks">Reordenar bloques</h3>

- **Dentro de una página** — arrastra un bloque hacia arriba o hacia abajo para cambiar su posición.
- **Entre columnas** — arrastra un bloque de una columna a otra.

<h3 id="block-menu">Menú del bloque</h3>

<p>
  Haz clic en el control de arrastre (o toca el indicador del bloque en dispositivos táctiles) para abrir un menú. Lo que ofrece depende del
  bloque; estas son las entradas que verás con más frecuencia.
</p>

<p>
  Selecciona varios bloques a la vez — arrastra un rectángulo alrededor de ellos, mayús-clic en un segundo bloque para tomar el rango, o
  pulsa <kbd>Cmd/Ctrl+A</kbd> dos veces — y el mismo menú actúa sobre todos ellos: convertir en, obligatorio, visibilidad del título,
  envolver en un grupo, duplicar, mover, ocultar, eliminar.
</p>

<h2 id="repeating-groups">Grupos repetibles</h2>

<p>
  Un grupo repetible es un contenedor con nombre que guarda un conjunto de campos miembro — como un grupo "Añadir invitados adicionales" con
  Nombre y Edad. Los encuestados añaden tantas entradas como necesiten, así que no tienes que adivinar cuántas obtendrás de antemano.
  Inserta un <strong>Repeating Group</strong> nuevo desde el menú de bloques, o selecciona una serie de campos existentes y elige{' '}
  <strong>Crear grupo repetible</strong>.
</p>

<p>
  Para la guía completa — crear grupos, rellenarlos y cómo aparecen las entradas en las respuestas — consulta{' '}
  <a href="/es/building-forms/repeating-groups">Grupos repetibles</a>.
</p>

<h2 id="thank-you-page">Página de agradecimiento</h2>

<p>
  Todo formulario tiene una <strong>página de agradecimiento</strong> — siempre la última página. Es lo que los encuestados ven después de
  enviar el formulario. Personalízala con encabezados, imágenes, enlaces y respuestas insertadas — o redirige a una URL externa en su lugar.
</p>

<p>
  Para la guía completa, consulta <a href="/es/building-forms/custom-thank-you">Página de agradecimiento personalizada</a>.
</p>

<h2 id="next-steps">Próximos pasos</h2>
<div class="not-prose grid gap-3 sm:grid-cols-2">
  - [Tipos de pregunta](/es/building-forms/field-types) — Todos los tipos de pregunta y cuándo usar cada uno
  - [Lógica condicional](/es/building-forms/conditional-logic) — Muestra, oculta y ramifica según las respuestas
  - [Grupos repetibles](/es/building-forms/repeating-groups) — Permite a los encuestados añadir tantas entradas como necesiten
  - [Bloques de contenido](/es/building-forms/content-blocks) — Imágenes, vídeos, incrustaciones y texto enriquecido
</div>
