Resumo de IA
Exibir campos de pagamento com base em datas específicas é um requisito comum para muitos sites WordPress. Isso é particularmente útil para quem lida com registros de eventos, reservas sazonais ou serviços com prazo determinado.
Usando o addon Cálculos do WPForms, você pode exibir um campo de pagamento em seu formulário somente se o seu cliente selecionar datas específicas no campo Data/Hora.
Neste guia, mostrarei como exibir um campo de pagamento com base na entrada de data em seu site WordPress.
Como Mostrar um Campo de Pagamento Baseado em uma Data no WordPress
Passo 1: Instalar e Ativar o Plugin WPForms
WPForms é o melhor plugin construtor de formulários de arrastar e soltar para criar formulários básicos e avançados no WordPress.
De simples formulários de contato a recursos mais avançados, como lógica condicional, é uma ferramenta confiável que funcionou bem para mim em vários sites.
A licença Pro do WPForms inclui acesso ao addon Cálculos, que permite realizar operações matemáticas simples e complexas em seus formulários WordPress.
Depois de adquirir a licença Pro, você deve instalar e ativar o WPForms em seu site WordPress. Se for sua primeira vez, confira este guia para saber como instalar o WPForms.
Crie seu formulário WordPress agora
Etapa 2: Instalar o Addon Cálculos
Após instalar o plugin WPForms, você também precisará instalar o addon Cálculos.
Para instalar o addon, vá para a área administrativa do WordPress e acesse WPForms » Addons. Em seguida, role para baixo até encontrar o addon Cálculos, ou use a barra de pesquisa. Quando encontrá-lo, clique em Instalar Addon.
Depois de instalar e ativar o addon Cálculos em seu site, prossiga para criar seu formulário WordPress.
Etapa 3: Criando seu Formulário de Pagamento
Você pode criar seu formulário do zero, usar um modelo de formulário ou gerar formulários com o WPForms AI. Para este tutorial, criarei um novo formulário do zero.
Para começar, navegue até WPForms » Adicionar Novo. Em seguida, passe o mouse sobre o widget Formulário em Branco e clique em Criar Formulário em Branco.
No construtor de formulários, adicione os campos que você precisa ao seu formulário. Você pode arrastar e soltar um campo ou clicar nele para adicioná-lo ao construtor de formulários.
Para este tutorial, assumirei que você já adicionou seus campos de pagamento e configurou suas configurações de pagamento e de campo. Vamos nos concentrar na implementação da lógica para ocultar/exibir o campo de pagamento com base na entrada de data.
Leia Também: Como Visualizar o Histórico do Seu Formulário no WordPress
Etapa 4: Habilitar Lógica para Exibir um Campo de Pagamento com Base na Entrada de Data
Nesta seção, mostrarei dois exemplos práticos de como você pode ocultar/exibir um campo de pagamento em seu formulário com base na entrada do campo Data/Hora.
Exibindo um Campo de Pagamento com Base na Entrada de Data
Para fazer isso, começarei adicionando um campo Data/Hora e 2 campos Ocultos ao meu formulário. Usarei o campo Itens Múltiplos como meu campo de pagamento. Portanto, certifique-se de incluí-lo em seu formulário também.
Agora clique no campo Data / Hora para acessar o painel de Opções do Campo. Em seguida, selecione a aba Avançado.
Uma vez aqui, confirme o formato da data. Por padrão, ele está definido como m/d/Y, onde m representa o mês, d representa o dia e Y representa o ano.
Após confirmar o formato da data, clique em um dos campos Ocultos que você adicionou ao seu formulário e altere o rótulo do campo. Eu nomeei o meu como Data Padrão, mas você pode escolher qualquer nome que desejar.
Em seguida, clique na aba Avançado e defina o Valor Padrão do campo para a data que você deseja verificar na lógica condicional.
Depois disso, clique no segundo campo Oculto em seu formulário e selecione a aba Avançado. Em seguida, ative a opção Habilitar Cálculo para a posição ligada.
No construtor de fórmulas de cálculo, escreverei uma lógica para comparar o valor que o usuário seleciona no campo Data / Hora com a data padrão que especifiquei no primeiro campo Oculto. Se eles corresponderem, definiremos o valor do campo como 1. Caso contrário, o cálculo retornará 0. Aqui está a fórmula para implementar essa lógica:
if ( $F12_date == $F14 ):
1
else:
0
endif;
Na fórmula acima, a variável $F12_date referencia o subcampo de data no campo Data / Hora. Enquanto $F14 representa o campo Oculto onde especifiquei uma data padrão.
Você precisará substituir os números nos nomes das variáveis para que correspondam aos campos em seu formulário. Por favor, veja nosso tutorial para saber mais sobre como criar fórmulas com o complemento de Cálculos.
Após adicionar a fórmula, clique no campo de pagamento ao qual você deseja habilitar a lógica condicional. Em seguida, selecione a aba Lógica Inteligente e ative a opção Habilitar Lógica Condicional para a posição ligada.
Uma vez habilitado, você precisará definir a condição para que ela verifique o campo Oculto com os cálculos habilitados. Defini a lógica para Mostrar este campo se o campo Oculto for 1. Isso significa que se a fórmula que compara o valor do campo Data / Hora com a data padrão que especifiquei for verdadeira, o campo de Pagamento será exibido no formulário.
Após habilitar a lógica condicional, certifique-se de salvar suas alterações clicando no botão Salvar.
Ao visualizar o formulário no frontend do seu site, o campo de pagamento ficará oculto por padrão até que você selecione uma data no campo Data / Hora.
Se a data que você selecionar corresponder àquela especificada no campo Oculto Data Padrão, o campo de pagamento aparecerá. Os usuários agora podem prosseguir para selecionar uma opção de pagamento e concluir sua compra.
Exibindo Campo de Pagamento com Base na Idade do Usuário
Neste exemplo, mostraremos o campo de pagamento apenas se o usuário tiver mais de 18 anos. Para começar, adicionarei 2 campos Ocultos, um campo Data / Hora e o campo Item Único.
Em seguida, selecione um dos campos Ocultos e altere o rótulo para Data Atual.
Em seguida, clique na guia Avançado e ative a opção Habilitar Cálculo.
No construtor de fórmulas, prossiga e adicione a função abaixo.
now()
Esta função definirá o valor do campo Oculto para a data e hora atuais.
Em seguida, selecione o segundo campo Oculto e defina o Rótulo como Calculadora de Idade.
Em seguida, selecione a guia Avançado e ative a opção Habilitar Cálculo. No construtor de fórmulas, adicione a função abaixo.
years( $F12, $F14 )
A função anos() verificará a diferença de data entre duas datas e retornará a diferença em anos.
$F12 e $F14 são os nomes das variáveis para os campos Data / Hora e Data Atual, respectivamente. Certifique-se de substituir os números para corresponder aos dos seus campos.
Após adicionar a fórmula à Calculadora de Idade, selecione o campo de pagamento em seu formulário para abrir seu painel de Opções de Campo. Em seguida, navegue até a guia Lógica Inteligente e ative a opção Habilitar Lógica Condicional.
Em seguida, escolha o campo Calculadora de Idade no menu suspenso na regra de lógica condicional.
Depois disso, escolha o operador maior que no menu suspenso.
Finalmente, insira 17 no valor. A regra deve ser Mostrar este campo se a Calculadora de Idade for maior que 17. Essa lógica é útil para regular pagamentos online e garantir a conformidade adequada do status de pagamento.
Após adicionar a lógica, certifique-se de salvar suas alterações. Ao visualizar o formulário, o campo de pagamento ficará oculto por padrão até que o usuário especifique sua idade.
O campo só será exibido se a idade do usuário for 18 anos ou mais.
Etapa 5: Publicar seu Formulário de Pagamento
Por fim, vamos adicionar o formulário de pagamento a uma página. Para fazer isso, clique no botão Incorporar no canto superior direito do construtor de formulários.
Você terá a opção de publicar seu formulário em uma página nova ou existente. Para este guia, escolherei a opção Criar Nova Página .
Dê um nome à sua nova página e clique em Vamos Lá.
Você será direcionado ao editor de páginas do WordPress com seu formulário incorporado na página. Clique no botão Publicar para publicar sua página.
Ao verificar esta página no frontend, o campo de pagamento em seu formulário ficará oculto até que o valor do campo Data corresponda ao especificado em sua regra de lógica condicional. Observe que também é possível incorporar seus formulários usando um shortcode ou widget.
Perguntas Frequentes — Mostrar Condicionalmente um Campo de Pagamento com Base na Entrada de Data
Estas são as respostas para algumas das principais perguntas que recebemos sobre como mostrar um campo de pagamento com base na entrada de data.
O que acontece se o campo de data for deixado em branco?
Se o campo de data estiver vazio, o cálculo retornará 0, ocultando efetivamente o campo de pagamento. Recomendo tornar o campo de data obrigatório para evitar essa situação.
Como exibo a data no WordPress?
Se você estiver usando o complemento Cálculos no WPForms, poderá exibir a data usando a função now(). Ao inserir a função no construtor de fórmulas, o valor do campo será definido como a data e hora atuais.
Em seguida, Aceite Pagamentos Recorrentes no WordPress
E é isso! Agora você aprendeu 2 maneiras práticas de exibir um campo de pagamento com base na entrada de data no WordPress. O processo que expliquei neste tutorial também pode ser aplicado a formulários de pagamento baseados em assinatura.
Você pode conferir nosso tutorial para aprender como aceitar pagamentos recorrentes no WordPress para obter detalhes sobre como vender assinaturas com o WPForms.
Crie seu formulário WordPress agora
Pronto para criar seu formulário? Comece hoje mesmo com o plugin de criação de formulários WordPress mais fácil. WPForms Pro inclui muitos modelos gratuitos e oferece uma garantia de devolução do dinheiro em 14 dias.
Se este artigo ajudou você, por favor, siga-nos no Facebook e Twitter para mais tutoriais e guias gratuitos do WordPress.
