Vista de Formulario
Una vista de Formulario es como poner una hoja de inscripción en internet: la construyes a partir de las columnas de tu base de datos, compartes un enlace, y cada respuesta que alguien completa llega como un registro nuevo — sin que tengas que copiar y pegar. Es perfecta para recopilar inscripciones, respuestas de encuestas, prospectos y solicitudes.
Cuando alguien envía el formulario, su respuesta se agrega como un registro nuevo en tu base de datos automáticamente.
Hay dos formatos disponibles:
| Formato | Estilo | Ideal para |
|---|---|---|
| Clásico | Una sola página que recorres desplazándote (como Google Forms) | Formularios largos y recopilación detallada de datos |
| Paso a paso | Una pregunta por pantalla (como Typeform) | Encuestas atractivas y captación de prospectos |
Image: Interfaz del constructor de formularios mostrando la vista previa del modo clásico
Antes de empezar
- Una base de datos con las columnas para las que quieres recopilar respuestas. El formulario se construye a partir de estas columnas.
- Al menos una columna de texto (normalmente "Nombre" o "Título"), que siempre se incluye como campo obligatorio.
Crea un formulario
- Crea una nueva vista y elige Formulario
- El constructor de formularios se abre automáticamente
- Las columnas de tu base de datos aparecen como campos de formulario que puedes arrastrar
- Configura cada campo (etiquetas, descripciones, si es obligatorio)
- Haz clic en Guardar para conservar tus cambios
Qué se incluye
El constructor incorpora todas las columnas regulares de tu base de datos. Algunas se dejan fuera automáticamente porque son para uso del sistema, no para los visitantes:
- Columnas del sistema (id, created_at, updated_at)
- Columnas de contenido de página (
nirvai_content,nirvai_icon) - Columnas de ID único
- Columnas de autorreferencia
La primera columna de texto (normalmente "Nombre" o "Título") siempre está presente como campo obligatorio y no se puede quitar.
Configura los campos del formulario
Haz clic en cualquier campo del constructor para configurarlo:
| Configuración | Qué hace |
|---|---|
| Etiqueta personalizada | Reemplaza el nombre de la columna con una etiqueta más amigable para el formulario |
| Descripción | Texto de ayuda que se muestra debajo de la etiqueta del campo |
| Texto de marcador | Texto de pista que se muestra dentro del campo de entrada |
| Obligatorio | Si el campo debe completarse antes de enviar |
Etiquetas de opción personalizadas
Para los campos de Estado, Selección y Casilla de verificación, puedes cambiar cómo se lee cada opción en el formulario sin cambiar el valor real que se guarda en tu base de datos.
Ejemplo: Una columna de Estado con la opción "Empresa" podría leerse como "Represento a una empresa con más de 50 empleados" en el formulario. Cuando alguien envía, el registro sigue guardando "Empresa" — la etiqueta más amigable es solo para el formulario.
Image: Campo de formulario con etiquetas de opción personalizadas para una columna de selección
Reordenar campos
Arrastra los campos hacia arriba o hacia abajo para reordenarlos. El orden en el constructor es el orden en que la gente los ve en el formulario publicado.
Diseña tu formulario
Imagen de portada (formato Clásico)
Agrega una imagen de portada o un degradado de color en la parte superior de tu formulario clásico:
- Haz clic en el área de portada en la parte superior de la vista previa del constructor
- Elige un degradado predefinido o sube tu propia imagen
- Para una imagen subida, arrástrala hacia arriba o hacia abajo para reposicionarla
Las imágenes subidas se guardan en la biblioteca de imágenes de tu organización (hasta 25 por organización) y se pueden reutilizar en otros formularios.
Imagen de fondo (formato Paso a paso)
En el formato paso a paso, puedes definir un fondo a pantalla completa:
- Abre la configuración de fondo
- Elige un degradado o sube una imagen 16:9
- Las preguntas aparecen en tarjetas de vidrio esmerilado sobre el fondo
Color de acento
Define un color personalizado (con su código hex) para:
- El resaltado de una opción seleccionada
- El botón de enviar
- Los indicadores de campo activo
Fuente
Elige entre 5 fuentes para darle estilo a tu formulario:
| Fuente | Estilo |
|---|---|
| Inter (predeterminada) | Neutra, limpia |
| DM Sans | Geométrica, moderna |
| Space Grotesk | Distintiva, tecnológica |
| Playfair Display | Elegante, editorial |
| Lora | Cercana, clásica |
Icono del formulario
Agrega un icono sobre el título del formulario — el mismo selector que usas para los registros (emoji, un icono de Lucide o una imagen subida).
Formato clásico vs. paso a paso
Formato clásico
Todos los campos se muestran en una sola página que recorres desplazándote. Incluye:
- Una imagen de portada o degradado en la parte superior
- Todos los campos visibles a la vez
- Un botón de enviar al final
- Una verificación de que los campos obligatorios estén completos antes de enviar
Image: Formulario clásico público con imagen de portada y campos
Formato paso a paso
Una pregunta por pantalla, con transiciones suaves. Incluye:
- Una imagen de fondo o degradado a pantalla completa
- Tarjetas de pregunta de vidrio esmerilado
- Un indicador de progreso (contador de pasos más una barra de progreso)
- Avance automático a la siguiente pregunta después de hacer una elección en campos de Estado, Selección, Casilla de verificación y Fecha (tras una breve pausa de 600 ms)
- Enter para avanzar en campos de texto y número
- Un botón de regreso para volver a preguntas anteriores
Image: Formulario paso a paso público con fondo y tarjeta de vidrio esmerilado
Previsualiza tu formulario
Haz clic en Vista previa en la barra de acciones del constructor para abrir una vista previa en vivo. La vista previa:
- Se abre en una página aparte
- Se ve exactamente como la verán los visitantes
- Realmente envía datos — las respuestas se convierten en registros reales, así que puedes probar todo el flujo de principio a fin
Usa la vista previa para probar tu formulario con respuestas reales antes de compartirlo. Después puedes eliminar los registros de prueba.
Comparte tu formulario
Los formularios se comparten con un enlace público. Para obtenerlo:
- Haz clic derecho en la pestaña de la vista de formulario
- Selecciona Compartir vista
- Activa el enlace público
- Copia el enlace y compártelo
Formato del enlace público del formulario: https://app.nirvana-ai.com/public/form/{token}
Cualquiera que tenga el enlace puede abrir el formulario sin iniciar sesión. Los visitantes ven tu diseño, lo completan y lo envían — y su respuesta aparece como un registro nuevo en tu base de datos.
Pantalla de agradecimiento
Después de que alguien envía, ve una pantalla de éxito animada con:
- Un mensaje de confirmación (puedes personalizarlo con Mensaje de agradecimiento en el constructor)
- Un resumen de lo que envió
- Una opción para enviar otra respuesta (si activas Permitir otro envío)
Texto del botón de enviar
Personaliza la etiqueta del botón de enviar (la predeterminada es "Enviar"). Es útil para formularios en distintos idiomas o contextos — por ejemplo "Mandar", "Postular" o "Registrar".
Envíos del formulario
Cada envío crea un registro nuevo en tu base de datos. El registro contiene:
- Los valores que ingresó el visitante, asociados a las columnas correctas de la base de datos
- Columnas del sistema (id, created_at), que se completan automáticamente
Puedes ver los registros enviados en cualquier otra vista (Lista, Cuadrícula, Kanban o Calendario) de la misma base de datos.
Los formularios también funcionan con Acceso de Invitados. Los invitados comprueban quiénes son con verificación por correo antes de completar el formulario, lo que te da una forma de recopilar datos de personas que ya conoces.
Solución de problemas
| Problema | Solución |
|---|---|
| El botón de enviar siempre está atenuado | Asegúrate de que cada campo obligatorio tenga un valor. Verifica que los campos correctos estén marcados como obligatorios en el constructor. |
Las opciones aparecen como [object Object] | Puede que las opciones de la columna de estado o selección necesiten volver a guardarse. Edita la columna y confirma las opciones. |
| El formulario no se desplaza bien | La vista previa se abre en una página aparte. Asegúrate de usar el botón de Vista previa, no de ver el formulario en línea. |
| Un visitante no puede subir un archivo | Las subidas de archivos sí funcionan en los formularios. Revisa el tamaño máximo de archivo definido en la columna de archivo. |
Qué sigue
- Vistas Públicas — Más formas de compartir tus vistas y formularios con el mundo.
- Acceso de Invitados — Recopila respuestas de colaboradores conocidos que verifican su correo primero.