Como criar um formulário WordPress com um seletor de datas

como criar um formulário wordpress com um seletor de datas


Deseja adicionar um seletor de datas ao seu formulário de contato? Um seletor de datas é necessário quando você deseja que seus usuários selecionem uma data e hora no formulário.

Neste artigo, compartilharemos como criar um formulário do WordPress com um seletor de datas.

Quando e por que você deve adicionar um seletor de datas nos formulários do WordPress?

Muitos formulários de contato possuem campos simples como nome, email, telefone e mensagem. Esta informação é suficiente para se conectar com seus usuários. No entanto, se você deseja agendar um compromisso com seus usuários, precisará adicionar um seletor de datas em seu formulário.

Se você estiver executando uma loja de comércio eletrônico e desejar que os clientes adicionem a data de disponibilidade para entrega, adicione um campo de data e hora no contato ou no formulário de pedido.

Existem muitos outros motivos pelos quais você precisa solicitar que seus usuários enviem data e hora com suas informações básicas. Vamos dar uma olhada em como criar facilmente um formulário do WordPress com um seletor de datas.

Criando um formulário WordPress com um seletor de datas

A primeira coisa que você precisa fazer é instalar e ativar o WPForms plugar. Para mais detalhes, consulte o nosso guia passo a passo sobre como instalar um plugin do WordPress.

Após a ativação, você precisará ir para o WPForms »Adicionar novo página para criar um formulário no WordPress. Ele abrirá a tela de configuração do WPForms, na qual você encontrará vários modelos pré-criados 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 Formulário de contato simples modelo.

Crie um novo formulário

Um formulário de contato simples será carregado com o nome dos campos básicos, email, comentário, etc. Você pode ver mais campos no lado esquerdo e uma visualização 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 datas, será necessário arrastar e soltar o Data hora campo da coluna esquerda para o seu formulário. Você pode colocar o seletor de datas acima ou abaixo de qualquer campo no formulário do WordPress.

Arraste e solte o campo do seletor de datas

O formulário é totalmente flexível, o que significa que você pode reorganizar facilmente a ordem dos campos ou personalizar qualquer campo na seção de visualização do formulário no lado direito.

Alterar ordem dos campos

Depois de clicar em qualquer campo na visualização do formulário, ele exibirá as configurações no lado esquerdo desse campo específico. Por exemplo, se você clicar no Data hora campo que você acabou de adicionar ao seu formulário, verá essas configurações para personalizar:

  • Rótulo: É o título do campo Data / Hora no seu formulário.
  • Formato: Nesse menu suspenso, você pode selecionar um formato para data, hora ou ambos.
  • Descrição: Permite adicionar instruções para usuários abaixo do campo.
  • Requeridos: Se você marcar esta opção, um 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.

Configurações do campo de formulário

Poucas das opções avançadas incluem:

  • Tamanho do campo: Existem diferentes tamanhos de exibição disponíveis para o campo de data / hora.
  • Encontro: É um espaço reservado. O texto que você adicionará aqui será exibido por padrão para os usuários. Ao lado dele, você também pode selecionar o formato para a data.
  • Tipo: Você pode selecionar um tipo para o selecionador de data. Existem 2 tipos: Selecionador de datas e Data suspensa
  • Tempo: Este é outro espaço reservado para o tempo. Você também pode escolher um formato entre 12 ou 24 horas.

Existem muitas outras configurações personalizadas, como intervalo, ocultar marcadores e muito mais.

Opções avançadas

Você também deve verificar este guia em como adicionar CSS personalizado ao seu formulário para instruções mais detalhadas.

Certifique-se de clicar no Salve  botão para armazenar suas alterações.

Configurações de confirmação e notificação

Quando estiver satisfeito com os campos, será necessário gerenciar as configurações de confirmação e as notificações por e-mail do seu formulário. Basta visitar o Configurações »Confirmação página no construtor 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..

Configurações de confirmação do formulário

Depois disso, você pode ir para o Configurações »Notificações página para gerenciar notificações por email para envio de formulários. Você também pode enviar várias notificações em diferentes endereços de email. Confira este guia em como criar várias notificações no WPForms.

Para configurações avançadas, você pode adicionar lógica condicional no seu formulário para enviar notificações específicas aos usuários. Aprender como criar notificações de formulário condicionais nos formulários do WordPress.

Por fim, você precisa clicar no Salve  para ver seu formulário de contato em ação.

Exibir o formulário no seu site WordPress

Você pode adicionar facilmente o formulário de contato nas páginas, postagens, barras laterais e outras áreas do widget do WordPress.

Para adicionar o formulário em uma página, você precisa ir para Páginas »Adicionar novo no WordPress. Basta clicar no botão Adicionar formulário acima do editor de texto.

Adicionar formulário na página

Um pop-up aparecerá onde você poderá selecionar o formulário que criou. Depois de escolher o formulário correto, clique no ícone Adicionar formulário botão. Esse processo é o mesmo para as postagens do WordPress. Publique a página / postagem para ver o formulário de contato com o seletor de datas em seu site WordPress.

Formulário WordPress com seletor de datas

No entanto, se você deseja adicionar o formulário à barra lateral ou a qualquer outra área de widget, vá para Aparência »Widgets arrastar e soltar o widget WPForms na barra lateral. Nas configurações do widget, você pode selecionar o formulário que criou acima e clicar no Salve  botão.

Isso é tudo. Esperamos que este artigo tenha ajudado você a aprender como criar um formulário WordPress com um seletor de datas. Você também pode querer ver o nosso guia sobre como criar um formulário de upload de arquivos no WordPress.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map