¿Le gustaría permitir a los usuarios repetir conjuntos de información similar en sus formularios de WordPress? El campo Repetidor en WPForms le permite crear conjuntos de campos repetidos en sus formularios. Esto puede ser particularmente útil para recopilar múltiples entradas de información similar, como múltiples habilidades o experiencias laborales.
Este tutorial mostrará cómo utilizar el campo Repetidor en WPForms.
- Añadir un campo repetidor al formulario
- Elegir la opción de visualización
- Elegir una disposición de columnas
- Añadir campos al campo repetidor
- Personalización de los botones Añadir y Eliminar
- Establecer límites a las entradas de repetidor
- Configuración de las opciones avanzadas del campo del repetidor
- Configuración de la lógica condicional
- Vista previa del formulario
- Preguntas frecuentes
Antes de empezar, asegúrese de instalar y activar WPForms y verificar su licencia. A continuación, cree un nuevo formulario o edite uno existente para acceder al constructor de formularios.
Añadir un campo repetidor al formulario
En el constructor de formularios, encontrarás el campo Repetidor en la sección Campos de fantasía. Haz clic en el campo Repetidor o arrástralo y suéltalo en el área de vista previa del formulario para añadirlo a tu formulario.
Elegir la opción de visualización
Después de añadir el campo Repetidor, debe elegir cómo se mostrará el grupo de campos en el frontend de su sitio.
Para ello, haga clic en el campo Repetidor del constructor para abrir su panel Opciones de campo. Allí, verás una sección Mostrar con dos opciones: Filas y Bloques.
A continuación te explicamos cómo funciona cada una de estas opciones para ayudarte a decidir cuál utilizar.
Filas
Esta opción está seleccionada por defecto. Muestra cada grupo de campos en una lista vertical, uno debajo del otro. La visualización Filas es perfecta para formularios sencillos en los que cada dato se introduce por separado. Por ejemplo, puede utilizar la visualización Filas para recopilar los enlaces del perfil de redes sociales de un usuario o enlaces a piezas de la cartera para una solicitud de empleo.
Con la visualización Filas, sólo puede añadir campos uno al lado del otro, no uno debajo del otro. Por ejemplo, en un diseño de 3 columnas, puede colocar tres campos uno al lado del otro en una sola fila.
Bloquea
Esta opción ofrece más flexibilidad a la hora de organizar los campos. Puede crear varias columnas y filas dentro de cada bloque, lo que permite un diseño más complejo y organizado.
La presentación Bloques es ideal para agrupar campos relacionados. Por ejemplo, puede utilizar la presentación Bloques para recopilar el historial de empleo detallado, con campos para el puesto, la empresa, la ubicación, la fecha de inicio y la fecha de finalización, todos dentro del mismo bloque.
Sólo tiene que elegir la opción que mejor se adapte a las necesidades de su formulario para controlar cómo se mostrarán los conjuntos repetidos.
Elegir una disposición de columnas
A continuación, debe elegir el diseño predefinido para su campo Repetidor.
El campo Repetidor ofrece múltiples opciones para organizar los campos del formulario en diferentes columnas. Para abrir el panel Opciones de campo y ver los diseños de columna disponibles, haga clic en el campo Repetidor en el área de vista previa del formulario.
Ahora verá varios diseños disponibles en la sección Diseño, cada uno con diferentes configuraciones de columna. El diseño por defecto para el campo Repetidor es el de una sola columna. Sin embargo, puede elegir otras configuraciones si es necesario.
Nota: Las opciones de diseño de columna en el campo Repetidor son similares a las del campo Diseño. Para obtener una guía detallada sobre el uso y la personalización de los diseños, consulta nuestra guía sobre el uso del campo Diseño.
Añadir campos al campo repetidor
Una vez que haya seleccionado la visualización y la opción de diseño, puede empezar a añadir campos a las columnas en el campo Repetidor.
Para añadir un campo a cualquier columna del campo Repetidor, haga clic y arrastre el campo desde la barra lateral hasta la columna de destino.
Puede personalizar los campos que agrega a un campo Repetidor como cualquier otro campo en WPForms. Esto incluye la configuración de etiquetas, marcadores de posición y otras opciones. Sin embargo, tenga en cuenta que la lógica condicional y los cálculos no se pueden activar en los campos dentro de un campo Repetidor.
Nota: No todos los campos pueden añadirse al campo Repetidor. Consulte nuestra sección de preguntas frecuentes para obtener una lista completa de los campos no admitidos.
Personalización de los botones Añadir y Eliminar
Si utiliza la opción de visualización Bloques, puede personalizar el diseño y las etiquetas de los botones para añadir y eliminar conjuntos repetidos de campos.
En el panel Opciones de campo, encontrará el desplegable Tipo de botón, donde podrá elegir entre varios diseños para los botones Añadir y Eliminar. Las opciones incluyen Botones con iconos, Botones, Iconos con texto, Iconos y Texto sin formato.
También puede cambiar las etiquetas de estos botones utilizando entradas de texto normales. En la sección Etiquetas de los botones, introduzca el texto que prefiera para las etiquetas Añadir y Eliminar.
Establecer límites a las entradas de repetidor
El campo Repetidor también ofrece opciones para limitar el número de entradas que un usuario puede añadir para un único envío.
Por defecto, el mínimo está fijado en 1, mientras que el máximo está fijado en 10. Sin embargo, puedes actualizar estos límites como quieras.
En el panel Opciones de campo del campo Repetición, desplácese hacia abajo y localice la sección Límite. Aquí puede establecer el número mínimo y máximo de veces que se puede repetir el campo. Esto ayuda a asegurarse de que los usuarios proporcionan la cantidad necesaria de información sin exceder el límite permitido.
Configuración de las opciones avanzadas del campo del repetidor
La pestaña Avanzado le permite configurar opciones adicionales para el campo Repetidor. Puede establecer el tamaño del campo y añadir una descripción para proporcionar más contexto a los usuarios.
Tamaño del campo
Esta opción le permite elegir el ancho de su campo Repetidor. Puede elegir entre Pequeño, Mediano o Grande.
Nota: La opción Tamaño de campo se desactivará si selecciona una presentación con más de una columna.
Descripción
También puede añadir una descripción al campo Repetidor para proporcionar información adicional o instrucciones. Este texto aparecerá debajo del campo Repetidor en su formulario, proporcionando a los usuarios contexto y orientación adicionales.
Configuración de la lógica condicional
La pestaña Lógica inteligente permite aplicar lógica condicional a todo el campo Repetidor. Esto significa que puede mostrar u ocultar el campo Repetidor en función de las entradas del usuario de otros campos del formulario.
Para activar la lógica condicional, basta con activar la opción Activar lógica condicional.
Nota: La lógica condicional se aplica a todo el campo Repetidor y no a campos individuales dentro del campo Repetidor. Además, los campos que añada al campo Repetidor no pueden tener su propia lógica condicional.
Para más detalles sobre el uso de la lógica condicional, consulte nuestra guía sobre el uso de la lógica condicional en WPForms.
Vista previa del formulario
Una vez que haya configurado el campo Repetidor y añadido todos los campos necesarios, guarde su formulario haciendo clic en el botón Guardar situado en la parte superior derecha del constructor de formularios.
A continuación, haga clic en el botón Vista previa para ver cómo se verá su formulario en el frontend, asegurándose de que todo aparece como se espera.
Nota: Siempre recomendamos probar los formularios antes de publicarlos para asegurarse de que la lógica condicional y otras funciones funcionan correctamente. Consulta nuestra lista completa de comprobación de formularios para obtener una guía paso a paso de este proceso.
Preguntas frecuentes
Estas son las respuestas a algunas de las preguntas más comunes que recibimos sobre el uso del campo Repetidor en WPForms.
¿Qué campos no pueden añadirse a un campo Repetidor?
Los siguientes campos no pueden añadirse dentro de un campo Repetidor:
- Repetidor
- Salto de página
- Divisor de sección
- Vista previa
- Campos de pago (Stripe, Square, etc)
- Cupón
- Total
- Captcha personalizado
- Carga de archivos
- Escala Likert
- Net Promoter Score
¿Por qué no se muestra correctamente el campo Repetidor?
Esto suele ocurrir si has aplicado clases CSS personalizadas al formulario con el campo Repetidor. Para resolver este problema, comprueba que no haya clases CSS conflictivas en el formulario que puedan estar afectando al diseño del campo Repetidor.
¿Puedo utilizar varios campos de repetición en un mismo formulario?
Sí, puede añadir varios campos de repetición a su formulario y configurar cada uno de ellos por separado.
¿Funciona el campo Repetidor con todos los addons de WPForms?
El campo Repetidor funciona con estos complementos WPForms:
- Formas conversacionales
- Abandono de formularios
- Geolocalización
- Hojas de cálculo de Google
- Formularios fuera de línea
- Guardar y reanudar
- Salesforce
- Firma
- Trayectoria del usuario
Ya está. Ahora ya sabe como usar el campo Repetidor en WPForms para crear formularios dinámicos y flexibles.
A continuación, ¿te gustaría mejorar fácilmente el diseño de tus formularios con temas ya creados? Asegúrate de consultar nuestra guía sobre el uso de temas de formularios para obtener todos los detalles sobre cómo aplicar estos temas a tus formularios.