¿Le gustaría mostrar información en sus formularios sin permitir que los usuarios la cambien? Con WPForms, puede hacer que cualquier campo sea de sólo lectura para que los usuarios puedan ver los valores pero no editarlos.
En este tutorial, le mostraremos cómo habilitar la opción de sólo lectura en el constructor de formularios.
Habilitar sólo lectura para un campo
Para empezar, abra su formulario en el constructor y haga clic en el campo que desea hacer de sólo lectura. A continuación, abre la pestaña Avanzadas del panel Opciones de campo y activa la opción Solo lectura.
Una vez activado, el campo permanecerá visible en el formulario, pero los usuarios no podrán cambiar su valor.
Casos prácticos de campos de sólo lectura
Los campos de sólo lectura son útiles en muchos casos, por ejemplo:
- Visualización de datos precumplimentados: Por ejemplo, puede insertar etiquetas inteligentes como
{user_email}o{user_display_name}para mostrar los detalles de la cuenta de un usuario sin permitirle editar esos valores. - Mostrar totales calculados: Si tu formulario calcula un valor (como totales de pedidos o puntuaciones), puedes mostrarlo en un campo de sólo lectura.
- Formularios de confirmación: Permita a los usuarios revisar la información antes de enviarla sin alterarla.
- Restricciones basadas en roles: Combina la lógica condicional con campos de sólo lectura para que determinados usuarios sólo puedan ver los datos mientras que otros pueden editarlos.
Aspecto de los campos de sólo lectura en el frontend
En el frontend, los campos de solo lectura aparecen en gris o como desactivados para que quede claro que no se pueden cambiar. Este estilo funciona en los temas de formulario Classic y Modern, así como en los creadores de páginas como Gutenberg y Divi.
Aunque el campo esté bloqueado, su valor se envía con la entrada del formulario.
Nota: Si desea administrar campos de sólo lectura mediante programación, WPForms proporciona una API JavaScript con métodos para bloquear, desbloquear y alternar campos. Para obtener más información, consulte nuestra guía para desarrolladores sobre el uso de la API de JavaScript para campos de solo lectura.
Ya está. Ahora ya sabe como configurar campos de solo lectura en WPForms.
A continuación, ¿le gustaría rellenar los campos automáticamente? Consulte nuestro tutorial sobre cómo añadir valores predeterminados a los campos de formulario.