<html lang="es-es" dir="ltr"><head></head><body>### [Muestra un recuento en vivo de los campos repetidores en tu formulario](https://wpforms.com/developers/show-a-live-count-of-repeater-fields-in-your-form/)

**Publicado:** 3 de junio de 2025
**Autor:** Umair Majeed

**Contenido:**

¿Te gustaría mostrar un recuento en vivo de cuántas filas de campos repetidores se han agregado a tu formulario? Esto puede ser útil cuando quieres que los usuarios vean cuántos elementos han introducido, especialmente en escenarios como la adición de nombres, tareas o artículos de productos.

En este tutorial, te guiaremos sobre cómo actualizar automáticamente un campo de "Recuento" en tiempo real utilizando un simple fragmento de PHP.

**Nota**: Este tutorial implica la adición de PHP y JavaScript. Si necesitas ayuda para agregar fragmentos a tu sitio, revisa esta [guía sobre cómo agregar código personalizado para WPForms](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/).

## Creación de tu formulario

Para empezar, crea tu formulario e incluye un campo Repetidor junto con un campo de **Texto de línea única** etiquetado como "Recuento" o similar. Este campo se actualizará automáticamente y no debe ser completado manualmente por el usuario.

Si necesitas ayuda para crear un formulario, consulta nuestro tutorial sobre [cómo crear tu primer formulario](https://wpforms.com/docs/creating-first-form/).

## Adición del fragmento de código

Utiliza el siguiente fragmento para habilitar la función de recuento en vivo en tu formulario.

## Personalización del fragmento de código

Necesitarás actualizar las siguientes IDs en el fragmento para que coincidan con tu propio formulario:

- `wpforms-5410-field_1-container`: Reemplaza `5410` con el ID de tu formulario real y `field_1` con el ID de tu campo Repetidor.
- `wpforms-5410-field_3`: Reemplaza `field_3` con el ID de tu campo de Recuento.

Para localizar las IDs de tu formulario y campo, consulta [este tutorial](https://wpforms.com/developers/how-to-locate-form-id-and-field-id/).

Una vez que se agregue este fragmento y se actualicen las IDs, el campo de Recuento se actualizará automáticamente a medida que los usuarios agreguen o eliminen filas del repetidor.

¡Y eso es todo! Ahora has agregado un contador dinámico a tu campo repetidor, brindando a los usuarios una visión clara de cuántas entradas han realizado.

**Categorías:** Campos, Extensión

---</body></html>