Referencia de campos del formulario
Elige el campo más específico que represente la respuesta. Esto mejora la validación, los teclados móviles, la accesibilidad y las asignaciones posteriores.
Campos de entrada
| Campo | Úsalo para | Comprobaciones importantes |
|---|---|---|
| Texto | Nombres, referencias y respuestas cortas | Explica el formato; no lo uses para textos largos |
| Correo electrónico | Direcciones de correo electrónico | Verifica la validación y úsalo como Reply-To solo cuando corresponda |
| Teléfono | Números de teléfono | Configura los caracteres permitidos y cualquier código de país esperado |
| URL | Direcciones web | Explica si se espera una URL completa |
| Número | Datos numéricos comparables | Define mínimo, máximo y paso cuando corresponda |
| Área de texto | Respuestas largas | Explica el alcance o la longitud esperados |
| Fecha | Una fecha de calendario | Prueba la presentación según la configuración regional y el valor almacenado |
| Hora | Una hora del día | Indica la zona horaria cuando sea relevante |
| Fecha y hora | Una sola marca de tiempo combinada | Indica la zona horaria y el significado de la programación |
Campos de elección
| Campo | Úsalo para |
|---|---|
| Selector | Una elección de una lista compacta más larga |
| Botón de opción | Una elección cuando todas las opciones deben permanecer visibles |
| Casilla de verificación | Un reconocimiento o consentimiento de sí/no |
| Grupo de casillas | Varias selecciones de un mismo conjunto |
Usa etiquetas legibles y valores de opción estables. Las condiciones, los webhooks, las notificaciones y las asignaciones de publicaciones pueden depender de esos valores; revisa cada dependencia antes de cambiarlos.
Campos de carga e integración
| Campo | Úsalo para | Límite |
|---|---|---|
| Carga de archivo | Un archivo local gestionado por WordPress | Limitado por las reglas globales y de tipo/tamaño del campo |
| Audio | Una carga de audio o una grabación del navegador | La grabación depende del soporte del navegador; la selección de archivo sigue siendo la alternativa |
| Carga de Google Drive | Envía una carga mediante la integración de Drive configurada | Disponible solo después de configurar la integración |
No permitas nunca tipos o tamaños de archivo más amplios de lo que necesita el flujo de trabajo. Explica qué se acepta, adónde se envía y cuánto tiempo se conserva.
Campos estructurales y no de entrada
| Campo | Úsalo para |
|---|---|
| Oculto | Contexto de confianza proporcionado por la página o la integración, no un control de seguridad |
| HTML | Instrucciones o marcado de apoyo |
| Encabezado | Un encabezado de sección con significado |
| Enviar | La acción final, con una etiqueta que describe lo que ocurre |
Un campo oculto sigue siendo un dato enviado desde el cliente y no se debe confiar en él para autorización, precio o identidad sin verificación en el servidor.
Ajustes compartidos por muchos campos
- Etiqueta: nombre visible del campo.
- Nombre: identificador de máquina estable que usan las etiquetas de combinación y las acciones.
- Texto de ayuda: propósito, formato o límite.
- Obligatorio: si el envío puede continuar sin un valor.
- Valor predeterminado: valor rellenado de antemano cuando corresponda.
- Controles de CSS/diseño: presentación, no validación.
- Lógica condicional: cuándo se muestra u oculta el campo.
- Validación: comprobaciones y mensajes específicos del tipo de campo y de la regla.
Usa nombres descriptivos en minúsculas como contact_email o booking_date. Los nombres deben ser únicos dentro del formulario. Cambiar el nombre de uno puede romper {{field:contact_email}}, las claves de campo de los webhooks, las condiciones y las asignaciones de publicaciones.
Accesibilidad
Mantén las etiquetas visibles, agrupa las opciones relacionadas bajo una pregunta clara, coloca la ayuda o los errores junto al campo, conserva un orden lógico de teclado y no comuniques el estado solo mediante el color. Prueba el autocompletado del navegador, el zoom, la entrada móvil y el envío sin iniciar sesión.