> For the complete documentation index, see [llms.txt](https://docs.dapta.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.dapta.ai/dapta-docs-es/dapta-forms/builder.md).

# Construir formularios

Un recorrido por el editor de Dapta Forms: la barra superior con el nombre del formulario, el estado de guardado, las pestañas Construir / Lógica / Conectar, los botones para compartir y Publicar; la

El editor es donde toma forma un formulario. Todo lo que ves en el lienzo es exactamente lo que verá quien responda, y cada cambio se guarda solo como borrador hasta que decides **Publicar**. Esta página le pone nombre a cada parte de la pantalla, para que el resto de la sección pueda referirse a ellas.

<figure><img src="https://365551146-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMUYDYzjmxpzlYaw0gcaZ%2Fuploads%2Fgit-blob-a446c2b90ed9a229a0bd5b8f7831f39b553d277d%2Fforms-key-concepts-02-layout.png?alt=media" alt="El editor de formularios con la lista de preguntas a la izquierda, el lienzo en vivo en el centro y el panel Ajustes de la pregunta a la derecha"><figcaption><p>Izquierda: la lista de preguntas. Centro: el lienzo en vivo. Derecha: los ajustes de la pregunta seleccionada.</p></figcaption></figure>

***

## La barra superior

<figure><img src="https://365551146-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMUYDYzjmxpzlYaw0gcaZ%2Fuploads%2Fgit-blob-0dda9128fe79ff38ecb4f9ce8584aedc1034b5ca%2Fforms-builder-02-topbar.png?alt=media" alt="La barra superior del editor: el enlace de vuelta a Formularios, el nombre del formulario y el estado Guardado, las pestañas Construir, Lógica y Conectar, los íconos Copiar enlace, Incrustar y Abrir formulario, el punto de Cambios sin publicar y el botón Publicar"><figcaption><p>De izquierda a derecha: nombre y estado de guardado, pestañas de sección, botones para compartir y <strong>Publicar</strong>.</p></figcaption></figure>

| Elemento                                                 | Qué hace                                                                                                                                                                                                      |
| -------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Formularios**                                          | El enlace de vuelta del extremo izquierdo. Vuelve a la lista; tu trabajo ya está guardado.                                                                                                                    |
| Nombre del formulario                                    | Haz clic para renombrarlo ahí mismo. El placeholder dice **Formulario sin título**.                                                                                                                           |
| Estado de guardado                                       | **Borrador** (todavía sin preguntas), **Guardando…**, **Guardado**, **Reintentando…** o **Sin guardar**. Mira [Guardado automático](#guardado-automatico-y-recuperacion-de-borradores) más abajo.             |
| **Construir**                                            | La pestaña por defecto: preguntas, lienzo y ajustes. **Diseño** es un modo dentro de Construir (mira la barra de herramientas).                                                                               |
| **Lógica**                                               | El lienzo de lógica más los diálogos **Ramificación**, **Puntaje** y **Resultados**. Mira [Lógica, puntaje y resultados](/dapta-docs-es/dapta-forms/logic.md).                                                |
| **Conectar**                                             | Integraciones, seguimiento y píxeles, y correos de respuesta. Mira [Conectar e integraciones](/dapta-docs-es/dapta-forms/connect.md).                                                                         |
| **Copiar enlace** · **Incrustar** · **Abrir formulario** | El grupo de compartir: copia la URL pública, obtén el fragmento para incrustar, abre el formulario en vivo en una pestaña nueva. Mira [Publicar, compartir e incrustar](/dapta-docs-es/dapta-forms/share.md). |
| **Cambios sin publicar**                                 | Una insignia junto a **Publicar** siempre que el borrador difiere de la versión en vivo. En una ventana angosta se reduce a un solo punto.                                                                    |
| **Publicar**                                             | Pone el borrador actual en vivo. Se desactiva (**Todos los cambios están publicados**) cuando no hay nada nuevo.                                                                                              |

***

## La barra de herramientas contextual

La segunda fila cambia según la pestaña. En **Construir** tiene las herramientas que más usas:

<figure><img src="https://365551146-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMUYDYzjmxpzlYaw0gcaZ%2Fuploads%2Fgit-blob-d4b8bcde84eb798c20b7bcf2872692051e3a5d91%2Fforms-builder-03-toolbar.png?alt=media" alt="La barra de herramientas de Construir con Añadir pregunta, Diseño, el selector Escritorio / Móvil y el ícono de ojo de Vista previa"><figcaption><p><strong>Añadir pregunta</strong>, <strong>Diseño</strong>, el selector de lienzo <strong>Escritorio / Móvil</strong> y <strong>Vista previa</strong> (el ojo).</p></figcaption></figure>

| Control                | Qué hace                                                                                                                                                           |
| ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Añadir pregunta**    | Abre la galería **Añadir una pregunta**. Mira [Tipos de pregunta](/dapta-docs-es/dapta-forms/builder/question-types.md).                                           |
| **Diseño**             | Cambia el lienzo al panel de diseño: tema, colores, tipografía, logos, portada, final. Mira [Diseño y marca](/dapta-docs-es/dapta-forms/design.md).                |
| **Escritorio / Móvil** | Redimensiona el lienzo para que puedas editar al ancho de un teléfono sin salir del editor.                                                                        |
| **Vista previa** (ojo) | Abre la vista previa completa con marcos de dispositivos reales. Mira [Vista previa en escritorio, tablet y móvil](/dapta-docs-es/dapta-forms/builder/preview.md). |

En **Lógica** la barra muestra **Ramificación**, **Puntaje**, **Resultados** y **Vista previa**; en **Conectar**, solo **Vista previa**.

***

## La lista de preguntas (izquierda)

La columna **Preguntas** lista cada paso en orden con su número, un ícono de tipo e insignias como **Contacto**, **Lógica**, **{n} reglas** u **Oculta**. Haz clic en una tarjeta para seleccionarla; arrastra el asa para reordenar. Debajo de las tarjetas encontrarás:

* **+ Añadir pregunta**: la misma galería que el botón de la barra de herramientas.
* **Punto de envío parcial**: un marcador punteado y arrastrable. Suéltalo después de una pregunta para guardar las respuestas como envío parcial a partir de ahí. Mira [Respuestas parciales](/dapta-docs-es/dapta-forms/builder/partial-submissions.md).
* Una tarjeta de sugerencia cuando el formulario pide un correo pero aún no tiene marcador: **Capturar después de la pregunta de correo** lo coloca por ti.

En ventanas angostas la lista se convierte en una tira horizontal encima del lienzo.

## El lienzo (centro)

El lienzo muestra **Pregunta {n} de {total} · edición en vivo**. Haz clic en cualquier texto para editarlo ahí mismo: el título (**Escribe tu pregunta…**), la descripción (**Añade una descripción (opcional)**), las etiquetas de las opciones y el botón (**Siguiente** / **Enviar**). Escribe `@` o `[` en un título para insertar una respuesta anterior ([Reutilizar respuestas con @](/dapta-docs-es/dapta-forms/builder/recall-answers.md)). Algunos tipos muestran un control en vivo: un selector de país en Teléfono, una barra en Deslizador, un calendario incrustado en Agendador.

## El panel de ajustes (derecha)

**Ajustes de la pregunta** tiene todo lo que no es texto: el selector **Tipo de pregunta**, **Obligatoria**, las secciones propias de cada tipo (**Opciones**, **Campos de nombre**, **Agendador**, etc.), **Lógica** con **Editar lógica**, **Ajustes avanzados** (clave de campo, respuesta por defecto, pregunta oculta, termina el formulario, prellenado por URL) y el bloque de mapeo de **HubSpot**. Mira [Ajustes de cada pregunta](/dapta-docs-es/dapta-forms/builder/question-settings.md).

***

## Guardado automático y recuperación de borradores

Nunca haces clic en Guardar. Aproximadamente un segundo después de que dejas de escribir, el editor escribe el borrador y la píldora de estado pasa de **Guardando…** a **Guardado**.

* Si la petición falla, la píldora muestra **Reintentando…** y luego **Sin guardar** mientras sigue intentándolo en segundo plano. Sin conexión, un aviso lo explica: **No se puede contactar al servidor. Tus cambios se conservan y el guardado se reintentará solo.**
* Si un cambio todavía no se puede guardar (por ejemplo una fila de opción con el valor vacío), la píldora dice **Aún no se puede guardar: {motivo}** hasta que lo arregles.
* Cerrar la pestaña a mitad de un guardado es seguro: el editor manda el cambio pendiente al salir y además conserva una copia local.
* Si el navegador se cae antes de que un guardado llegue, la próxima vez que abras el formulario verás **Cambios sin guardar recuperados**: «Este formulario tiene ediciones de una sesión anterior que nunca llegaron al servidor. ¿Las restauras o te quedas con la versión guardada?». Haz clic en **Restaurar ediciones** para seguir donde lo dejaste, o en **Descartar** para quedarte con la copia del servidor.

El guardado automático solo toca el **borrador**. Quien responde sigue viendo la última versión publicada hasta que haces clic en **Publicar**; la insignia **Cambios sin publicar** te recuerda que hay algo por publicar. Lee [Guardado automático, borradores y publicación](/dapta-docs-es/dapta-forms/builder/autosave-and-publishing.md) para el ciclo completo.

> **⚠️ Nota:** La excepción es **Conectar → Integraciones**: conectar o mapear HubSpot y los webhooks se aplica al formulario en vivo de inmediato, sin publicar.

***

## En esta sección

* [Crear un formulario](/dapta-docs-es/dapta-forms/builder/create-a-form.md): el diálogo de formulario nuevo, los diseños y las plantillas; duplicar o eliminar desde la lista.
* [Tipos de pregunta](/dapta-docs-es/dapta-forms/builder/question-types.md): los 14 bloques, agrupados en Contacto, Elección, Texto y Contenido.
* [Ajustes de cada pregunta](/dapta-docs-es/dapta-forms/builder/question-settings.md): Obligatoria, placeholder, respuesta por defecto, clave de campo, oculta, termina el formulario.
* [Preguntas dinámicas (variantes)](/dapta-docs-es/dapta-forms/builder/dynamic-questions.md): pregunta un título distinto según una respuesta anterior.
* [Reutilizar respuestas con @](/dapta-docs-es/dapta-forms/builder/recall-answers.md): inserta respuestas anteriores en textos posteriores.
* [Campos ocultos y prellenado por URL](/dapta-docs-es/dapta-forms/builder/hidden-fields-and-url-prefill.md): prellenado con `?clave=valor` y preguntas ocultas.
* [Respuestas parciales (punto de captura)](/dapta-docs-es/dapta-forms/builder/partial-submissions.md): guarda respuestas antes del final.
* [Formulario de una sola página](/dapta-docs-es/dapta-forms/builder/one-page-layout.md): todas las preguntas en una página.
* [Vista previa en escritorio, tablet y móvil](/dapta-docs-es/dapta-forms/builder/preview.md): revisa el borrador en marcos de dispositivo.
* [Guardado automático, borradores y publicación](/dapta-docs-es/dapta-forms/builder/autosave-and-publishing.md): píldora de estado, recuperación, publicación.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.dapta.ai/dapta-docs-es/dapta-forms/builder.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.