Formularios por pasos, columnas y pestañas

Divide un formulario WEMASY en pasos y organiza los campos en columnas, pestañas y grupos con el editor de formularios.

Borrador

Los formularios largos son más fáciles de rellenar si los divides. Los campos de Diseño del editor de formularios de WEMASY te permiten poner campos lado a lado en columnas, agruparlos, repartirlos en pestañas o convertir el formulario en pasos con una barra de progreso. Los campos de diseño contienen otros campos y se pueden colocar unos dentro de otros.

Los campos de diseño

  • Grupo de campos: un contenedor para campos que van juntos, como una dirección.
  • Diseño en columnas: campos lado a lado, por ejemplo nombre y apellido.
  • Contenedor de pestañas: campos repartidos en pestañas entre las que el visitante hace clic.
  • Contenedor de pasos: un formulario por pasos con seguimiento del progreso y botones de siguiente y anterior.

La categoría Diseño en la barra lateral de campos con Diseño en columnas, Contenedor de pestañas y Contenedor de pasos

Poner campos en columnas

  1. Abre el formulario en el Editor de formularios.
  2. Arrastra Diseño en columnas desde la categoría Diseño al lienzo.
  3. Haz clic en el diseño en columnas y elige el Número de columnas, o usa Añadir columna y Quitar columna.
  4. Arrastra un campo a cada columna.

Marca Activar ajuste flexible para que las columnas pasen una debajo de otra en pantallas pequeñas.

Dos campos de formulario lado a lado en un diseño en columnas

Crear un formulario por pasos

  1. Arrastra Contenedor de pasos al lienzo.
  2. Haz clic en el contenedor de pasos para abrir sus propiedades.
  3. Haz clic en Añadir paso por cada paso que necesites y da a cada uno un Título del paso.
  4. Arrastra los campos de cada paso a ese paso.
  5. Elige la Posición de la barra de progreso: Arriba u Oculta.
  6. Define la navegación con Activar navegación superior y Activar navegación inferior, y los textos del Botón Anterior y del Botón Siguiente.
  7. Pon el Botón de envío en el último paso.

Las propiedades de un contenedor de pasos en el editor de formularios

Usar pestañas

  1. Arrastra Contenedor de pestañas al lienzo.
  2. Haz clic en Añadir pestaña por cada pestaña y escribe un Título de la pestaña.
  3. Arrastra campos a cada pestaña.

Un campo Botón puede llevar al visitante a un paso o a una pestaña. En la pestaña Avanzado del botón, elige la acción Ir al paso o Ir a la pestaña.

Validación en pasos

Los campos obligatorios y las reglas de validación funcionan en todos los contenedores. Lee Campos obligatorios y reglas de validación para configurarlos. Usa Vista previa en el editor para recorrer todos los pasos antes de publicar.

Consejo: pon las preguntas fáciles en el primer paso. Los visitantes que empezaron un formulario tienen más probabilidades de terminarlo.

Ponlo en práctica
en tu propia web.

Empieza gratis con WEMASY y crea tu web en pocos minutos.