Ao utilizar o WordPress como plataforma para criar e gerenciar websites, muitas vezes nos deparamos com a necessidade de incorporar formulários de contato em nossas páginas. Uma opção popular para esse fim é o plugin Contact Form 7, amplamente utilizado devido à sua simplicidade e eficiência. No entanto, uma limitação encontrada por alguns usuários é a falta da opção de incluir um campo de hora por padrão. Felizmente, existem soluções disponíveis para suprir essa lacuna e permitir que os formulários de contato também capturem informações de hora. Neste artigo, vamos explorar a instalação de um plugin específico que adiciona essa funcionalidade ao Contact Form 7, possibilitando uma experiência mais completa e personalizada para os usuários do WordPress.
Usando o Plugin “Date Time Picker” para o Contact Form 7
“Date Time Picker for Contact Form 7” é um software de código aberto. As seguintes pessoas contribuíram para este plugin.
Este plug-in habilita o campo de texto do Formulário de contato 7 em um seletor de data, seletor de hora ou seletor de data e hora usando a classe CSS. Depois de instalar o plug-in, você só precisa adicionar a classe CSS necessária ao editor Contact Form 7 CSS Classes. Se você usar várias classes, lembre-se de separar cada classe com espaço.
Retirado do site oficial, aqui estão as classes a serem usadas em cada campo:
- Somente para selecionador de data: walcf7-datepicker
- Apenas para Time Picker: walcf7-timepicker
- Para o seletor de data e hora: walcf7-datetimepicker
Lembre-se: A classe deve ser adicionada a [campo de texto. Exemplo: [text* book-date class:walcf7-datepicker placeholder “Date Picker”]
Link: https://wordpress.org/plugins/date-time-picker-for-contact-form-7/