Resumo de IA
Exibir campos de pagamento com base em datas específicas é um requisito comum para muitos sites WordPress. Isto é particularmente útil para quem lida com registos de eventos, reservas sazonais ou serviços com prazos.
Usando o addon Cálculos do WPForms, pode exibir um campo de pagamento no seu formulário apenas se o seu cliente selecionar datas específicas no campo Data/Hora.
Neste guia, irei guiá-lo através de como mostrar um campo de pagamento com base na entrada de data no seu site WordPress.
Como Mostrar um Campo de Pagamento com Base numa Data no WordPress
Passo 1: Instalar e Ativar o Plugin WPForms
O WPForms é o melhor plugin construtor de formulários de arrastar e soltar para criar formulários básicos e avançados no WordPress.
Desde formulários de contacto simples a funcionalidades mais avançadas como lógica condicional, é uma ferramenta fiável que funcionou bem para mim em múltiplos sites.
A licença Pro do WPForms inclui acesso ao addon Cálculos, que permite realizar operações matemáticas simples e complexas nos seus formulários WordPress.
Depois de ter comprado a licença Pro, deve instalar e ativar o WPForms no seu site WordPress. Se for a primeira vez, consulte este guia para aprender como instalar o WPForms.
Crie o Seu Formulário WordPress Agora
Passo 2: Instalar o Addon Cálculos
Após instalar o plugin WPForms, também precisará de instalar o addon Cálculos.
Para instalar o addon, dirija-se à área de administração do WordPress e vá a WPForms » Addons. Em seguida, percorra até encontrar o addon Cálculos, ou use a barra de pesquisa. Quando o encontrar, clique em Instalar Addon.
Depois de ter instalado e ativado o addon Cálculos no seu site, prossiga para criar o seu formulário WordPress.
Passo 3: Criar o Seu Formulário de Pagamento
Pode construir o 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 rato sobre o widget Formulário em Branco e clique em Criar Formulário em Branco.
No construtor de formulários, prossiga e adicione os campos de que necessita ao seu formulário. Pode arrastar e soltar um campo ou clicar nele para o adicionar ao construtor de formulários.
Para este tutorial, assumirei que já adicionou os seus campos de pagamento e configurou as suas definições de pagamento e de campo. Vamos concentrar-nos na implementação da lógica para ocultar/mostrar o campo de pagamento com base numa entrada de data.
Ler também: Como ver o histórico do seu formulário no WordPress
Passo 4: Ativar Lógica para Mostrar um Campo de Pagamento com Base na Entrada de Data
Nesta secção, mostrarei dois exemplos práticos de como pode ocultar/mostrar um campo de pagamento no seu formulário com base na entrada do campo Data / Hora.
Mostrar um Campo de Pagamento com Base na Entrada de Data
Para tal, começarei por adicionar um campo Data / Hora e 2 campos Ocultos ao meu formulário. Usarei o campo Itens Múltiplos como o meu campo de pagamento. Por isso, certifique-se de incluí-lo no seu formulário também.
Agora clique no campo Data / Hora para aceder ao seu painel de Opções de Campo. Em seguida, selecione o separador Avançadas.
Uma vez aqui, confirme o formato da data. Por defeito, está definido para 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 num dos campos Ocultos que adicionou ao seu formulário e altere o rótulo do campo. Eu chamei ao meu Data Padrão, mas pode escolher qualquer nome que desejar.
Em seguida, clique no separador Avançadas e defina o Valor Padrão do campo para a data que pretende verificar na lógica condicional.
Depois disso, clique no segundo campo Oculto no seu formulário e selecione o separador Avançadas. Em seguida, ative a opção Ativar Cálculo.
No construtor de fórmulas de cálculo, escreverei uma lógica para comparar o valor que o utilizador seleciona no campo Data / Hora com a data padrão que especifiquei no primeiro campo Oculto. Se corresponderem, definiremos o valor do campo para 1. Caso contrário, o cálculo retornará 0. Aqui está a fórmula para implementar esta lógica:
if ( $F12_date == $F14 ):
1
else:
0
endif;
Na fórmula acima, a variável $F12_date refere-se ao subcampo de data no campo Data / Hora. Enquanto $F14 representa o campo Oculto onde especifiquei uma data padrão.
Terá de substituir os números nos nomes das variáveis para que correspondam aos campos no seu formulário. Por favor, consulte o nosso tutorial para saber mais sobre como construir fórmulas com o suplemento Cálculos.
Após adicionar a fórmula, clique no campo de pagamento ao qual pretende ativar a lógica condicional. Em seguida, selecione o separador Lógica Inteligente e ative a opção Ativar Lógica Condicional.
Uma vez ativada, terá de definir a condição para que verifique o campo Oculto com cálculos ativados. Defini a lógica para Mostrar este campo se o campo Oculto for 1. Isto 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 ativar a lógica condicional, certifique-se de guardar as suas alterações clicando no botão Guardar.
Quando pré-visualizar o formulário no frontend do seu site, o campo de pagamento estará oculto por defeito até que selecione uma data no campo Data / Hora.
Se a data selecionada corresponder à especificada no campo Data Padrão Oculta, o campo de pagamento aparecerá. Os utilizadores podem agora proceder à seleção de uma opção de pagamento e concluir a sua compra.
Mostrar Campo de Pagamento Com Base na Idade do Utilizador
Neste exemplo, só mostraremos o campo de pagamento se o utilizador 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 no separador Avançadas e ative a opção Ativar 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 para Calculadora de Idade.
Em seguida, selecione o separador Avançadas e ative a opção Ativar Cálculo. No construtor de fórmulas, adicione a função abaixo.
years( $F12, $F14 )
A função anos() verificará a diferença de datas 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, respetivamente. 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 no seu formulário para abrir o painel Opções do Campo. Em seguida, navegue até ao separador Lógica Inteligente e ative a opção Ativar Lógica Condicional.
Em seguida, escolha o campo Calculadora de Idade no menu suspenso da regra de lógica condicional.
Depois disso, escolha o operador maior que no menu suspenso.
Finalmente, introduza 17 no valor. A regra deve ser Mostrar este campo se a Calculadora de Idade for maior que 17. Esta lógica é útil para regular pagamentos online e garantir a conformidade adequada do estado do pagamento.
Após adicionar a lógica, certifique-se de guardar as suas alterações. Ao pré-visualizar o formulário, o campo de pagamento estará oculto por defeito até que o utilizador especifique a sua idade.
O campo só aparecerá se a idade do utilizador for 18 anos ou mais.
Passo 5: Publicar o Seu Formulário de Pagamento
Finalmente, vamos adicionar o formulário de pagamento a uma página. Para o fazer, clique no botão Incorporar no canto superior direito do construtor de formulários.
Terá a opção de publicar o seu formulário numa 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á .
Será direcionado para o editor de páginas do WordPress com o seu formulário incorporado na página. Clique no botão Publicar para publicar a sua página.
Quando verificar esta página no frontend, o campo de pagamento no seu formulário ficará oculto até que o valor do campo Data corresponda ao especificado na sua regra de lógica condicional. Note que também é possível incorporar os seus formulários usando um shortcode ou widget, também.
FAQs — Mostrar Condicionalmente um Campo de Pagamento com Base na Entrada de Data
Estas são as respostas a 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 esta situação.
Como mostro a data no WordPress?
Se estiver a usar o Addon de Cálculos no WPForms, pode mostrar 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, Aceitar Pagamentos Recorrentes no WordPress
E é tudo! Aprendeu agora 2 formas práticas de mostrar 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 subscrição.
Pode consultar o nosso tutorial para aprender como aceitar pagamentos recorrentes no WordPress para obter detalhes sobre como vender subscrições com o WPForms.
Crie o Seu Formulário WordPress Agora
Pronto para construir o seu formulário? Comece hoje com o plugin construtor de formulários WordPress mais fácil. O WPForms Pro inclui muitos modelos gratuitos e oferece uma garantia de devolução do dinheiro em 14 dias.
Se este artigo o ajudou, por favor siga-nos no Facebook e Twitter para mais tutoriais e guias gratuitos do WordPress.
