¡Esta aquí! La nueva opción de repetidor y agrupación de campos del formador ya está disponible

¿Cansado de agregar los mismos campos una y otra vez al crear formularios? La nueva función Forminator Field Group le ahorra tiempo y le permite agregar campos adicionales ilimitados a sus formularios.

Así es: ¡nuestro complemento gratuito de calificación de 5 estrellas Forminator acaba de mejorar su juego de formularios con nuevos grupos de campo !

¡Ha sido muy solicitado y finalmente está aquí!

"El campo repetidor es extremadamente útil; espero verlo pronto en Forminator".

Chris W. – Miembro de WPMU DEV

"Me gustaría duplicar una fila de campos de formulario varias veces sin tener que reconstruirla cada vez".

Ryan – Miembro de WPMU DEV

"Esto sería realmente útil".

Chris – Miembro de WPMU DEV

Y finalmente…

"¿Alguna actualización en el campo repetidor?"

Rich - Miembro de WPMU DEV

Bueno, Rich (y todos los demás), ¡la espera ha terminado!

La agrupación de campos es útil para la entrada de datos repetibles, como agregar múltiples contactos, referencias laborales, detalles de personas o empresas, etc. Cree sus grupos de campos personalizados y replíquelos en sus formularios según sea necesario.

¡Forminator ahora hace que sea más simple y fácil que nunca ingresar datos similares!

Este breve artículo le mostrará qué tan rápido puede obtener un grupo de campo y una opción de repetidor en funcionamiento en su próximo formulario.

Cubriremos cómo:

• Ejemplo de grupo de campos
• Configurar un nuevo grupo de campos
• Agregar campos al grupo
• Personaliza el repetidor
  • Ficha Repetidor
  • Pestaña Estilo de grupo de campos
  • Pestaña de visibilidad

Antes de que tengamos un día de campo con la nueva función, veámosla en acción.

Ejemplo de Grupo de Campo de Formator

Vea exactamente lo que puede hacer la creación de un grupo de campo. Este ejemplo muestra lo que sucede cuando un usuario cambia la asistencia a un evento en un formulario específico.

Puede ver cómo se agregan nuevos campos a medida que cambia la asistencia.

¿Necesitas más campos? ¡Forminator los agrega instantánea y automáticamente!

¿Te gusta lo que ves? Es un escenario donde:

• Desea que sus usuarios puedan ingresar su información para su propia asistencia.
• Desea que los usuarios puedan agregar información para hasta 4 invitados.
• El boleto del evento del usuario costará $ 20, y cualquier invitado adicional costará $ 10 cada uno.
• Desea utilizar Stripe para procesar los pagos.

Vaya a este enlace para ver el ejemplo completo e incluso obtener el código para incorporar este tipo de escenario en su sitio. A continuación, puede ajustarlo en consecuencia y configurarlo según sus especificaciones.

Y ahora que ha visto lo que pueden hacer un grupo de campo y un repetidor, le mostraremos cómo se hace.

Configurar un nuevo grupo de campos

Comenzar a configurar un grupo de campos para un formulario solo requiere unos pocos clics. Puede agregar esto a un formulario existente o crear uno nuevo. (Si eres nuevo en Forminator, consulta este artículo para refrescarte sobre cómo configurar un formulario).

Simplemente seleccione Grupo de campos para la lista de campos.

Después de hacer clic en el campo Grupo de campos, creará una Etiqueta y, si lo desea, una Descripción .

¡Ya está listo para comenzar a agregar campos al grupo de campos!

Aquí está cómo hacerlo.

Agregar campos a grupos

Hacer clic en + Agregar campos al grupo le permite agregar la mayoría de los campos que desee (solo hay varios campos que no son una opción para los grupos de campos). Tenga en cuenta que cualquier campo que haga se puede replicar si el usuario necesita hacerlo.

Entonces, en este caso, tengo un formulario que requiere un nombre y un correo electrónico. He agregado un campo de Texto y Dirección para universidades en el Grupo de Campo.

Y después de editar el texto, así es como se vería el ejemplo en vivo.

Como puede ver, en la parte inferior del formulario, dice Agregar escuela y Eliminar escuela . Es un texto personalizado que agregué (en el que hablaré sobre cómo agregarlo más adelante) y es lo que el usuario agrega o elimina con un clic.

Si se agrega una escuela, los campos que configuré se duplicarán para la información de la escuela (dirección, ciudad, código postal, etc.). Aquí tengo dos universidades.

Un formulario como este será perfecto si un usuario tiene que enumerar su formación académica. Podría crear algo similar con antecedentes laborales o referencias. Entiendes la idea. ¡El cielo es el límite cuando se trata de agrupar formas!

Personaliza el repetidor

Con el repetidor de grupos de campo , puede configurar cómo los usuarios pueden agregar más grupos de campo. Es una función opcional que permite a los usuarios agregar más grupos de campos a un formulario específico que están completando.

Al personalizar el repetidor, lo configura como desee. Por ejemplo, puede desactivarlo o mantenerlo activado en cualquier momento.

Ficha Repetidor

La primera opción está en la sección Repetidor del Grupo de campo. Esta es su principal área de personalización para configurar límites y más.

Como se mencionó anteriormente, esta característica es opcional. Depende de usted si desea utilizar los grupos de campos para combinar cualquier número de campos para ofrecer una distinción visual entre grupos de campos relacionados en su formulario.

Sin embargo, si desea utilizar el repetidor, es donde configurará el formulario.

Debajo de estas hay opciones para el Límite mínimo de repetidor , Límite máximo de repetidor y Tipo de elemento de repetidor (botones, íconos o enlaces de texto). Si selecciona Botones o Texto del Tipo de elemento repetidor, puede personalizar completamente el texto que debe mostrarse (en este ejemplo, es 'Agregar escuela' y 'Eliminar escuela').

Asegúrese de leer nuestra documentación para obtener más información sobre la configuración de variables. En la documentación, se mencionan algunas ideas específicas con valores variables.

Por ejemplo, si usa un campo numérico como variable solo para el límite máximo de repetidores, aparecerán los botones Agregar y quitar hasta que el usuario haya agregado la cantidad máxima de campos repetidos que ha seleccionado en su campo numérico.

Pestaña Estilo de grupo de campos

Cada campo en Forminator le permite agregar clases CSS adicionales . Aquí, también, puede modificar las cosas según sea necesario. De lo contrario, sus grupos de campos se establecerán de manera predeterminada y mantendrán los estilos que seleccionó en Apariencia > Colores.

Puede agregar Clases de CSS adicionales y aplicar y eliminar Estilo de campo de grupo desde la pestaña Estilo .

Pestaña de visibilidad

Desde la pestaña Visibilidad , incluir Reglas es una opción. Agregar reglas tiene que ver con la lógica condicional , que es la misma en todo Forminator.

Hay mucho para agregar reglas y condiciones. Lea más en nuestra documentación.

Finalmente, solo para tener en cuenta, solo hay algunas limitaciones con respecto a los grupos de campo. Esto incluye Integraciones , Guardar y continuar y Cálculos . Sin embargo, actualizaremos Forminator para incluir estos grupos de campo en futuras actualizaciones.

Haga que Forminator forme parte de su grupo

Si necesita incluir información adicional en sus formularios, Forminator le brinda la capacidad de agrupar campos y hacer que agregarlos a sus formularios sea rápido, fácil y repetible al instante.

Si aún no usa Forminator, asegúrese de descargarlo gratis desde wp.org.

Y esté al tanto de lo que sigue con nuestra hoja de ruta. Nunca dejamos de formar y perfeccionar nuestros complementos.

¿Ya intentaste agrupar campos con Forminator? ¡Háganos saber lo que piensa en los comentarios!