¿Cómo agregar campos repetidores en sus formularios de WordPress?

Si necesita un formulario personalizado para sus usuarios, es imprescindible aprender a agregar un campo repetidor de WordPress al formulario.

Tener un campo repetidor significa que los usuarios pueden crear tantos subcampos como deseen e ingresar todos los datos necesarios. Y a su vez, obtienes datos personalizados de cada uno de tus usuarios, lo que te permite analizarlos mejor.

Un complemento como Everest Forms lo ayudará a agregar un campo repetidor en los formularios de WordPress sin problemas. Y le mostraremos cómo hacerlo en el tutorial paso a paso a continuación.

Pero antes de eso, comprendamos las razones clave por las que debería considerar el uso de campos repetibles en sus formularios.

¿Por qué necesita un campo repetible en sus formularios?

Los formularios pueden volverse largos y complejos muy rápidamente cuando intenta extraer información detallada de sus usuarios.

Suponga que necesita conocer la formación académica completa de sus usuarios. En tal caso, mostrar campos para cada posible calificación y grado que puedan tener desordenará su formulario.

¿No sería mucho mejor usar un campo repetidor de WordPress, donde el usuario puede crear tantos campos como necesite e ingresar sus datos educativos? Esto proporciona una experiencia de forma personalizada para los usuarios mientras recibe toda la información requerida.

Entonces, usando tales campos repetibles de formulario de WordPress, puede:

• Reduzca la tasa de abandono de formularios causada por formularios largos y complejos.
• Recibe información veraz de tus usuarios.

Es por eso que debe agregar un campo repetidor de WordPress donde sea necesario en sus formularios.

Dicho esto, repasemos nuestra guía sobre cómo puede crear un campo repetidor en WordPress.

¿Cómo agregar campos repetidores en sus formularios de WordPress?

Recomendamos usar Everest Forms para agregar un campo repetidor en los formularios de WordPress, tal como lo hicimos en este tutorial.

Es uno de los complementos de creación de formularios más populares en WordPress, con más de 100 000 instalaciones activas. Y todo gracias a su generador de formularios de arrastrar y soltar fácil de usar y sus opciones de personalización.

Sin mencionar las funciones avanzadas incluidas en los complementos premium que se pueden usar para ampliar la funcionalidad del complemento. Por lo tanto, los campos repetibles de formularios de WordPress son solo una de sus muchas características excelentes.

Agregar campos repetidores en sus formularios de WordPress es bastante fácil cuando tiene a mano un complemento como Everest Forms. Solo necesita seguir los pasos que se explican a continuación con precisión.

¡Vamos a empezar!

1. Instale y active el complemento gratuito Everest Forms

Lo primero que debes hacer es instalar y activar la versión gratuita de Everest Forms.

Para hacerlo, inicie sesión en el panel de control de su sitio web de WordPress y abra Complementos >> Agregar nuevo .

Escriba "Everest Forms" en la barra de búsqueda y el complemento aparecerá en los resultados de búsqueda. Presione el botón Instalar ahora para iniciar el proceso de instalación.

Luego, haga clic en el botón Activar para completar la instalación. Ahora, tiene la versión gratuita del complemento Everest Forms en su sitio.

2. Descargue e instale el complemento Premium Repeater Field

El complemento gratuito Everest Forms es más que suficiente para crear contactos simples y otros tipos de formularios. Sin embargo, para crear específicamente un formulario con un campo repetidor de WordPress, necesitará la versión premium de Everest Forms. Viene con el complemento Campo repetidor, que le permite agregar tantos campos repetidores como desee en su formulario.

Es por eso que primero debe comprar un plan Profesional o de Agencia para Everest Forms para usar este complemento. Simplemente diríjase a la página oficial de precios y compre cualquiera de los dos planes adecuados para usted.

Luego, crea tu cuenta e inicia sesión en ella. Accederá al panel de control de su cuenta, donde se enumeran todos los complementos disponibles en su plan en la sección Descargas .

Los que necesita son solo los complementos Everest Forms Pro y Repeater Field . Simplemente descargue ambos y se guardarán como archivos ZIP en su dispositivo.

Ahora, regrese al tablero de WordPress y abra Complementos >> Agregar nuevo .

Ahora puede cargar los archivos para instalarlos uno por uno. Asegúrese de instalar el complemento Pro antes de instalar el complemento de campo repetidor . De lo contrario, puede encontrar errores importantes.

Por lo tanto, haga clic en el botón Cargar complemento y elija primero el archivo Everest Forms Pro .

Luego, presione Instalar ahora y Activar complemento para completar la instalación.

Repita el mismo proceso con el complemento Campo repetidor .

Ahora, la página de complementos instalados tendrá estos 3 complementos: Everest Forms , Everest Forms (Pro) y Everest Forms Repeater Field .

Puede ver un aviso en la parte superior de esta página que le indica que ingrese la clave de licencia para el complemento Everest Forms (Pro) . Encontrará esta clave en la pestaña Claves de licencia del panel de control de su cuenta.

Simplemente copie la clave, péguela en el campo debajo de Everest Forms (Pro) y presione enter.

Con eso, está listo para comenzar a crear un formulario con campos repetibles.

3. Crear un nuevo formulario con campo repetidor

Comience navegando a Everest Forms >> Agregar nuevo . Esta página le brinda la opción de crear un formulario completamente nuevo o personalizar plantillas prefabricadas.

Everest Forms viene con múltiples plantillas de inicio para diferentes tipos de formularios. Si tiene poco tiempo, puede crear formularios de contacto simples, formularios de solicitud de licencia, formularios de citas médicas, formularios de solicitud de empleo, etc., con estas plantillas.

Pero en este tutorial, le mostraremos cómo crear un nuevo formulario desde cero y agregarle un campo repetidor de WordPress. Por lo tanto, haga clic en la opción Comenzar desde cero .

Luego, asigne a su formulario un nombre simple y lógico. Por ejemplo, puede titularlo como 'Formulario de contacto para visitantes'.

Después de presionar el botón, se lo dirigirá al generador de formularios que se ve así.

A la izquierda están todos los campos de formulario disponibles para su uso y sus opciones de campo. A la derecha es donde crea el formulario agregando filas y colocando campos en ellas. Todo lo que tiene que hacer es arrastrar los campos de la izquierda a la fila de la derecha.

Cuando necesite agregar otra fila, haga clic en Agregar fila . Esto crea una nueva fila para campos regulares, no para campos repetibles.

Para este último, debe presionar el botón Agregar fila de repetidores .

Esto crea una fila repetida donde puede agregar campos como lo hace habitualmente. La única diferencia es que esta fila de campo ahora aparecerá repetible en su formulario.

Continúe agregando los campos necesarios hasta completar el formulario y haga clic en Guardar cuando haya terminado. Puede ver cómo se ve el formulario en la interfaz con la función Vista previa .

4. Personalizar y configurar los ajustes del formulario

A continuación, debe personalizar todos los campos que ha agregado a su formulario. Para hacerlo, haga clic en el campo que desea editar y sus Opciones de campo aparecerán a la izquierda.

Puede editar la etiqueta , la clave meta y la descripción desde aquí. También puede hacer un campo Obligatorio para que los usuarios envíen el formulario. Además de estas opciones clave, el complemento también viene con opciones de personalización específicas para diferentes campos.

Además, Everest Forms ofrece opciones avanzadas como texto de marcador de posición, valor predeterminado , clases de CSS , habilitar autocompletar y más.

Del mismo modo, puede habilitar la lógica condicional en los campos para una experiencia personalizada de llenado de formularios.

También debe editar la fila repetidora haciendo clic en Campos repetidores antes de personalizar los campos dentro de ella.

Además de las opciones generales, obtiene las siguientes opciones avanzadas para la fila de repetidores:

• Ocultar campo repetidor: oculta o muestra el campo repetidor en la vista frontal.
• Límite de repetición: establezca un límite de repetición para el campo repetidor. Dejar el límite de repetición vacío significa permitir que los usuarios agreguen campos repetidores una cantidad infinita de veces.
• Agregar nueva etiqueta: cambia la etiqueta del botón Agregar .
• Quitar etiqueta: cambie la etiqueta del botón Quitar .
• Ocultar Etiqueta: Permite ocultar la etiqueta del campo del formulario.
• Clases CSS: use clases CSS personalizadas para los campos repetidores.

Eso no es todo. Hay más opciones de configuración en la pestaña Configuración del generador de formularios.

En la sección General , puede cambiar el nombre del formulario, la descripción del formulario, el diseño del diseño , el texto del botón Enviar , el mensaje de formulario desactivado y mucho más. Mejor aún, puede habilitar el antispam, deshabilitar el almacenamiento de entradas, permitir el envío de formularios ajax, etc., para el formulario.

También puede crear y editar plantillas de correo electrónico desde la sección Correo electrónico para administradores y usuarios. Incluso puede aplicar lógica condicional para cuando desea enviar o no enviar el correo electrónico en cuestión.

Una vez que haya completado los cambios necesarios, no olvide presionar el botón Guardar .

Ahora en la interfaz, un usuario que complete el formulario podrá proporcionar su información completa a través del campo repetidor de WordPress. Solo necesitan hacer clic en el botón Agregar y aparecerá un nuevo conjunto de los mismos campos en el formulario. También pueden Eliminar la fila que no necesitan.

5. Coloque el formulario en su sitio web de WordPress

El formulario de contacto personalizado con campos repetibles ahora está listo para colocarse en su sitio web de WordPress.

Puedes hacer esto de dos maneras fáciles. Simplemente copie el código abreviado del formulario desde la parte superior del generador de formularios y abra la página o publicación en la que desea mostrar el formulario.

Luego, haga clic en el ícono + y agregue el bloque Shortcode .

Pegue el código abreviado que copió aquí y haga clic en Actualizar .

Alternativamente, puede buscar el bloque Everest Forms y elegir el formulario del menú desplegable.

Finalmente, haz clic en Actualizar y ¡listo! Su formulario con el campo repetidor de WordPress ahora está activo en su sitio web.

Terminando

Los campos repetibles son una característica bastante útil cuando necesita datos personalizados sobre sus usuarios. Y el complemento Everest Forms hace que sea más fácil que nunca crear formularios personalizados con campos repetidos para colocar en su sitio.

Todo lo que necesita es su complemento de campo repetidor y este completo tutorial.

Sin embargo, esto fue solo un adelanto de las amplias posibilidades que ofrece Everest Forms. Por ejemplo, puede enviar datos de formularios de contacto a Hojas de cálculo de Google, crear formularios de encuestas e incluso cambiar el color del botón de envío.

Obtenga más información sobre Everest Forms en nuestro blog lleno de contenido de WordPress. Además, síganos en Facebook y Twitter para mantenerse actualizado.