Resumen de IA
¿Le gustaría restringir las opciones de fecha y hora que se pueden seleccionar en sus formularios de WordPress? Por ejemplo, si su oficina solo abre de 9 a. m. a 5 p. m., de lunes a viernes, es posible que desee evitar que los visitantes hagan una cita fuera de esos días y horarios.
Este tutorial le mostrará cómo limitar las opciones para el campo Fecha / Hora en WPForms.
Antes de empezar, primero deberá asegurarse de que WPForms esté instalado y activado en su sitio de WordPress, y que haya verificado su licencia. Luego, puede crear un nuevo formulario o editar uno existente para acceder al generador de formularios.
Añadir un campo de fecha / hora
Una vez que el constructor de formularios esté abierto, busque en la sección Campos avanzados para encontrar el campo Fecha / Hora. Simplemente haga clic en él o arrástrelo y suéltelo en el área de vista previa para agregarlo a su formulario.
Limitar las fechas y horas disponibles
Para seleccionar ciertas fechas y horas que sus visitantes del sitio puedan elegir en sus formularios, haga clic en el campo Fecha / Hora en el área de vista previa para abrir sus Opciones de campo.
A continuación, dentro del panel Opciones de campo, haga clic en la pestaña Avanzado para abrir las opciones avanzadas del campo.
Esto abrirá configuraciones adicionales que puede personalizar, incluidas las opciones para Limitar días y Limitar horas. Revisaremos ambas opciones en las siguientes secciones.
Limitar la fecha
Para limitar qué días están disponibles para que sus usuarios elijan, deberá seleccionar la opción Limitar días.
Esto abrirá una lista de días que puede habilitar o deshabilitar dentro de sus formularios. Asegúrese de marcar las casillas de los días que le gustaría permitir que sus usuarios elijan, y deje las casillas desmarcadas para los días que le gustaría bloquear a sus usuarios.
Deshabilitar fechas pasadas
Además de seleccionar qué días de la semana están disponibles para que sus usuarios elijan, también puede evitar que seleccionen fechas pasadas dentro de sus formularios. Para hacer esto, solo necesita seleccionar la opción Deshabilitar fechas pasadas.
Cuando las fechas están deshabilitadas, aparecerán atenuadas en el frontend de su sitio.
Limitar la hora
De manera similar, puede limitar qué horas están disponibles para que sus usuarios elijan dentro de sus formularios. Para hacer esto, primero deberá seleccionar la opción Limitar horas.
Una vez habilitado esto, verá opciones adicionales para configurar la Hora de inicio y la Hora de fin de sus horas. Para cada una de estas configuraciones, puede hacer clic en el menú desplegable y seleccionar las horas que le gustaría mostrar a los visitantes de su sitio.
En el frontend de su sitio, todas las horas disponibles entre la Hora de inicio y la Hora de fin seleccionadas estarán disponibles para que sus usuarios las elijan.
Preguntas frecuentes
Estas son las respuestas a algunas de las preguntas más frecuentes que recibimos sobre cómo limitar las opciones del campo Fecha / Hora.
¿Cómo deshabilito las fechas futuras al usar la opción Selector de fechas?
Para deshabilitar las fechas futuras, necesitarás agregar un fragmento de código personalizado a tu sitio de WordPress. A continuación, se muestra el fragmento que debes agregar a tu sitio.
Si necesitas ayuda para agregar fragmentos de código a tu sitio, asegúrate de consultar nuestra guía para aprender cómo.
¿Puedo limitar el campo Fecha / Hora según la entrada de otro campo?
Si tienes 2 campos de Fecha / Hora en tu formulario, puedes comparar ambas fechas para evitar que los usuarios seleccionen una fecha anterior a la del primer campo de Fecha / Hora. Esto puede ser útil al crear un formulario que permita a los usuarios especificar su fecha de pedido y recogida.
Para más detalles, asegúrate de consultar nuestra guía para aprender cómo comparar 2 campos de Fecha / Hora.
¡Eso es todo! Te hemos mostrado cómo limitar las opciones para el campo Fecha / Hora en WPForms.
¿Te gustaría cambiar la apariencia del campo Fecha / Hora en tus formularios de WordPress? Asegúrate de consultar nuestro tutorial sobre cómo personalizar el campo Fecha / Hora para más detalles.