Você quer adicionar um seletor de data ao seu formulário de contato? Um seletor de data é necessário quando você quer que seus usuários selecionem uma data e hora no formulário.
Neste artigo, compartilharemos como criar um formulário WordPress com um seletor de data.
Quando e Por Que Você Deve Adicionar um Seletor de Data em Formulários WordPress?
Muitos formulários de contato têm campos simples como nome, e-mail, telefone e mensagem. Essas informações são suficientes para se conectar com seus usuários. No entanto, se você quiser agendar um agendamento com seus usuários, então você precisará adicionar um seletor de data ao seu formulário.
Se você está gerenciando uma loja de comércio eletrônico e quer que os clientes adicionem a data de disponibilidade para entrega, então você pode adicionar um campo de data e hora no formulário de contato ou de pedido.
Existem muitas outras razões pelas quais você pode precisar pedir aos seus usuários para enviarem datas e horários com suas informações básicas. Vamos dar uma olhada em como criar facilmente um formulário WordPress com um seletor de data.
Criando um Formulário WordPress com um Seletor de Data
A primeira coisa que você precisará fazer é instalar e ativar o plugin WPForms. Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin WordPress.
Após a ativação, você precisará ir para a página WPForms » Adicionar Novo para criar um formulário no WordPress. Isso abrirá a tela de configuração do WPForms, onde você encontrará vários modelos pré-construídos para criar facilmente um novo formulário de sua escolha. Você também pode selecionar um formulário em branco para começar do zero.
Para começar, estamos escolhendo o modelo Formulário de Contato Simples.
Um formulário de contato simples será carregado com os campos básicos: nome, e-mail, comentário, etc. Você pode ver mais campos no lado esquerdo e uma prévia do seu novo formulário no lado direito da tela. Simplesmente arraste e solte qualquer campo do lado esquerdo para o seu novo formulário no lado direito.
Como você deseja adicionar um seletor de data, precisará arrastar e soltar o campo Data / Hora da coluna esquerda para o seu formulário. Você pode posicionar o seletor de data acima ou abaixo de qualquer campo no formulário do WordPress.
O formulário é totalmente flexível, o que significa que você pode facilmente reorganizar a ordem dos campos ou personalizar qualquer campo na seção de prévia do seu formulário no lado direito.
Assim que você clicar em qualquer campo na prévia do formulário, as configurações desse campo específico serão exibidas no lado esquerdo. Por exemplo, se você clicar no campo Data / Hora que acabou de adicionar ao seu formulário, verá estas configurações para personalizar:
- Rótulo: É o título do campo Data / Hora no seu formulário.
- Formato: Neste menu suspenso, você pode selecionar um formato para data, hora ou ambos.
- Descrição: Permite adicionar instruções para os usuários abaixo do campo.
- Obrigatório: Se você marcar esta opção, o usuário não poderá enviar o formulário sem selecionar uma data / hora neste campo.
Além dessas configurações básicas, existem opções avançadas para personalizar o design e o estilo do campo de data / hora.
Algumas das opções avançadas incluem:
- Tamanho do Campo: Existem diferentes tamanhos de exibição disponíveis para o campo de data / hora.
- Data: É um placeholder. O texto que você adicionará aqui será exibido por padrão aos usuários. Ao lado dele, você também pode selecionar o formato para a data.
- Tipo: Você pode selecionar um tipo para o seletor de data. Existem 2 tipos: Seletor de Data e Dropdown de Data
- Horário: Este é outro espaço reservado para o horário. Você também pode precisar escolher um formato de 12 ou 24 horas.
Existem muitas outras configurações personalizadas, como intervalo, ocultar rótulos e muito mais.
Você também deve conferir este guia sobre como adicionar CSS personalizado ao seu formulário para obter instruções mais detalhadas.
Certifique-se de clicar no botão Salvar para armazenar suas alterações.
Configurações de Confirmação e Notificações
Assim que estiver satisfeito com os campos, você precisará gerenciar as configurações de confirmação e as notificações por e-mail para o seu formulário. Simplesmente visite a página Configurações » Confirmação no construtor do WPForms. A partir daí, você pode adicionar uma mensagem personalizada para seus usuários que eles receberão após o envio do formulário. Você também pode alterar o tipo de confirmação para redirecionar os usuários para uma página de agradecimento.
Depois disso, você pode ir para a página Configurações » Notificações para gerenciar as notificações por e-mail para envios de formulários. Você também pode enviar várias notificações para diferentes endereços de e-mail.
Para configurações avançadas, você pode adicionar lógica condicional ao seu formulário para enviar notificações específicas aos usuários. Isso significa que, com base nas opções selecionadas pelo usuário, você pode enviar diferentes notificações de e-mail automatizadas para eles.
Saiba mais aqui: Como Configurar as Notificações e Confirmações Corretas do Formulário.
Por último, você precisará clicar no botão Salvar para ver seu formulário de contato em ação.
Exibir o Formulário no Seu Site WordPress
Você pode adicionar o novo formulário que acabou de criar com um seletor de data ao WordPress com muita facilidade com o WPForms. Mostraremos como fazer isso usando o editor de blocos e o editor clássico. Também mostraremos como adicioná-lo a uma barra lateral.
Adicionar Formulário WordPress a uma Página ou Post do WordPress (Gutenberg)
Para adicionar o formulário em qualquer página ou post do WordPress, você pode pesquisar pelo bloco WPForms e adicioná-lo ao editor de texto.
Em seguida, você verá um menu suspenso onde poderá selecionar o formulário de contato que acabou de criar.
Após selecionar o formulário, você verá a prévia no editor de texto. Para adicionar o formulário de contato ao seu site, clique no botão Publicar no canto superior direito.
Adicionar Formulário WordPress a uma Página ou Post do WordPress (Editor Clássico)
Se você usa o editor clássico do WordPress, pode adicionar o formulário usando o botão Adicionar Formulário. Ou, você pode simplesmente copiar e colar o shortcode do formulário para incorporar o formulário em seu site.
Adicionar Formulário WordPress em uma Barra Lateral
Você também pode adicionar o formulário ao widget da sua barra lateral. Para isso, vá em Aparência » Widget. Agora, arraste e solte o widget WPForms na barra lateral ou no menu do rodapé à direita.
Depois disso, selecione seu formulário usando o menu suspenso e salve suas alterações.
Feito isso, clique no botão Salvar. Seu formulário agora começará a ser exibido na barra lateral do seu site.
É só isso. Esperamos que este artigo tenha ajudado você a aprender como criar um formulário WordPress com um seletor de data. Você também pode querer ver nosso guia sobre como criar um formulário de upload de arquivos no WordPress.
Comentários Deixe uma Resposta