Cómo localizar el ID del formulario y el ID del campo

Al usar fragmentos de código personalizados o CSS con WPForms, a menudo necesitarás encontrar los ID específicos de formularios y campos. Estos ID te ayudan a dirigirte exactamente al formulario o campo que deseas personalizar.

Esta guía te mostrará las formas más rápidas de encontrar estos ID.

Encontrar el ID de tu formulario

La forma más sencilla de encontrar rápidamente el ID de un formulario es en la página Vista general de formularios. Para ir a esta página, ve a WPForms » Todos los formularios y busca la columna Shortcode. El ID de tu formulario es el número dentro del shortcode.

Por ejemplo, la captura de pantalla a continuación indica el shortcode [wpforms id="1233"]. El ID de este formulario sería 1233.

Encontrar el ID de tu campo

Para encontrar el ID de un campo específico, edita tu formulario en el Creador de formularios. Luego, haz clic en el campo que deseas identificar y mira el panel Opciones del campo a la izquierda. El ID del campo aparece en la parte superior de la pestaña General.

Por ejemplo, si ves "Texto de línea única (ID #15)", tu ID de campo es 15.

Cómo usar estos ID

Cuando veas fragmentos de código en nuestra documentación, necesitarás reemplazar los ID de ejemplo con tus ID reales. Aquí te mostramos cómo usarlos correctamente:

• Para los ID de formulario, reemplaza TU-ID-DE-FORMULARIO con tu número de formulario real. Por ejemplo, si tu ID de formulario es 561, cambia wpforms-TU-ID-DE-FORMULARIO por wpforms-561
• Para los ID de campo, reemplaza TU-ID-DE-CAMPO con tu número de campo real. Por ejemplo, si tu ID de campo es 13, cambia field_TU-ID-DE-CAMPO por field_13.

Así que si tu ID de formulario es 999 y tu ID de campo es 4, deberías cambiar:

jQuery('#wpforms-123-field_13')

a:

jQuery('#wpforms-999-field_4')

Estos ID son esenciales para muchas personalizaciones:

• Los ID de formulario son necesarios al aplicar CSS a un formulario específico, agregar validación personalizada o crear funcionalidades específicas del formulario.
• Los ID de campo son necesarios al estilizar campos específicos, agregar reglas de validación personalizadas o crear cálculos específicos del campo.

Por ejemplo, al personalizar los colores del botón de envío, usar ID de formulario específicos asegura que tus cambios solo afecten a los formularios deseados:

/* Customize submit button color for specific forms */
#wpforms-form-561 .wpforms-submit {
    background-color: red;
}

¡Y eso es todo lo que necesitas para encontrar y usar los ID de formulario y campo!

A continuación, ¿te gustaría aprender más sobre cómo personalizar tus formularios? Echa un vistazo a nuestra guía sobre cómo añadir estilos CSS personalizados para tus formularios.