Combinar campos de data e hora para completar formularios de programación
Unha data sen hora está incompleta para a programación. "Gustaríame reservar o 15 de xaneiro"... vale, pero a que hora? Os formularios de programación eficaces necesitan ambas as cousas: un selector de datas para o día e un selector de hora para a hora. Xuntos, capturan exactamente cando alguén quere reservar, reunirse ou asistir.
Nesta guía, aprenderás a combinar campos de data e hora para crear formularios de programación completos en WordPress.
Por que separar os campos de data e hora?
Vantaxes dos campos separados
- Validación independente: Regras diferentes para cada un
- Restricións flexibles: Bloquear fins de semana por data, definir horario comercial por hora
- Mellor UX móbil: Os selectores nativos funcionan ben por separado
- Máis claro para os usuarios: Unha decisión á vez
- Manexo de datos máis sinxelo: Almacenar e procesar de forma independente
Cando necesitas ambos
- Programación de citas
- Solicitudes de reunión
- Rexistro de eventos con horarios específicos
- Reservas de servizos
- Solicitudes de consulta
- Programación de entregas
- Solicitudes de devolución de chamada
Configuración dos campos de data e hora
Paso 1: Engadir campo de data
- Abre o teu formulario en A.F.B.
- Arrastrar data campo no formulario
- Configurar a etiqueta: "Data preferida" ou "Data da cita"
Paso 2: Configurar as restricións de data
Establecer restricións axeitadas:
| escenario | Recomendación | ¿Por que |
|---|---|---|
| Bloquear datas pasadas | si | Non se pode reservar no pasado |
| Desactivar fins de semana | Se pechado os fins de semana | Mostrar só os días dispoñibles |
| Data mínima | Mañá ou máis tarde | Deixar tempo de preparación |
| Data máxima | 60-90 días por diante | Ventá de reserva razoable |
Paso 3: Engadir campo de hora
- Arrastrar Tempo campo debaixo do campo Data
- Configurar a etiqueta: "Hora preferida" ou "Hora da cita"
Paso 4: Configurar as restricións de tempo
| escenario | Recomendación | ¿Por que |
|---|---|---|
| Tempo mínimo | Horario de apertura (por exemplo, 9:00) | Inicio do horario comercial |
| Tempo máximo | Última franxa horaria (por exemplo, 5:00) | Fin do horario comercial |
| intervalo | 15, 30 ou 60 minutos | Duración da cita de coincidencia |
| Formato | 12 horas ou 24 horas | Coincidencia coa preferencia do público |
Paso 5: Definir ambos segundo sexa necesario
Para os formularios de programación, ambos campos deben ser obrigatorios:
- Data: Obrigatorio ✓
- Tempo: Obrigatorio ✓
Exemplos de configuración
Cita de negocios estándar
Campo de data:
- Etiqueta: "Data da cita"
- Bloquear datas pasadas: Si
- Desactivar fins de semana: Si
- Data mínima: Mañá
- Data máxima: 90 días
- Obrigatorio: Si
Campo de tempo:
- Etiqueta: "Hora preferida"
- Mínimo: 9:00 AM
- Máximo: 5:00
- Intervalo: 30 minutos
- Formato: 12 horas
- Obrigatorio: Si
Franxas dispoñibles: Días laborables, de 9:00 a 17:00, cada 30 minutos
Gabinete Médico
Campo de data:
- Etiqueta: "Data da cita solicitada"
- Bloquear datas pasadas: Si
- Desactivar fins de semana: Si
- Data mínima: 2 días antes
- Data máxima: 60 días
Campo de tempo:
- Etiqueta: "Hora preferida"
- Mínimo: 8:00 AM
- Máximo: 4:00
- Intervalo: 15 minutos
- Formato: 12 horas
Nota: Intervalos de 15 minutos para citas médicas de duración variable.
Reserva de restaurante
Campo de data:
- Etiqueta: “Data de reserva”
- Bloquear datas pasadas: Si
- Desactivar fins de semana: Non (fins de semana aberto)
- Data mínima: Hoxe
- Data máxima: 30 días
Campo de tempo:
- Etiqueta: "Tempo de reserva"
- Mínimo: 11:00 AM (inicio do xantar)
- Máximo: 9:00 (último asento)
- Intervalo: 30 minutos
- Formato: 12 horas
Cita de salón
Campo de data:
- Etiqueta: "Data da cita"
- Bloquear datas pasadas: Si
- Desactivar fins de semana: Non (os salóns adoitan abrir os fins de semana)
- Data mínima: Mañá
Campo de tempo:
- Etiqueta: "Hora preferida"
- Mínimo: 9:00 AM
- Máximo: 7:00
- Intervalo: 15 minutos
Solicitude de devolución de chamada
Campo de data:
- Etiqueta: "Mellor día para chamar"
- Bloquear datas pasadas: Si
- Desactivar fins de semana: Si
- Predeterminado: Hoxe ou mañá
Campo de tempo:
- Etiqueta: "Mellor momento para chamar"
- Mínimo: 9:00 AM
- Máximo: 6:00
- Intervalo: 1 hora
Nota: Intervalos máis amplos (1 hora) para ventás de devolución de chamada flexibles.
Modelo de formulario de programación completo
Estrutura de formulario completo
| Orde | Campo | tipo | Esixe |
|---|---|---|---|
| 1 | Nome completo | nome | si |
| 2 | si | ||
| 3 | teléfono | teléfono | si |
| 4 | Tipo de servizo/cita | Desplegable | si |
| 5 | Data preferida | data | si |
| 6 | Hora preferida | Tempo | si |
| 7 | Data alternativa | data | Non |
| 8 | Tempo alternativo | Tempo | Non |
| 9 | Notas adicionais | Textarea | Non |
Por que incluír unha data/hora alternativa?
- A primeira opción pode non estar dispoñible
- Reduce a comunicación de ida e volta
- Maior probabilidade de reserva exitosa
- Fai que sexan opcionais (non todo o mundo precisa de copia de seguridade)
Consideracións de deseño
Opción 1: Apilado (vertical)
Data preferida: [___________________] Hora preferida: [___________________]
Mellor para:
- Deseño primeiro móbil
- Selección clara paso a paso
- Formas máis longas
Opción 2: Lado a lado (horizontal)
Data preferida: [_________] Hora preferida: [_________]
Mellor para:
- Formularios de escritorio
- Disposición compacta
- Cando a data e a hora están estreitamente relacionadas
Opción 3: Agrupado con etiqueta
Cando queres vir? Data: [___________] Hora: [___________]
Mellor para:
- Formas conversacionais
- Agrupación clara
Intervalos de correspondencia coa duración do servizo
Por que importa o intervalo
Os intervalos de tempo deben coincidir coa duración das túas citas:
| Duración da cita | Intervalo recomendado |
|---|---|
| minutos 15 | minutos 15 |
| minutos 30 | minutos 30 |
| minutos 45 | 15 minutos (ou 45) |
| 1 hora | 30 minutos ou 1 hora |
| Variable | 15 minutos (flexible) |
Exemplo: diferentes servizos
Se ofreces servizos de diferentes duracións:
- Usar o mínimo común intervalo (15 min)
- Ou usa o menú despregable con franxas horarias específicas
- Ou usa a lóxica condicional para mostrar diferentes horarios segundo o servizo
Xestión de casos especiais
Diferentes horas en diferentes días
Desafío: Aberto de 9 a 5 os días laborables e de 10 a 2 os sábados.
Solucións:
- Simple: Usar o rango máis amplo (9-5), ter en conta o horario dos sábados no texto de axuda
- Avanzado: Lóxica condicional para mostrar diferentes opcións de tempo segundo a data seleccionada
- Alternativa: Menú despregable con todas as franxas horarias posibles
Brecha para a pausa para o xantar
Desafío: Pechado de 12 a 1 h para xantar.
Solucións:
- Campo de tempo: Non se pode crear un espazo (mostra un rango continuo)
- Despregar menú: Listar as franxas horarias específicas dispoñibles, omitir 12-1
- Nota: Engadir texto de axuda sobre o peche do xantar
Horario da última cita
Desafío: Pecha ás 17:00, as citas son de 30 minutos.
Solución: Define a hora máxima ás 4:30 (última franxa horaria que remata ao pechar).
Requisitos de prazo de entrega
Desafío: Necesítase avisar con 24 horas de antelación para as citas.
Solución: Define a data mínima para mañá (ou usa o cálculo de data personalizado).
Consellos de experiencia de usuario
1. Orde lóxica dos campos
Data antes de hora (os usuarios pensan en "que día" e despois en "a que hora").
2. Etiquetas transparentes
- «Data preferida» non só «Data»
- "Hora da cita", non só "Hora"
- Indica que estas son preferencias, non garantidas
3. Marcadores de posición útiles
- Data: “Selecciona unha data”
- Hora: “Seleccionar unha hora”
4. Claridade do fuso horario
Se os usuarios abarcan diferentes fusos horarios:
- Engadir nota sobre o fuso horario: "Todas as horas son hora do leste (ET)"
- Ou engadir un campo de selección de fuso horario
5. Probas móbiles
- Selector de datas de proba en móbiles (nativo vs personalizado)
- Selector de tempo de proba en móbil
- Garantir unha experiencia de selección sen problemas
6. Establecer expectativas
Nunha introdución ou mensaxe de éxito do formulario:
- "Isto é unha solicitude; confirmaremos a dispoñibilidade"
- "Recibirás confirmación en 24 horas"
Mensaxe de éxito e seguimento
Mensaxe de bo éxito
Grazas pola túa solicitude de cita!
Recibimos a súa solicitude para [Data] ás [Hora].
Revisaremos a dispoñibilidade e confirmaremos a túa cita en 24 horas. Consulta o teu correo electrónico para confirmar.
Notificación por correo electrónico
O correo electrónico de notificación debe incluír:
- Data e hora solicitadas
- Información de contacto
- Tipo de servizo/cita
- Calquera nota proporcionada
Manexo de datos
Que se almacena
- Data: Gardada como valor de data (por exemplo, 2026-01-15)
- Hora: Gardada como valor de hora (por exemplo, 14:30 ou 2:30)
- Ambos ligados ao rexistro de envío
Usando os datos
- Ver na lista de envíos
- A exportación inclúe ambos os campos
- Filtrar envíos por data
- Ordenar cronoloxicamente
Solución de problemas
A data/hora non se garda correctamente
Comprobar:
- Ambos campos configurados correctamente
- Configuración de fuso horario en WordPress
- Configuración do formato de data/hora
Momentos incorrectos que se mostran
Comprobar:
- Axustes de tempo mínimo/máximo
- Formato de 12 horas fronte a formato de 24 horas
- Axuste de intervalo
As datas de fin de semana seguen aparecendo
Comprobar:
- "Desactivar fins de semana" está activado
- Gardar a configuración e actualizar
- Borrar a caché
Preguntas máis frecuentes
Por que non usar un único campo de data e hora?
Os campos separados permiten unha validación independente (días laborables para a data, horario comercial para a hora), unha mellor experiencia de usuario móbil e unha experiencia de usuario máis clara, unha opción á vez.
Podo ter diferentes franxas horarias para diferentes días?
Non con restricións básicas no campo de tempo. Opcións: usar un menú despregable con todas as franxas horarias, engadir lóxica condicional (Pro) ou indicar as horas variables no texto de axuda.
Como podo xestionar os fusos horarios?
Indica claramente en que fuso horario se atopan as horas (por exemplo, "Todas as horas son EST"). Para usuarios internacionais, considera engadir un menú despregable de fusos horarios.
Debería incluír campos de data/hora alternativos?
Recomendado para formularios de cita previa: ofréceche flexibilidade se a primeira opción non está dispoñible. Fai que sexan opcionais.
Que pasa se o meu horario varía segundo o servizo?
Usa a lóxica condicional para mostrar diferentes opcións de tempo segundo o servizo seleccionado ou usa un menú despregable con todos os tempos posibles e anota calquera restrición.
Resumo
Combinando campos de data e hora:
- Engadir campo de data – Para a selección do día
- Configurar restricións de data – Bloque pasado, fins de semana, intervalo definido
- Engadir campo de tempo – Campo de data inferior
- Configurar restricións de tempo – Horario comercial, intervalos
- Definir ambos obrigatorios – Para unha programación completa
- Considere alternativas – Data/hora opcional da copia de seguridade
- Relacionar intervalos con servizos – Adaptarse á duración das citas
- Establece expectativas claras – Solicitude fronte a reserva confirmada
Conclusión
Os formularios de programación eficaces requiren a selección tanto de data como de hora. Os campos separados ofrécenche flexibilidade (diferentes restricións para cada un) e, ao mesmo tempo, proporcionan unha experiencia clara e paso a paso para os usuarios. Configura a data para mostrar os días dispoñibles e a hora para mostrar o horario comercial e recibirás solicitudes de programación completas en todo momento.
Creador automático de formularios Ofrece campos de data e hora con todas as funcións, restricións, opcións de formato e intervalos independentes. Combínaos para crear formularios de programación profesionais para calquera escenario de reserva.
Listo para crear formularios de programación? Descargar o creador automático de formularios e crea hoxe mesmo formularios de reserva completos con data e hora.
