Configuración de campo

Cada campo en un formulario tiene las mismas cuatro secciones de configuración en el panel derecho: Type Options (específicas del tipo de campo), Basic (etiqueta, marcador de posición, texto de ayuda), Validation (obligatorio + reglas por tipo) y Appearance (ancho). Haz clic en cualquier tarjeta de campo en el constructor para abrirlas.

Basic

Este bloque es idéntico para cada tipo de campo.

Etiqueta

El texto mostrado encima del campo. Visible para el visitante. Obligatoria — el formulario no se guardará con una etiqueta vacía en un campo que no sea de visualización.

Marcador de posición

Pista de texto gris dentro de la entrada antes de que el visitante escriba. No se muestra para checkboxes, radios, cargas de archivo, calificaciones, campos ocultos, encabezados o divisores — esos no tienen una caja de entrada en la cual poner texto de pista.

Texto de ayuda

Una línea más pequeña de texto debajo de la entrada. Úsala para ejemplos ("ej. +1 555 0100"), aclaraciones ("Opcional — solo completa si es relevante") o instrucciones breves ("Fotos menores a 5MB; JPG o PNG").

No se muestra para divisores.

Validation

Te permite ajustar qué cuenta como una respuesta válida. Diferentes tipos de campo exponen diferentes controles.

Obligatorio (todos los campos de entrada)

Actívalo para forzar al visitante a llenar el campo. Los campos obligatorios vacíos muestran un error en línea y previenen el envío.

Los encabezados y divisores no tienen alternador de obligatorio — son solo de visualización.

Para un único checkbox (un sí/no sin opciones), obligatorio significa "debe estar marcado". Así que un checkbox "Acepto ser contactado" con obligatorio activado bloqueará el envío si no está marcado.

Text / Textarea

• Min length — el envío debe ser al menos este número de caracteres
• Max length — el envío no puede exceder este número de caracteres

Deja cualquiera en blanco para omitir esa verificación.

Number

• Min — el número debe ser ≥ esto
• Max — el número debe ser ≤ esto
• Step — granularidad (ej. 1 para números enteros, 0.5 para mitades, 0.01 para dos decimales)

File upload

• Allowed file types — elige grupos preestablecidos (PDF, Images, Documents, Spreadsheets) y/o lista extensiones personalizadas como .dwg, .ai, .zip
• Max file size (MB) — entre 1 y 100

Las cargas que fallen cualquiera de las verificaciones se rechazan en el cliente antes de que se envíe el formulario — el visitante ve el error y puede volver a elegir un archivo sin perder el resto del formulario.

Rating

• Max stars — deslizador de 1 a 10. Predeterminado a 5.

Un campo de calificación obligatorio rechaza el envío si el visitante lo deja en cero estrellas.

Type Options

El bloque específico del tipo de campo. Solo aparece para tipos de campo que tienen configuración específica del tipo.

Select / Multi-select / Radio / Checkbox-with-options

Edita la lista de opciones. Cada fila tiene una label (lo que ve el visitante) y un value (lo que se almacena). Arrastra las filas para reordenar; haz clic en el icono de papelera para eliminar; haz clic en + Add option para agregar una nueva fila.

Cuando agregas por primera vez un campo de opción, GCM siembra una opción predeterminada (Option 1 / option_1) para que el formulario no esté roto antes de que hayas completado algo.

Heading

• Heading level — H2, H3 o H4. Afecta el tamaño y peso de la fuente; no afecta el significado semántico más allá del CSS.

File upload

(también se muestra en el bloque Type Options junto con Validation — mismos controles que los documentados arriba)

Hidden

• Default value — lo que se envía con el formulario. Visible solo para los administradores que ven el envío.

Appearance

Ancho

Establece cuánto espacio horizontal toma el campo en escritorio. Tres opciones:

• Full — ancho completo del formulario
• Half — 50% (empareja dos campos de medio ancho lado a lado)
• Third — 33% (tres campos en una fila)

En móvil, cada campo se renderiza en ancho completo independientemente de esta configuración. La cuadrícula solo se activa en el punto de quiebre sm de Tailwind (640px o más).

Una pequeña barra de vista previa debajo de los botones muestra cómo se verá el diseño — tres segmentos delgados para tercio, dos para mitad, uno para completo.

Secciones

Las secciones se configuran a nivel de sección, no a nivel de campo. Haz clic en cualquier parte del encabezado de la sección que no sea el título de la sección y obtienes su propio pequeño contexto — título, descripción, manija de arrastre, botón de eliminar.

Usa las secciones para:

• Agrupar campos relacionados — los visitantes procesan el formulario más rápido cuando está fragmentado
• Mostrar diferentes encabezados — las etiquetas de sección solo se muestran en el formulario público cuando hay más de una sección, así que un formulario de una sola sección es "sin cabeza" por diseño
• Reordenar bloques grandes — arrastra una sección para intercambiar su posición con otra; los campos se mueven con ella

Para eliminar una sección, haz clic en el icono de papelera en su encabezado. Si la sección contenía campos, son rescatados — se mueven a la sección inmediatamente superior (o a la primera sección restante si eliminaste la superior). El formulario se negará a eliminar tu última sección restante para que siempre tengas un lugar donde vivan los campos.

Configuración a nivel de formulario

Haz clic en cualquier parte del lienzo fuera de un campo, o haz clic en el botón de cerrar en el panel de configuración de campo, y el lado derecho cambia a Configuración del formulario:

Configuración	Qué hace
Form ID	UUID. Solo lectura. Úsalo si estás accediendo a la API del formulario directamente o haciendo referencia al formulario en un disparador de flujo de trabajo. Haz clic en el icono de copiar para obtenerlo.
Submit button text	Anula el predeterminado "Submit" — por ejemplo, "Enviar mi petición de oración". El botón de vista previa se actualiza mientras escribes.
Success message	Texto mostrado después del envío. Predeterminado a "¡Gracias por tu envío!"
Redirect URL	Si está establecido, el formulario redirige a esta URL 1.5 segundos después del éxito (en lugar de quedarse en el mensaje de éxito indefinidamente).
Notification emails	Un correo por línea. Validado para formato adecuado. Por sí solo no hace nada — consulta la advertencia a continuación.
Require authentication	Si está activado, solo los administradores con sesión iniciada pueden enviar. La mayoría de los formularios dejan esto desactivado.
Allow multiple submissions	Si está desactivado, el mismo visitante solo puede enviar una vez (rastreado por huella digital del navegador). Predeterminado a activado.
Max submissions	Establece un tope al número total de envíos que el formulario aceptará. Pasado el tope, el formulario devuelve "Envíos cerrados". En blanco significa ilimitado.

Los correos de notificación necesitan un flujo de trabajo

El campo de correos de notificación guarda las direcciones pero no envía nada por sí solo. Para enviar una notificación real, construye un flujo de trabajo con el disparador form.submitted filtrado a este formulario, y usa una acción Enviar correo. Consulta Integración con flujos de trabajo.