¿Le gustaría restringir las opciones de fecha y hora que se pueden seleccionar en sus formularios de WordPress? Por ejemplo, si su oficina sólo está abierta de 9 a 17 horas, de lunes a viernes, entonces es posible que desee evitar que los visitantes hagan una cita fuera de esos días y horas.
Este tutorial le mostrará cómo limitar las opciones para el campo Fecha / Hora en WPForms.
Antes de empezar, primero tendrá que asegurarse de que WPForms está instalado y activado en su sitio de WordPress, y que ha verificado su licencia. A continuación, puede crear un nuevo formulario o editar uno existente para acceder al constructor de formularios.
Añadir un campo de fecha/hora
Una vez abierto el generador de formularios, busque en la sección Campos de fantasía el campo Fecha / Hora. Simplemente haga clic en él o arrástrelo y suéltelo en el área de vista previa para añadirlo a su formulario.
Limitación de fechas y horas disponibles
Para seleccionar ciertas fechas y horas que los visitantes de su sitio pueden 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, en el panel Opciones de campo, haga clic en la pestaña Avanzadas para abrir las opciones avanzadas del campo.
Esto abrirá configuraciones adicionales que puede personalizar, incluyendo opciones para Limitar Días y Limitar Horas. Revisaremos ambas opciones en las siguientes secciones.
Limitar la fecha
Para limitar los días que pueden elegir sus usuarios, deberá seleccionar la opción Limitar días.
Esto abrirá una lista de días que puedes activar o desactivar en tus formularios. Asegúrate de marcar las casillas de los días que te gustaría permitir a tus usuarios elegir, y deja sin marcar las casillas de los días que te gustaría bloquear a tus usuarios.
Desactivar 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 ello, solo tendrás que seleccionar la opción Desactivar fechas pasadas.
Si las fechas están desactivadas, aparecerán en gris en el frontend de su sitio.
Limitar el tiempo
Del mismo modo, puede limitar las horas disponibles para que sus usuarios elijan dentro de sus formularios. Para ello, primero tendrás que seleccionar la opción Limitar horas.
Una vez activada esta opción, verás opciones adicionales para configurar la Hora de inicio y la Hora de finalización de tus horas. Para cada uno de estos ajustes, puede hacer clic en el menú desplegable y seleccionar las horas que desea 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 finalización seleccionadas estarán disponibles para que sus usuarios puedan elegir.
Preguntas frecuentes
Estas son las respuestas a algunas de las preguntas más frecuentes que recibimos sobre la limitación de las opciones del campo Fecha / Hora.
¿Cómo desactivo las fechas futuras al utilizar la opción Selector de fecha?
Para desactivar las fechas futuras, tendrá que añadir un fragmento de código personalizado a su sitio de WordPress. A continuación se muestra el fragmento para agregar a su sitio.
Si necesitas ayuda para añadir fragmentos de código a tu sitio, no dejes de consultar nuestra guía para aprender cómo hacerlo.
¿Puedo limitar el campo Fecha / Hora en función de la entrada de otro campo?
Si tiene 2 campos Fecha / Hora en su formulario, puede comparar ambas fechas para evitar que los usuarios seleccionen una fecha anterior a la del primer campo Fecha / Hora. Esto puede ser útil cuando se crea un formulario que permite a los usuarios especificar su fecha de pedido y recogida.
Para más detalles, no deje de consultar nuestra guía para aprender a comparar 2 campos Fecha / Hora.
Ya está. Acabamos de mostrarle cómo limitar las opciones para el campo Fecha / Hora en WPForms.
A continuación, ¿le gustaría cambiar la apariencia del campo Fecha / Hora en sus formularios de WordPress? Asegúrese de revisar nuestro tutorial sobre la personalización del campo Fecha / Hora para más detalles.