Formularios

Un formulario por sí solo únicamente muestra campos. Su pestaña Formulario decide qué pasa cuando alguien lo envía.

Añadir un formulario

Añade un bloque Formulario. Empieza con un botón de envío y espacio para los campos.

Añade campos desde la barra de herramientas del formulario. Los tipos habituales son:

• Texto

• Correo electrónico

• Teléfono

• Número

• Contraseña

• Fecha

• Hora

• Desplegable

• Casillas

• Opción múltiple

• Selección múltiple

Selecciona un campo y abre la pestaña Campo para cambiar su etiqueta, su texto de ejemplo, su tipo y su nombre de entrada.

Etiquetas y textos de ejemplo

La etiqueta dice qué tiene que escribir la gente. El texto de ejemplo muestra un ejemplo dentro del campo.

Un texto de ejemplo no es una etiqueta. Desaparece en cuanto alguien empieza a escribir. Usa siempre una etiqueta visible para lo importante.

Las buenas etiquetas son cortas y concretas: "Correo electrónico", "Número de pedido", "Fecha preferida".

Nombres de entrada

El nombre de entrada es la clave que se usa al enviar el formulario. Los flujos de trabajo y los formularios de búsqueda lo usan para encontrar el valor.

Usa nombres cortos y claros: email, name, message, phone. Evita espacios y signos de puntuación.

Si cambias el nombre de una entrada después de conectar un flujo de trabajo, actualiza la asignación en la pestaña Formulario.

Elegir una acción

Abre la pestaña Formulario y elige una de estas:

URL

Envía el formulario a otra dirección. Sirve para un servicio de formularios de terceros o para tu propio endpoint. Indica la URL y elige GET o POST.

Flujo de trabajo

Inicia un flujo de trabajo cuando se envía el formulario. El flujo tiene que empezar con un disparador Envío de formulario. Asigna cada entrada del flujo a un campo del formulario.

Es la opción habitual para:

• Guardar un mensaje de contacto en una colección.

• Añadir a alguien a la lista de un boletín.

• Crear una solicitud de pedido.

• Enviar un mensaje de confirmación y redirigir a una página de agradecimiento.

Lee Flujos de trabajo para los pasos.

Buscar en la lista de una colección

Convierte el formulario en un formulario de búsqueda. Los valores del visitante se convierten en parámetros de la URL, y la página de lista de la colección los usa para filtrar un repetidor.

Elige la página de lista de la colección como página de resultados. Los campos del formulario pueden buscar texto o filtrar por un campo.

Lee Repetidores para configurar la búsqueda.

Iniciar sesión, registrarse, cerrar sesión u olvidar contraseña

Estas acciones conectan el formulario con las cuentas de usuario final. Requieren que Usuarios y acceso esté activado.

Lee Usuarios y acceso para la configuración completa.

Botón de envío

El botón de envío envía el formulario. Cambia su etiqueta para que coincida con la acción: "Enviar mensaje", "Suscribirse", "Crear cuenta".

Desactiva o quita el formulario mientras lo estás construyendo. Un formulario en vivo sin acción confunde a los visitantes.

Mensajes y redirecciones

Un flujo de trabajo puede mostrar un mensaje de éxito o de error cuando el visitante vuelve a la página. También puede redirigir a otra página, como una de agradecimiento.

Mantén el mensaje corto y concreto. "Gracias, te responderemos en un día laborable" es más útil que "Éxito".

Probar

Usa el panel de pruebas del editor de flujos de trabajo para ejecutar el flujo sin efectos secundarios. Después envía el formulario en una página de vista previa y comprueba:

• Los campos obligatorios se comportan como esperas.

• Aparece el mensaje de éxito.

• El elemento nuevo está en la colección.

• La redirección va a la página correcta.

Lee Flujos de trabajo para el flujo de prueba.

Una receta sencilla para empezar

Para un formulario de contacto:

1. Añade un formulario.

2. Añade los campos de nombre, correo y mensaje.

3. Añade un flujo de trabajo con un disparador Envío de formulario.

4. Añade un paso Crear elemento para una colección "Mensajes".

5. Asigna los campos del formulario a las entradas del flujo.

6. Añade un paso Mostrar mensaje para el caso de éxito.

7. Vincula el formulario al flujo en la pestaña Formulario.

8. Prueba con una ejecución en seco y luego envía una prueba real.

Luego publica la página. Los flujos de trabajo están en vivo al momento, pero el formulario en sí hay que publicarlo con la página.